:root{--bg-base: #0a0a0f;--bg-primary: #101018;--bg-secondary: #16161f;--bg-elevated: #1e1e28;--bg-card: #141420;--text-primary: #f5f5f7;--text-secondary: #a0a0b0;--text-muted: #6b6b80;--text-dim: #4a4a5a;--accent-primary: #8b5cf6;--accent-primary-bright: #a78bfa;--accent-primary-dim: rgba(139, 92, 246, .15);--accent-secondary: #c084fc;--accent-secondary-dim: rgba(192, 132, 252, .15);--accent-green: #4ade80;--accent-green-dim: rgba(74, 222, 128, .15);--accent-amber: #fbbf24;--accent-amber-dim: rgba(251, 191, 36, .15);--accent-red: #f87171;--accent-red-dim: rgba(248, 113, 113, .15);--accent-cyan: var(--accent-secondary);--accent-cyan-dim: var(--accent-secondary-dim);--accent-purple: var(--accent-primary);--accent-purple-dim: var(--accent-primary-dim);--accent-pink: var(--accent-secondary);--accent-pink-dim: var(--accent-secondary-dim);--accent-teal: var(--accent-secondary);--accent-teal-dim: var(--accent-secondary-dim);--accent-rose: var(--accent-red);--accent-rose-dim: var(--accent-red-dim);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-accent: rgba(139, 92, 246, .5);--gradient-primary: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-glow: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(192, 132, 252, .05) 100%);--gradient-card: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-primary) 100%);--font-display: "Orbitron", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-elevated: 0 16px 48px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(139, 92, 246, .4);--glow-secondary: 0 0 20px rgba(192, 132, 252, .4);--glow-text: 0 0 20px rgba(139, 92, 246, .6);--glow-cyan: var(--glow-secondary);--glow-purple: var(--glow-primary);--glow-pink: var(--glow-secondary);--glow-teal: var(--glow-secondary);--glow-rose: 0 0 20px rgba(248, 113, 113, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-above: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{background:var(--accent-primary);color:#fff}::selection{background:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-bright)}.navbar{position:sticky;top:0;z-index:var(--z-overlay);background:#050508f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.navbar__container{max-width:1280px;margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between}.navbar__brand{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;cursor:pointer;background:none;border:none}.navbar__logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-glow);border:2px solid var(--border-accent);border-radius:var(--radius-md);transition:var(--transition-base)}.navbar__brand:hover .navbar__logo{box-shadow:var(--glow-cyan);border-color:var(--accent-cyan)}.navbar__logo-icon{width:22px;height:22px;color:var(--accent-cyan);transition:var(--transition-base)}.navbar__brand:hover .navbar__logo-icon{color:var(--text-primary);transform:scale(1.1)}.navbar__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.1em;transition:var(--transition-base)}.navbar__brand:hover .navbar__title{text-shadow:var(--glow-text)}.navbar__nav{display:flex;gap:var(--space-sm)}.navbar__link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.navbar__link:hover{color:var(--text-primary);background:var(--gradient-glow);border-color:var(--border-accent)}.navbar__link--active{color:var(--text-primary);background:var(--accent-cyan-dim);border-color:var(--border-accent)}.navbar__link-icon{width:16px;height:16px}.game-card{position:relative;display:flex;flex-direction:column;height:100%;background:#12121a;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.game-card:hover{transform:translateY(-8px);border-color:#8b5cf6;box-shadow:0 16px 32px #0006,0 0 0 2px #8b5cf61a;z-index:10}.game-card__thumbnail{position:relative;aspect-ratio:16 / 10;background:#0a0a0f;overflow:hidden}.game-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.game-card:hover .game-card__image{transform:scale(1.03)}.game-card__emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem}.game-card__badge{position:absolute;top:10px;left:10px;padding:4px 10px;font-family:var(--font-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:4px;z-index:5}.game-card__badge--new{background:#22c55e;color:#000}.game-card__badge--popular{background:#f59e0b;color:#000}.game-card__badge--featured{background:linear-gradient(135deg,#8b5cf6,#c084fc);color:#fff}.game-card__favorite{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;z-index:5}.game-card__favorite:hover{background:#ec489933;border-color:#ec4899}.game-card__favorite--active{background:#ec489940;border-color:#ec4899}.game-card__favorite-icon{width:16px;height:16px;color:#ffffff80;transition:all .2s ease}.game-card__favorite:hover .game-card__favorite-icon,.game-card__favorite--active .game-card__favorite-icon{color:#ec4899}.game-card__favorite--active .game-card__favorite-icon{fill:#ec4899}.game-card__content{flex:1;display:flex;flex-direction:column;padding:14px;background:#12121a}.game-card__title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.8)}.game-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.game-card__console{padding:4px 8px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:#8b5cf6;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:4px}.game-card__year{font-family:var(--font-mono);font-size:.7rem;color:#fff6}.game-card__play{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;margin-top:auto;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#fff;background:#8b5cf6;border:none;border-bottom:4px solid #6d28d9;border-radius:6px;cursor:pointer;transition:all .1s cubic-bezier(.4,0,.2,1)}.game-card__play:hover{background:#9333ea;transform:translateY(2px);border-bottom-width:2px;box-shadow:0 2px 10px #9333ea4d}.game-card__play:active{transform:translateY(4px);border-bottom-width:0px}.game-card__play-icon{width:14px;height:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.btn--primary{color:var(--bg-base);background:var(--gradient-primary);border:none}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--glow-cyan)}.btn--secondary{color:var(--text-primary);background:transparent;border:1px solid var(--border-accent)}.btn--secondary:hover{background:var(--accent-cyan-dim)}.btn--ghost{color:var(--text-muted);background:transparent;border:1px solid transparent}.btn--ghost:hover{color:var(--text-primary);border-color:var(--border-subtle)}.section{padding:var(--space-3xl) 0}.section__container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.section__title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.section__subtitle{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted);margin-top:var(--space-xs)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-elevated) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton--card{height:280px;border-radius:var(--radius-lg)}.skeleton--text{height:16px;width:60%}.skeleton--title{height:24px;width:80%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:70vh;padding:40px 20px}.loader__spinner{width:48px;height:48px;border:3px solid rgba(139,92,246,.15);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 20px #8b5cf626}.loader__text{font-family:var(--font-mono);font-size:.85rem;color:#52525b;letter-spacing:.15em;text-transform:uppercase;animation:loaderPulse 1.5s ease-in-out infinite}@keyframes loaderPulse{0%,to{opacity:.4}50%{opacity:1}}.game-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-lg)}@media(min-width:640px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.game-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.game-grid{grid-template-columns:repeat(4,1fr)}}.filter-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-btn{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-accent)}.filter-btn--active{color:var(--text-primary);background:var(--accent-cyan-dim);border-color:var(--accent-cyan)}.search-input{position:relative}.search-input__field{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.875rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;transition:var(--transition-base)}.search-input__field::-moz-placeholder{color:var(--text-dim)}.search-input__field::placeholder{color:var(--text-dim)}.search-input__field:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-dim)}.search-input__clear{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-muted);background:none;border:none;cursor:pointer}.search-input__clear:hover{color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.empty-state__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);font-size:2.5rem;background:var(--accent-purple-dim);border:2px solid var(--accent-purple);border-radius:50%}.empty-state__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm)}.empty-state__text{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted);max-width:300px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes grid-pulse{0%,to{opacity:.03}50%{opacity:.08}}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes badge-shine{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow-breathe{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 40px #8b5cf666}}@keyframes text-glow{0%,to{text-shadow:0 0 10px rgba(139,92,246,.3)}50%{text-shadow:0 0 20px rgba(139,92,246,.6),0 0 30px rgba(139,92,246,.4)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes heartBounce{0%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(.88)}45%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes shimmerSweep{0%{left:-100%}to{left:200%}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes neonPulse{0%,to{box-shadow:0 0 5px #8b5cf633,0 0 15px #8b5cf61a,inset 0 0 5px #8b5cf60d}50%{box-shadow:0 0 10px #8b5cf666,0 0 30px #8b5cf626,inset 0 0 10px #8b5cf61a}}@keyframes floatIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#8b5cf6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 6px transparent;opacity:.7}}@keyframes counterSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 3px rgba(139,92,246,.3))}50%{filter:drop-shadow(0 0 10px rgba(139,92,246,.6))}}@keyframes borderGlow{0%,to{border-color:#8b5cf626}50%{border-color:#8b5cf666}}@keyframes tiltBounce{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.animated-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.animated-bg__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.04) 1px,transparent 1px);background-size:50px 50px;animation:grid-pulse 4s ease-in-out infinite}.animated-bg__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite,pulse-glow 6s ease-in-out infinite}.animated-bg__orb--1{width:500px;height:500px;top:-150px;right:-100px;background:radial-gradient(circle,rgba(139,92,246,.6) 0%,transparent 70%)}.animated-bg__orb--2{width:400px;height:400px;bottom:10%;left:-100px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);animation-delay:-2s}.animated-bg__orb--3{width:300px;height:300px;top:50%;right:20%;background:radial-gradient(circle,rgba(236,72,153,.3) 0%,transparent 70%);animation-delay:-4s;opacity:.2}.animated-bg__particles{position:absolute;inset:0}.animated-bg__particle{position:absolute;width:4px;height:4px;background:#8b5cf680;border-radius:50%;opacity:.4;animation:float 6s ease-in-out infinite}.animated-bg__scanline{position:absolute;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.05) 50%,transparent 100%);animation:scanline 8s linear infinite;opacity:.5}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--left{transform:translate(-30px)}.reveal--left.reveal--visible{transform:translate(0)}.reveal--right{transform:translate(30px)}.reveal--right.reveal--visible{transform:translate(0)}.reveal--scale{transform:scale(.9)}.reveal--scale.reveal--visible{transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(20px);animation:slideUp .5s ease forwards;animation-delay:calc(var(--i, 0) * .07s)}.stagger-children--visible>*:nth-child(1){transition-delay:.05s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(3){transition-delay:.15s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(4){transition-delay:.2s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(5){transition-delay:.25s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(6){transition-delay:.3s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(7){transition-delay:.35s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(8){transition-delay:.4s;opacity:1;transform:translateY(0)}.hover-glow{transition:box-shadow .35s ease,border-color .35s ease}.hover-glow:hover{box-shadow:0 0 20px #8b5cf626,0 0 40px #8b5cf60d;border-color:#8b5cf64d}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.hover-scale{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hover-scale:hover{transform:scale(1.05)}.game-card{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,border-color .3s ease;will-change:transform}.game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 30px #8b5cf626;border-color:#8b5cf680}.game-card__thumbnail{overflow:hidden}.game-card__image{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.game-card:hover .game-card__image{transform:scale(1.1)}.game-card:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius-lg, 16px) + 2px);background:linear-gradient(135deg,#8b5cf6,#ec4899,#22d3ee);z-index:-1;opacity:0;transition:opacity .4s ease}.game-card:hover:before{opacity:1}.game-card__favorite{transition:transform .2s ease,background .3s ease,border-color .3s ease}.game-card__favorite:hover{transform:scale(1.15)}.game-card__favorite:active{transform:scale(.9)}.game-card__favorite--active .game-card__favorite-icon{animation:heartBounce .6s ease}.game-card__play{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.game-card__play:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.game-card__play:hover:before{width:300px;height:300px}.game-card__play:hover{transform:scale(1.05);box-shadow:0 0 25px #8b5cf680}.game-card__play:active{transform:scale(.98)}.game-card__emoji{transition:transform .3s ease}.game-card:hover .game-card__emoji{animation:bounce-subtle .6s ease;transform:scale(1.1)}.game-card__badge{animation:fade-in-scale .3s ease;position:relative;overflow:hidden}.game-card__badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:badge-shine 3s ease-in-out infinite}.game-card__badge--new{animation:bounce-subtle 2s ease-in-out infinite}.game-card__badge--popular{animation:pulse-glow 2s ease-in-out infinite}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff26;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.btn-ripple:active:after{width:300px;height:300px;opacity:1;transition:0s}.btn-magnetic{transition:transform .2s ease}.btn-magnetic:hover{transform:translateY(-2px)}.btn-magnetic:active{transform:translateY(1px) scale(.98);transition:transform .1s ease}.btn-gradient-shift{background-size:200% 100%;background-position:0% 50%;transition:background-position .4s ease,transform .2s ease,box-shadow .3s ease}.btn-gradient-shift:hover{background-position:100% 50%;transform:translateY(-1px)}.spring-press{transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.spring-press:hover{transform:scale(1.05)}.spring-press:active{transform:scale(.92)}.shimmer{position:relative;overflow:hidden}.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);z-index:2;pointer-events:none;transition:none}.shimmer:hover:before{animation:shimmerSweep .8s ease}.divider-shimmer{position:relative;overflow:hidden}.divider-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent);animation:dividerSweep 4s linear infinite}.icon-wobble:hover{animation:wobble .5s ease}.icon-spin:hover{animation:iconSpin .6s ease}.icon-pop:active{animation:iconPop .3s ease}.heart-bounce{animation:heartBounce .6s ease}.underline-slide{position:relative;display:inline-block}.underline-slide:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#8b5cf6;transition:width .3s ease}.underline-slide:hover:after{width:100%}.pulse-dot{animation:pulseDot 2s ease-in-out infinite}.pulse-border{animation:borderGlow 3s ease-in-out infinite}.breathe{animation:breathe 3s ease-in-out infinite}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}.neon-border{animation:neonPulse 2s ease-in-out infinite}.float-idle{animation:floatIdle 4s ease-in-out infinite}.text-animate{display:inline-block}.text-animate--glow{animation:text-glow 3s ease-in-out infinite}.text-animate--float{animation:float 4s ease-in-out infinite}.typewriter{overflow:hidden;border-right:2px solid #8b5cf6;white-space:nowrap;animation:typing 3s steps(30,end),blink-caret .75s step-end infinite}.typing-cursor:after{content:"▮";display:inline-block;margin-left:2px;animation:blink 1s step-end infinite;color:#8b5cf6;font-size:.8em}.focus-glow{transition:box-shadow .3s ease,border-color .3s ease}.focus-glow:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f,0 0 16px #8b5cf614;outline:none}.search-input__field{transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.search-input__field:focus{box-shadow:0 0 0 3px #8b5cf61f,0 0 20px #8b5cf61a}.filter-btn{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.filter-btn:hover{transform:translateY(-2px) scale(1.02)}.filter-btn:active{transform:translateY(0) scale(.98)}.filter-btn--active{animation:glow-breathe 2s ease-in-out infinite}.navbar{transition:background .3s ease,box-shadow .3s ease}.navbar--scrolled{background:#050508fa;box-shadow:0 4px 20px #0000004d}.navbar__brand:hover .navbar__logo{animation:glow-breathe 1.5s ease-in-out infinite}.navbar__link{position:relative;transition:color .3s ease,background .3s ease,border-color .3s ease,transform .2s ease}.navbar__link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#8b5cf6;transition:width .3s ease,left .3s ease}.navbar__link:hover:before,.navbar__link--active:before{width:80%;left:10%}.navbar__link:hover{transform:translateY(-2px)}.navbar__link--active{animation:text-glow 2s ease-in-out infinite}.counter-up{display:inline-block;animation:counterSlideUp .6s cubic-bezier(.16,1,.3,1) forwards}.fade-in-up{animation:slideUp .5s ease forwards}.fade-in-down{animation:slideDown .5s ease forwards}.fade-in-left{animation:slideLeft .5s ease forwards}.fade-in-right{animation:slideRight .5s ease forwards}.scale-in{animation:scaleIn .4s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.loader__spinner{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,#14141e,#1e1e2d 20%,#14141e 40% 100%);background-size:400% 100%;animation:shimmer 1.5s ease-in-out infinite}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}.tilt-card{transform-style:preserve-3d;perspective:1000px}.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity .3s ease;opacity:0}body:hover .cursor-glow{opacity:1}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Share Tech Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html,body,#root{height:100%;background:radial-gradient(1200px 600px at 10% 10%,rgba(124,58,237,.04),transparent 12%),linear-gradient(180deg,#0a0e15,#030308);color:#ffffffeb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Share Tech Mono,monospace}h1,h2,h3,h4{letter-spacing:.02em}button{font-family:Share Tech Mono,monospace}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-\[-15\%\]{left:-15%}.left-\[-30\%\]{left:-30%}.left-\[-50\%\]{left:-50%}.right-0{right:0}.right-1\/4{right:25%}.right-3{right:.75rem}.right-3\/4{right:75%}.right-\[-30\%\]{right:-30%}.top-0{top:0}.block{display:block}.inline{display:inline}.grid{display:grid}.hidden{display:none}.h-1\/3{height:33.333333%}.h-1\/4{height:25%}.h-2\/5{height:40%}.h-full{height:100%}.w-full{width:100%}.w-px{width:1px}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.font-mono{font-family:Share Tech Mono,monospace}.text-xs{font-size:.75rem;line-height:1rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.opacity-20{opacity:.2}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}*::-webkit-scrollbar{display:none;width:0;height:0}html{scroll-behavior:smooth;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html::-webkit-scrollbar{display:none;width:0;height:0}body{overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none;width:0;height:0}#root{overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.crt-scanlines{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px)}.glow-neon{box-shadow:0 8px 30px #06b6d40f,0 2px 8px #7c3aed0f}.crt-bezel{border:3px solid rgba(15,23,42,.6);border-radius:8px}@keyframes scanline-move{0%{background-position-y:0}to{background-position-y:1000px}}.scanline-anim:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:20;background-image:linear-gradient(transparent 92%,#ffffff05);background-size:100% 6px;animation:scanline-move 12s linear infinite}@keyframes gradient-shift{0%,to{transform:translate(0) translateY(0);opacity:.3}50%{transform:translate(5%) translateY(5%);opacity:.5}}@keyframes gradient-shift-reverse{0%,to{transform:translate(0) translateY(0);opacity:.2}50%{transform:translate(-5%) translateY(-5%);opacity:.4}}@keyframes scan{0%{top:-2px;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-20px) translate(10px) rotate(5deg)}50%{transform:translateY(-40px) translate(-10px) rotate(-5deg)}75%{transform:translateY(-20px) translate(10px) rotate(3deg)}}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.12}90%{opacity:.12}to{transform:translateY(110vh) rotate(360deg);opacity:0}}@keyframes pulse-slow{0%,to{opacity:.5}50%{opacity:1}}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0) translate(50px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-50%,-50%) rotate(360deg) translate(50px) rotate(-360deg);opacity:0}}@keyframes scan-fast{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-gradient-shift{animation:gradient-shift 15s ease-in-out infinite}.animate-gradient-shift-reverse{animation:gradient-shift-reverse 20s ease-in-out infinite}.animate-scan{animation:scan 8s linear infinite}.animate-float{animation:float 8s ease-in-out infinite}.animate-fall{animation:fall 10s linear infinite}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 8s linear infinite}.animate-orbit{animation:orbit 4s ease-in-out infinite}.animate-scan-fast{animation:scan-fast 3s linear infinite}.nav-trigger-wrap{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;z-index:900;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-trigger-wrap--scrolled{padding:12px 24px;background:#05050a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.03)}.nav-brand{pointer-events:auto;border:none;background:none;cursor:pointer;display:flex;gap:14px}.nav-brand__text{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:.02em}.nav-brand__accent{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:#8b5cf6;animation:brandGlow 3s ease-in-out infinite}@keyframes brandGlow{0%,to{text-shadow:0 0 5px rgba(139,92,246,.3)}50%{text-shadow:0 0 15px rgba(139,92,246,.6),0 0 30px rgba(139,92,246,.2)}}.nav-actions{display:flex;align-items:center;gap:16px;pointer-events:auto}.nav-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:#ffffffb3}.nav-icon-btn:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#fff;box-shadow:0 0 15px #8b5cf659;transform:translateY(-2px) scale(1.08)}.nav-icon-btn:active{transform:scale(.9);transition:transform .1s}.nav-search-btn{position:relative;width:auto;padding:8px 12px;border-radius:20px;gap:6px}.nav-search-hint{font-family:var(--font-mono);font-size:.7rem;color:#fff6;background:#ffffff14;padding:2px 6px;border-radius:4px}.nav-search{position:relative;display:flex;align-items:center;background:#18181b;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:0 14px;gap:10px;min-width:280px;transition:all .35s cubic-bezier(.4,0,.2,1)}.nav-search:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626,0 0 20px #8b5cf614;min-width:320px;background:#1a1a1f}.nav-search__icon{color:#6b7280;flex-shrink:0}.nav-search__input{flex:1;background:transparent;border:none;outline:none;font-size:.9rem;color:#fff;font-family:inherit;padding:12px 0}.nav-search__input::-moz-placeholder{color:#6b7280}.nav-search__input::placeholder{color:#6b7280}.nav-search__results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;max-height:320px;overflow-y:auto;z-index:1000;box-shadow:0 10px 40px #00000080}.nav-search__result{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:all .15s ease}.nav-search__result:hover{background:#8b5cf626}.nav-search__result-title{font-size:.9rem;font-weight:500;color:#fff}.nav-search__result-meta{font-size:.75rem;color:#6b7280}.nav-icon-btn__svg{width:18px;height:18px}.nav-trigger{display:flex;align-items:center;gap:12px;background:transparent;border:none;cursor:pointer;opacity:1;transform:translate(0);transition:all .3s ease}.nav-trigger--hidden{opacity:0;transform:translate(20px);pointer-events:none}.nav-trigger__label{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:#fff9;letter-spacing:.15em;transition:color .2s ease}.nav-trigger:hover .nav-trigger__label{color:#fff}.nav-trigger__box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:4px;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.nav-trigger:hover .nav-trigger__box{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf680}.nav-trigger__icon{width:20px;height:20px;color:#8b5cf6;transition:color .2s ease}.nav-trigger:hover .nav-trigger__icon{color:#fff}.nav-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.nav-overlay--open{pointer-events:auto}.nav-overlay__backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .4s ease}.nav-overlay--open .nav-overlay__backdrop{opacity:1}.nav-drawer{position:absolute;top:0;right:0;bottom:0;width:280px;background:#0a0a0ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.08);box-shadow:-10px 0 40px #0009;padding:32px;transform:translate(100%);transition:transform .4s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:column}.nav-overlay--open .nav-drawer{transform:translate(0);border-left-color:#8b5cf64d}.nav-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.nav-user-widget{display:flex;align-items:center;gap:12px}.nav-user__avatar{width:50px;height:50px;background:linear-gradient(135deg,#8b5cf6,#d946ef);border-radius:50%;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #8b5cf680,inset 0 0 10px #fff3;position:relative}.nav-user__avatar:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(139,92,246,.3);animation:spin-slow 10s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-user__icon{width:18px;height:18px;color:#fff}.nav-user__name{display:block;font-family:var(--font-display);font-size:.85rem;font-weight:700;color:#fff}.nav-user__rank-text{font-family:var(--font-mono);font-size:.65rem;color:#ffffff80;display:block}.nav-close{width:32px;height:32px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.nav-close:hover{background:#ffffff1a;border-color:#fff}.nav-close__icon{width:16px;height:16px}.nav-drawer__separator{height:1px;background:linear-gradient(to right,rgba(255,255,255,.1),transparent);margin-bottom:24px}.nav-menu{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;cursor:pointer;border-radius:8px;transition:all .2s ease}.nav-item:hover{background:linear-gradient(90deg,rgba(139,92,246,.1) 0%,transparent 100%);transform:translate(6px)}.nav-item--active{background:#8b5cf61a}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:2px;height:60%;background:#8b5cf6;box-shadow:0 0 8px #8b5cf6;transition:transform .2s ease}.nav-item:hover:before,.nav-item--active:before{transform:translateY(-50%) scaleY(1)}.nav-item__icon-box{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;color:#ffffff80;transition:all .2s ease}.nav-item:hover .nav-item__icon-box,.nav-item--active .nav-item__icon-box{color:#fff;background:#8b5cf633}.nav-item__icon{width:16px;height:16px}.nav-item__text{flex:1;text-align:left}.nav-item__label{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:#ffffffb3;display:block}.nav-item:hover .nav-item__label,.nav-item--active .nav-item__label{color:#fff}.nav-item__desc{font-family:var(--font-mono);font-size:.65rem;color:#ffffff4d;display:block}.nav-item__indicator{display:none}.nav-drawer__footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.nav-sys-status{display:flex;align-items:center;gap:6px}.nav-sys__dot{width:4px;height:4px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981}.nav-sys__text{font-family:var(--font-mono);font-size:.65rem;color:#10b981;letter-spacing:.1em}.nav-version{font-family:var(--font-mono);font-size:.6rem;color:#ffffff4d}.nav-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.nav-icon-btn--avatar{padding:0;overflow:hidden}.nav-icon-btn--login:hover{background:#8b5cf633;border-color:#a78bfa}.nav-user__photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.nav-user__signout,.nav-user__signin{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-family:var(--font-mono);font-size:.7rem;cursor:pointer;padding:4px 0;margin-top:2px;transition:color .2s}.nav-user__signout{color:#f87171b3}.nav-user__signout:hover{color:#f87171}.nav-user__signin{color:#8b5cf6cc}.nav-user__signin:hover{color:#a78bfa}.footer-grid{position:absolute;inset:0;overflow:hidden;pointer-events:none}.footer-grid__beam{position:absolute;bottom:45%;left:50%;transform:translate(-50%);width:85%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.25) 10%,rgba(139,92,246,.65) 30%,rgba(168,85,247,1) 50%,rgba(139,92,246,.65) 70%,rgba(139,92,246,.25) 90%,transparent 100%);box-shadow:0 0 6px #8b5cf6b3,0 0 16px #8b5cf666,0 0 40px #8b5cf633,0 0 80px #8b5cf614;animation:fgBeamPulse 3.5s ease-in-out infinite}.footer-grid__beam:after{content:"";position:absolute;bottom:-6px;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.2) 30%,rgba(34,211,238,.4) 50%,rgba(34,211,238,.2) 70%,transparent);animation:fgBeamPulse 3.5s ease-in-out infinite .5s}@keyframes fgBeamPulse{0%,to{opacity:.4;filter:brightness(.7)}50%{opacity:1;filter:brightness(1.4)}}.footer-grid__orb{position:absolute;border-radius:50%;filter:blur(45px);mix-blend-mode:screen}.footer-grid__orb--1{width:200px;height:200px;bottom:15%;left:30%;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);animation:fgOrbFloat 7s ease-in-out infinite}.footer-grid__orb--2{width:180px;height:180px;bottom:25%;left:55%;background:radial-gradient(circle,rgba(168,85,247,.25) 0%,transparent 70%);animation:fgOrbFloat 9s ease-in-out infinite -2.5s}.footer-grid__orb--3{width:160px;height:160px;bottom:10%;left:45%;background:radial-gradient(circle,rgba(34,211,238,.15) 0%,transparent 70%);animation:fgOrbFloat 11s ease-in-out infinite -5s}@keyframes fgOrbFloat{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(30px,-12px) scale(1.15);opacity:.8}50%{transform:translate(-20px,8px) scale(.9);opacity:1}75%{transform:translate(15px,-6px) scale(1.08);opacity:.6}}.footer-grid__streak{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(192,132,252,.9),rgba(139,92,246,.5),transparent);opacity:0}.footer-grid__streak--1{width:45%;bottom:48%;animation:fgStreakSweep 5s linear infinite}.footer-grid__streak--2{width:35%;bottom:42%;animation:fgStreakSweep 7s linear infinite -2s;background:linear-gradient(90deg,transparent,rgba(34,211,238,.3),rgba(34,211,238,.7),rgba(34,211,238,.3),transparent)}.footer-grid__streak--3{width:40%;bottom:52%;animation:fgStreakSweep 6s linear infinite -4s}@keyframes fgStreakSweep{0%{left:-45%;opacity:0}5%{opacity:.6}95%{opacity:.6}to{left:105%;opacity:0}}.footer-grid__fog{position:absolute;inset:0}.footer-grid__fog--1{background:radial-gradient(ellipse at 35% 55%,rgba(139,92,246,.12) 0%,transparent 55%),radial-gradient(ellipse at 70% 40%,rgba(168,85,247,.08) 0%,transparent 50%);animation:fgFogDrift1 10s ease-in-out infinite}.footer-grid__fog--2{background:radial-gradient(ellipse at 50% 65%,rgba(34,211,238,.06) 0%,transparent 50%),radial-gradient(ellipse at 25% 50%,rgba(139,92,246,.06) 0%,transparent 55%);animation:fgFogDrift2 14s ease-in-out infinite -5s}@keyframes fgFogDrift1{0%,to{transform:translate(0) scale(1);opacity:.8}50%{transform:translate(20px) scale(1.06);opacity:1}}@keyframes fgFogDrift2{0%,to{transform:translate(0) scale(1.04);opacity:.7}50%{transform:translate(-15px) scale(1);opacity:1}}.footer{position:relative;padding:0;margin-top:auto;background:#050508;border-top:1px solid rgba(139,92,246,.3);overflow:hidden}.footer__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:1}.footer__container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:25px 40px 20px}.footer__main{display:flex;justify-content:center;align-items:flex-start;gap:90px;margin-bottom:40px;flex-wrap:wrap}.footer__col--brand{max-width:300px}.footer__brand{font-family:var(--font-display, sans-serif);font-size:1.5rem;color:#fff;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 10px rgba(139,92,246,.5);margin-bottom:16px;animation:footerBrandGlow 4s ease-in-out infinite}@keyframes footerBrandGlow{0%,to{text-shadow:0 0 10px rgba(139,92,246,.3)}50%{text-shadow:0 0 20px rgba(139,92,246,.6),0 0 40px rgba(139,92,246,.2)}}.footer__desc{font-size:.9rem;color:#fff9;line-height:1.6;margin-bottom:24px}.footer__status{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;color:#a78bfa;letter-spacing:.05em;transition:border-color .3s,box-shadow .3s}.footer__status:hover{border-color:#8b5cf680;box-shadow:0 0 12px #8b5cf626}.footer__status-dot{width:6px;height:6px;background-color:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 4px #10b981;transform:scale(1);opacity:1}50%{box-shadow:0 0 12px #10b981,0 0 20px #10b9814d;transform:scale(1.2);opacity:.8}}.footer__links-grid{display:flex;gap:60px}.footer__heading{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:.1em;opacity:.9;position:relative;display:inline-block}.footer__heading:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#8b5cf6,transparent);opacity:.3}.footer__list{display:flex;flex-direction:column;gap:12px}.footer__link{font-size:.9rem;color:#ffffff80;transition:all .25s ease;position:relative;display:inline-block}.footer__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#8b5cf6;transition:width .3s ease}.footer__link:hover{color:#c4b5fd;padding-left:6px}.footer__link:hover:after{width:100%}.footer__div{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin-bottom:30px;position:relative;overflow:hidden}.footer__div:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent);animation:dividerSweep 4s linear infinite}@keyframes dividerSweep{0%{left:-50%}to{left:150%}}.footer__bottom{display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}.footer__copy{font-family:var(--font-mono, monospace);font-size:.8rem;color:#ffffff4d}.footer__socials{display:flex;gap:12px}.footer__icon-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff9;transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.footer__icon-link:hover{background:#8b5cf626;border-color:#8b5cf666;color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 4px 16px #8b5cf640}.footer__icon-link:active{transform:scale(.9);transition:transform .1s}@media(max-width:900px){.footer__main{flex-direction:column;gap:40px}.footer__links-grid{flex-wrap:wrap;gap:40px}}.toast-container{position:fixed;bottom:var(--space-lg, 24px);right:var(--space-lg, 24px);z-index:var(--z-toast, 300);display:flex;flex-direction:column;gap:var(--space-sm, 8px);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 16px);min-width:280px;max-width:400px;font-family:var(--font-mono, monospace);font-size:.875rem;background:var(--bg-elevated, #1a1a25);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-elevated, 0 8px 32px rgba(0, 0, 0, .5));pointer-events:auto;animation:toast-enter .3s ease-out}.toast--exit{animation:toast-exit .2s ease-in forwards}.toast__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border-radius:50%}.toast__message{flex:1;color:var(--text-primary, #f8fafc)}.toast__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-muted, #64748b);background:none;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:var(--transition-fast, .15s ease)}.toast__close:hover{color:var(--text-primary, #f8fafc);background:#ffffff1a}.toast--success{border-color:#22c55e4d;background:linear-gradient(135deg,rgba(34,197,94,.15),var(--bg-elevated, #1a1a25))}.toast--success .toast__icon{background:#22c55e33;color:#22c55e}.toast--error{border-color:#ef44444d;background:linear-gradient(135deg,rgba(239,68,68,.15),var(--bg-elevated, #1a1a25))}.toast--error .toast__icon{background:#ef444433;color:#ef4444}.toast--info{border-color:#22d3ee4d;background:linear-gradient(135deg,rgba(34,211,238,.15),var(--bg-elevated, #1a1a25))}.toast--info .toast__icon{background:#22d3ee33;color:#22d3ee}.toast--warning{border-color:#f59e0b4d;background:linear-gradient(135deg,rgba(245,158,11,.15),var(--bg-elevated, #1a1a25))}.toast--warning .toast__icon{background:#f59e0b33;color:#f59e0b}@keyframes toast-enter{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100px) scale(.9)}}@media(max-width:480px){.toast-container{left:var(--space-md, 16px);right:var(--space-md, 16px);bottom:var(--space-md, 16px)}.toast{min-width:auto;max-width:none}}.username-setup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.username-setup__overlay{position:absolute;inset:0;background:#05050ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.username-setup__card{position:relative;z-index:1;background:#141420f2;border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:48px 40px;max-width:420px;width:100%;text-align:center;box-shadow:0 0 60px #8b5cf61a,0 20px 60px #00000080;animation:setup-enter .5s cubic-bezier(.34,1.56,.64,1)}@keyframes setup-enter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.username-setup__icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#d946ef33);border-radius:16px;color:#a78bfa}.username-setup__title{font-family:var(--font-display, "Orbitron", sans-serif);font-size:1.5rem;color:#fff;margin:0 0 8px;letter-spacing:.03em}.username-setup__desc{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0 0 28px}.username-setup__form{display:flex;flex-direction:column;gap:16px}.username-setup__field{position:relative}.username-setup__input{width:100%;padding:14px 60px 14px 18px;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:1.05rem;font-family:var(--font-display, "Orbitron", sans-serif);text-align:center;letter-spacing:.05em;outline:none;transition:all .2s}.username-setup__input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.username-setup__input::-moz-placeholder{color:#4a4a5a;font-family:inherit;font-size:.85rem}.username-setup__input::placeholder{color:#4a4a5a;font-family:inherit;font-size:.85rem}.username-setup__count{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.7rem;font-family:var(--font-mono);color:#4a4a5a}.username-setup__error{padding:10px 14px;background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:8px;color:#f87171;font-size:.85rem}.username-setup__submit{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.username-setup__submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.username-setup__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:480px){.username-setup__card{padding:32px 20px}}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-base)}.app__main{flex:1;position:relative}.app__page{animation:fade-up .4s ease-out both}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.app__page--no-transform{animation:none!important;transform:none!important}.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::-moz-selection{background:var(--accent-cyan-dim);color:var(--text-primary)}::selection{background:var(--accent-cyan-dim);color:var(--text-primary)}body.scanlines-active:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.6}body.crt-active:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#0000 60%,#0009);z-index:9998;pointer-events:none}body.crt-active .app{animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%{opacity:.97}to{opacity:1}}