:root{--bg-primary:#0b0e17;--bg-secondary:#121727;--bg-card:#182035;--bg-card-hover:#202b47;--bg-glass:#182035b3;--border-color:#ffffff14;--border-highlight:#8b5cf666;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf680;--accent-pink:#ec4899;--accent-pink-glow:#ec489980;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-yellow:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--gradient-brand:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-btn:linear-gradient(90deg, #7c3aed 0%, #db2777 100%);--gradient-card:linear-gradient(180deg, #182035cc 0%, #0f1422e6 100%);--gradient-hero-badge:linear-gradient(90deg, #8b5cf633 0%, #ec489933 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glow-effect{box-shadow:0 0 25px var(--accent-purple-glow)}.glow-effect-pink{box-shadow:0 0 25px var(--accent-pink-glow)}.btn-primary{background:var(--gradient-btn);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #7c3aed66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #db277799}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.badge-pill{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-arcade{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.badge-racing{color:#f472b6;background:#ec489933;border:1px solid #ec48994d}.badge-puzzle{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.badge-action{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.badge-adventure{color:#a78bfa;background:#8b5cf633;border:1px solid #8b5cf64d}.badge-sports{color:#22d3ee;background:#06b6d433;border:1px solid #06b6d44d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}