@charset "utf-8";

#mainBnr{gap:80px;max-width:1500px;margin:0 auto;padding-top:100px}
#mainBnr *{word-break:keep-all}
#mainBnr .banner{flex:1;border-radius:28px;overflow:hidden;position:relative;display:flex;align-items:center;padding:42px 55px;isolation:isolate;box-shadow:0 20px 60px #0000001f}
#mainBnr .banner::before{content:'';position:absolute;inset:0;z-index:-2}
#mainBnr .content{color:#fff;position:relative;z-index:2}
#mainBnr h2{font-size:32px;line-height:1.25;letter-spacing:-1px;font-weight:600;margin-bottom:16px}
#mainBnr p{font-size:16px;color:#ffffffc7;letter-spacing:-.3px}
#mainBnr .button{margin-top:28px;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:16px;background:#fff;color:#111;font-size:15px;font-weight:700;text-decoration:none;transition:.25s ease}
#mainBnr .button:hover{transform:translateY(-2px)}
#mainBnr .icon-box{position:absolute;right:55px;top:50%;transform:translateY(-50%);width:112px;height:112px;border-radius:30px;background:#ffffff1a;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;border:1px solid #ffffff1f;box-shadow:inset 0 1px 0 #ffffff1a}
#mainBnr .icon-box span{font-size:60px;color:#fff}
#mainBnr .legal::before{background:radial-gradient(circle at top left,#ffffff29,transparent 34%),linear-gradient(135deg,#0f172a 0%,#172554 55%,#1e3a8a 100%)}
#mainBnr .legal::after{background:linear-gradient(135deg,#93c5fd,transparent)}
#mainBnr .tax::before{background:radial-gradient(circle at top left,#ffffff29,transparent 34%),linear-gradient(135deg,#037177 0%,#11979e 55%,#15cbd4 100%)}
#mainBnr .tax::after{background:linear-gradient(135deg,#6ee7b7,transparent)}
#mainBnr .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to right,#000 45%,transparent 100%);z-index:-1}
@media (max-width:1600px){
#mainBnr{gap:40px;width:95%}
}
@media (max-width:1300px){
#mainBnr .banner{padding:42px}
#mainBnr h2{font-size:28px}
#mainBnr .icon-box{right:42px;top:auto;bottom:42px;transform:none;width:95px;height:95px}
#mainBnr .icon-box span{font-size:50px}
}
@media (max-width:1024px){
#mainBnr{gap:20px}    
#mainBnr .banner{padding:35px}
#mainBnr h2{font-size:24px}
#mainBnr .icon-box{right:35px;bottom:35px;width:75px;height:75px;border-radius:20px}
#mainBnr .icon-box span{font-size:40px}
#mainBnr .button{height:45px;padding:0 20px;border-radius:10px}
#mainBnr .button svg{width:20px;height:20px}
}
@media (max-width:768px) {
#mainBnr{padding-top:80px}    
#mainBnr .banner{padding:28px;border-radius:14px}
#mainBnr h2{font-size:22px;letter-spacing:0}
#mainBnr p{font-size:14px}
#mainBnr p br{display:none}
#mainBnr .icon-box{right:28px;bottom:28px;width:65px;height:65px}
#mainBnr .icon-box span{font-size:35px}
}
@media (max-width:620px) {
#mainBnr{padding-top:60px}        
#mainBnr .banner{flex:unset;width:100%}    
}