:root{--color-bg:#0f1117;--color-bg-surface:#1a1d27;--color-bg-elevated:#242836;--color-bg-hover:#2e3345;--color-border:#363c4e;--color-border-subtle:#2a2f3e;--color-text-primary:#f0f2f5;--color-text-secondary:#9ca3b4;--color-text-muted:#6b7280;--color-accent:#4ade80;--color-accent-hover:#22c55e;--color-accent-glow:#4ade8026;--color-warning:#fbbf24;--color-danger:#ef4444;--color-info:#60a5fa;--color-premium:#a78bfa;--color-premium-glow:#a78bfa33;--color-accent-dim:#4ade800f;--color-section-stripe:var(--color-accent);--glass-bg:#1a1d27b3;--glass-bg-hover:#242836cc;--glass-border:#ffffff14;--glass-border-light:#ffffff1f;--glass-shadow:0 8px 32px #0006;--font-sans:"Plus Jakarta Sans",var(--font-sans),-apple-system,BlinkMacSystemFont,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;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-accent:0 0 24px var(--color-accent-glow);--shadow-glow-premium:0 0 24px var(--color-premium-glow);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16,1,.3,1);--bounce-spring:.5s cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;border:none;font-family:inherit}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px var(--color-accent-glow)}50%{box-shadow:0 0 20px var(--color-accent-glow),0 0 40px var(--color-accent-glow)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}