:root{--bg-main:#090a0f;--bg-surface:#10121a;--bg-card:#161924b3;--bg-card-hover:#1e2334d9;--bg-glass:#12151fa6;--bg-glass-heavy:#0e1018e0;--border-glass:#ffffff14;--border-glass-active:#38bdf866;--accent-cyan:#38bdf8;--accent-cyan-glow:#38bdf840;--accent-gold:#e2b768;--accent-emerald:#10b981;--accent-rose:#f43f5e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#090a0f;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"Space Grotesk", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 10px 30px -10px #00000080;--shadow-glow:0 0 35px var(--accent-cyan-glow);--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.32s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#ffffffd9;--bg-card-hover:#fff;--bg-glass:#ffffffbf;--bg-glass-heavy:#fffffff2;--border-glass:#00000014;--border-glass-active:#0284c780;--accent-cyan:#0284c7;--accent-cyan-glow:#0284c726;--accent-gold:#b45309;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--shadow-md:0 12px 32px -8px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 50% 0%, #151928 0%, var(--bg-main) 60%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.2}.mono{font-family:var(--font-mono)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md)}.glass-pill{border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0d;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.glass-pill:hover,.glass-pill.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#38bdf81f}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan) 0%, #0284c7 100%);color:#050811;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 4px 20px var(--accent-cyan-glow);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.92rem;font-weight:700;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #38bdf873}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes magneticSnap{0%{opacity:0;transform:translateY(-20px)scale(.95)}60%{opacity:1;transform:translateY(2px)scale(1.02)}to{transform:translateY(0)scale(1)}}.animate-snap{animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards magneticSnap}.container{max-width:1400px;margin:0 auto;padding:0 24px}@media (width<=640px){.container{padding:0 16px}}