html,body{max-width:100vw;overflow-x:hidden}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}:root{--accent-cyan:#22d3ee;--accent-blue:#3b82f6;--accent-pink:#eca8d6}.dark{--bg:#09090b;--bg-rgb:9,9,11;--fg:#fafafa;--fg-secondary:#a1a1aa;--fg-muted:#71717a;--fg-dim:#52525b;--surface:#ffffff0a;--surface-hover:#ffffff0f;--border:#ffffff12;--border-hover:#22d3ee40;--grid-line:#ffffff0f;--scrollbar:#ffffff1f;--nav-bg:#09090bcc;--nav-border:#ffffff0f;--dropdown-bg:#09090bf2}.light{--bg:#fafafa;--bg-rgb:250,250,250;--fg:#09090b;--fg-secondary:#52525b;--fg-muted:#71717a;--fg-dim:#a1a1aa;--surface:#00000008;--surface-hover:#0000000f;--border:#00000014;--border-hover:#22d3ee66;--grid-line:#00000014;--scrollbar:#00000026;--nav-bg:#fafafad9;--nav-border:#00000014;--dropdown-bg:#fafafaf7}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);transition:background .3s,border-color .3s,transform .4s cubic-bezier(.34,1.56,.64,1)}.glass-card:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-4px)}.gradient-text{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue))}.glow{box-shadow:0 0 60px #22d3ee1f,0 0 120px #3b82f614}.t-primary{color:var(--fg)}.t-secondary{color:var(--fg-secondary)}.t-muted{color:var(--fg-muted)}.t-dim{color:var(--fg-dim)}.t-bg{background-color:var(--bg)}.marquee{animation:30s linear infinite marquee}.marquee-reverse{animation:25s linear infinite marquee-reverse}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.word-gradient{background:linear-gradient(45deg,var(--accent-pink)0%,#a78bfa 25%,var(--accent-cyan)50%,#fbbf24 75%,var(--accent-pink)100%);-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-char-in{opacity:0;animation:.4s cubic-bezier(.22,1,.36,1) forwards char-in;transform:translateY(60%)}@keyframes char-in{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}.line-reveal{clip-path:inset(0 100% 0 0);animation:.8s cubic-bezier(.77,0,.175,1) forwards line-reveal}@keyframes line-reveal{to{clip-path:inset(0)}}.noise-overlay{position:relative}.noise-overlay:after{content:"";opacity:.03;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.nav-floating{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--nav-border);border-radius:1rem;box-shadow:0 10px 40px #00000026}@keyframes progress-fill{0%{width:0}to{width:100%}}.animate-progress{animation:6s linear forwards progress-fill}.spotlight{transition:background .15s}.grid-overlay{background-image:linear-gradient(to right,var(--grid-line)1px,transparent 1px),linear-gradient(to bottom,var(--grid-line)1px,transparent 1px);background-size:80px 80px}.digit-blur{filter:blur(4px);transition:filter .3s}.digit-clear{filter:blur()}.bento-full{grid-column:1/-1}.bento-half{grid-column:span 6}.bento-third{grid-column:span 4}@media (max-width:768px){.bento-half,.bento-third{grid-column:1/-1}}