html{scroll-behavior:smooth}body{font-family:"PingFang SC","Microsoft YaHei","Inter",system-ui,sans-serif;color:#1f2937}
.glass{background:rgba(255,255,255,.85);backdrop-filter:blur(20px)}
.text-gradient{background:linear-gradient(135deg,#9333ea,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.card-hover{transition:all .35s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-10px);box-shadow:0 30px 60px -12px rgba(147,51,234,.25)}
.card-hover:hover .card-icon{transform:scale(1.12) rotate(-3deg);background:linear-gradient(135deg,#9333ea,#a855f7);color:#fff}
.card-icon{transition:all .35s ease}
.btn-primary{transition:all .3s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px -8px rgba(147,51,234,.5)}
.btn-outline{transition:all .3s}.btn-outline:hover{transform:translateY(-3px)}
.nav-scrolled{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(20px)!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important}
.faq-body{max-height:0;overflow:hidden;transition:max-height .45s ease,padding .45s ease}
.faq-item.active .faq-body{max-height:400px;padding:0 1.5rem 1.5rem}
.faq-item.active .faq-arrow{transform:rotate(180deg)}.faq-arrow{transition:transform .35s ease}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.animate-float{animation:float 5.5s ease-in-out infinite}
.bg-grid{background-image:radial-gradient(rgba(147,51,234,.04) 1px,transparent 1px);background-size:28px 28px}
::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(#9333ea,#c084fc);border-radius:99px}