body{margin:0;background:#fbfbfd;color:#0b0c0f;font-family:'Sora',ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--ax,#0A84FF)}
::selection{background:var(--ax,#0A84FF);color:#fff}
@keyframes pulseDown{0%,100%{transform:translateY(0);opacity:.9}50%{transform:translateY(8px);opacity:.35}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes ping{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.6);opacity:0}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes driftA{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(-3%,4%) rotate(-2deg)}}
@keyframes driftB{0%,100%{transform:translate(0,0) rotate(5deg)}50%{transform:translate(3%,-4%) rotate(9deg)}}
@keyframes glowMove{0%,100%{transform:translate(0,0)}50%{transform:translate(-30%,20%)}}
@keyframes crumbIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes riseIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes lineGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
:root{--ax:#0A84FF}
[data-nav].active{color:var(--ax);opacity:1 !important}
.x0:hover{opacity:1 !important}
.x1:hover{opacity:1 !important}
.x2:hover{opacity:1 !important}
.x3:hover{opacity:1 !important}
.x4:hover{opacity:1 !important}
.x5:hover{opacity:1 !important}
.x6:hover{background:#fff !important;color:#0b0c0f !important}
.x7:hover{background:var(--ax,#0A84FF) !important;color:#fff !important}
.x8:hover{border-color:#0b0c0f !important;color:#0b0c0f !important}
.x9:hover{box-shadow:0 30px 60px -24px rgba(11,12,15,.25) !important;color:#0b0c0f !important;transform:translateY(-4px) !important}
.x10:hover{box-shadow:0 30px 60px -24px rgba(11,12,15,.25) !important;color:#0b0c0f !important;transform:translateY(-4px) !important}
.x11:hover{box-shadow:0 30px 60px -24px rgba(11,12,15,.25) !important;color:#0b0c0f !important;transform:translateY(-4px) !important}
.x12:hover{box-shadow:0 30px 60px -24px rgba(11,12,15,.25) !important;color:#0b0c0f !important;transform:translateY(-4px) !important}
.x13:hover{box-shadow:0 30px 60px -24px rgba(11,12,15,.25) !important;color:#0b0c0f !important;transform:translateY(-4px) !important}
.x14:hover{box-shadow:0 30px 60px -24px rgba(11,12,15,.25) !important;color:#0b0c0f !important;transform:translateY(-4px) !important}
.x15:hover{box-shadow:0 30px 60px -24px rgba(11,12,15,.25) !important;color:#0b0c0f !important;transform:translateY(-4px) !important}
.x16:hover{box-shadow:0 30px 60px -24px rgba(11,12,15,.25) !important;color:#0b0c0f !important;transform:translateY(-4px) !important}
.x17:hover{color:#fff !important;background:#15171b !important}
.x18:hover{color:#fff !important;background:#15171b !important}
.x19:hover{color:#fff !important;background:#15171b !important}
.x20:hover{background:var(--ax,#0A84FF) !important;color:#fff !important}
.x21:hover{border-color:#fff !important;color:#fff !important}
.x22:hover{background:var(--ax,#0A84FF) !important;color:#fff !important}
.x23:hover{border-color:#0b0c0f !important;color:#0b0c0f !important}
.x24:hover{color:var(--ax,#0A84FF) !important}
.x25:hover{color:#fff !important}
.x26:hover{color:var(--ax,#0A84FF) !important}
.x27:hover{color:#fff !important}
.x28:hover{color:var(--ax,#0A84FF) !important}
.x29:hover{color:#fff !important}
.x30:hover{color:var(--ax,#0A84FF) !important}
.x31:hover{color:#fff !important}
.x32:focus{border-color:var(--ax,#0A84FF) !important}
.x33:focus{border-color:var(--ax,#0A84FF) !important}
.x34:focus{border-color:var(--ax,#0A84FF) !important}
.x35:focus{border-color:var(--ax,#0A84FF) !important}
.x36:focus{border-color:var(--ax,#0A84FF) !important}
.x37:focus{border-color:var(--ax,#0A84FF) !important}
.x38:hover{background:var(--ax,#0A84FF) !important}
.x39:hover{background:var(--ax,#0A84FF) !important;color:#fff !important}
.x40:hover{border-color:#0b0c0f !important;color:#0b0c0f !important}