@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#0b0518;--panel:#150d29;--panel-2:#1d1338;--border:#33254f;--text:#f2ecff;--muted:#9c8fc2;--accent:#ff5fd0;--accent-2:#5fe0f0;--gold:#ffd166;--danger:#ef4444;--success:#4ade80;--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 15% 0%, #ff5fd01a, transparent 45%), radial-gradient(circle at 85% 10%, #5fe0f01a, transparent 45%), var(--user-bg,var(--bg)) var(--bg);color:var(--text);font-family:var(--font-body);background-attachment:fixed;margin:0;padding:0}h1,h2,h3{font-family:var(--font-display);margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}.page{max-width:1120px;margin:0 auto;padding:32px 24px 80px}.page-wide{max-width:1400px}.glow-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;transition:transform .18s,box-shadow .18s,border-color .18s}.glow-card:hover{border-color:#ff5fd066;transform:translateY(-2px);box-shadow:0 12px 40px -12px #ff5fd059}.neon-text{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.neon-ring{box-shadow:0 0 0 1px #ff5fd04d,0 0 24px -4px #ff5fd080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.4s both fadeInUp}@media (prefers-reduced-motion:reduce){.glow-card,.fade-in-up{transition:none!important;animation:none!important}}