body{margin:0;background:#0F141F;color:#F3F4F6;font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
*{box-sizing:border-box}
a:focus-visible,button:focus-visible{outline:3px solid #93C5FD;outline-offset:3px}
.u{font-family:'Unbounded',sans-serif;font-weight:800;letter-spacing:-.04em}
@keyframes rise{from{opacity:0;transform:translateY(22px)}
to{opacity:1;transform:none}}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,24px)}}
@keyframes fall{0%{transform:translate3d(0,-12vh,0) rotate(var(--r0));opacity:0}10%{opacity:var(--o)}90%{opacity:var(--o)}100%{transform:translate3d(var(--sx),112vh,0) rotate(var(--r1));opacity:0}}
.fi{position:absolute;top:0;color:#9CA3AF;animation:fall var(--t) linear infinite;animation-delay:var(--dl)}
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes spinb{to{--ang:360deg}}
@keyframes shn{to{background-position:200% 0}}
@keyframes ring{0%,62%,100%{transform:rotate(0)}68%{transform:rotate(16deg)}74%{transform:rotate(-14deg)}80%{transform:rotate(10deg)}86%{transform:rotate(-6deg)}92%{transform:rotate(0)}}
@keyframes pp{0%{box-shadow:0 0 0 0 rgba(59,130,246,.5)}100%{box-shadow:0 0 0 10px rgba(59,130,246,0)}}
.avr{position:relative;isolation:isolate}
.avr::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#3B82F6,#E5E7EB 30%,#6B7280 55%,#3B82F6 80%);animation:spin 8s linear infinite;will-change:transform;z-index:-1}
.avr img{position:relative}
.nm{background:linear-gradient(100deg,#93C5FD 20%,#fff 45%,#3B82F6 70%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shn 5s linear infinite}
.bell svg{transform-origin:50% 8%;animation:ring 4.5s ease-in-out infinite}
@media(max-width:380px){.bell{display:none!important}
.pillc p{display:none}}
.fol{position:relative}
.fol::after{content:"";position:absolute;inset:0;border-radius:999px;border:2px solid rgba(59,130,246,.6);animation:pq 2.4s ease-out infinite;pointer-events:none}
@keyframes pq{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.35,1.6);opacity:0}}
.fol:hover{transform:scale(1.06);background:#2563EB;color:#fff}
.pillc{transition:transform .5s cubic-bezier(.16,1,.3,1)}
@keyframes wave{0%,100%{transform:translate3d(0,0,0)}30%{transform:translate3d(0,-3px,0)}60%{transform:translate3d(0,1.5px,0)}}
@keyframes sweep{0%{transform:translateX(-120%) skewX(-18deg)}60%,100%{transform:translateX(320%) skewX(-18deg)}}
.pillc{position:relative;background:#171D2B!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 14px 30px -18px rgba(0,0,0,.8)!important}
.pillc>*{position:relative;z-index:1}
@keyframes spin{to{transform:rotate(360deg)}}
.rise{opacity:0;animation:rise .8s cubic-bezier(.16,1,.3,1) forwards}
.drift{animation:drift 16s ease-in-out infinite}
.tl{position:relative;overflow:hidden;border-radius:34px;padding:20px;background:#171D2B;color:#F3F4F6;display:flex;flex-direction:column;justify-content:space-between;min-height:150px;transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s,box-shadow .4s;transform:translateZ(0)}
.tl:hover{transform:translate3d(0,-4px,0);background:#1F2738;box-shadow:0 16px 34px -18px rgba(0,0,0,.8);color:#fff}
.tl:active{transform:translate3d(0,0,0)}
.tl .ic{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#E5E7EB}
.tl .wm{position:absolute;right:-18px;bottom:-22px;width:110px;height:110px;opacity:.09;color:#fff;pointer-events:none}
.tl.big{grid-column:1/3;min-height:190px;background:linear-gradient(135deg,#2F6FE0,#244FB0);box-shadow:0 14px 34px -16px rgba(59,130,246,.5)}
.tl.big:hover{background:linear-gradient(135deg,#3A7BEF,#2A5BC4)}
.tl.big .ic{background:rgba(255,255,255,.22);color:#fff}
.tl.big .wm{width:200px;height:200px;right:-30px;bottom:-40px;opacity:.14}
.tl.wide{grid-column:1/3;min-height:0;flex-direction:row;align-items:center;gap:16px}
.chip{flex:0 0 min(230px,74%);scroll-snap-align:start;border-radius:30px;padding:18px;background:#171D2B;display:flex;flex-direction:column;gap:14px;min-height:170px;transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s;transform:translateZ(0)}
.chip:hover{transform:translate3d(0,-4px,0);background:#1F2738;color:#fff}
.arb{width:44px;height:44px;border-radius:50%;border:0;background:#171D2B;color:#F3F4F6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,transform .3s}
.arb:hover{background:#2A3246}
.arb:active{transform:scale(.92)}
.sc{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px 0 0;padding:0 18px 6px 0;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.sc::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){.rise{opacity:1;animation:none}
.drift{animation:none}
.fi{display:none}
.avr,.nm,.bell svg,.fol,.wv span,.pillc::before{animation:none!important}}