:root{--bg: #0f0f0f;--bg-elevated: #141414;--surface: #1a1a1a;--surface-2: #222222;--surface-3: #2a2a2a;--fg: #ffffff;--fg-secondary: #e0e0e0;--muted: #999999;--muted-2: #666666;--border: #2e2e2e;--border-light: #383838;--accent: #8b5cf6;--accent-bright: #a78bfa;--accent-2: #7c3aed;--accent-glow: rgba(139, 92, 246, .4);--gold: #fbbf24;--gold-bright: #fcd34d;--success: #34d399;--success-glow: rgba(52, 211, 153, .3);--danger: #f87171;--danger-glow: rgba(248, 113, 113, .2);--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--text-4xl: 60px;--leading-tight: 1.2;--leading-body: 1.55;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-wide: .04em;--tracking-wider: .08em;--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--glow: 0 0 40px var(--accent-glow);--glow-strong: 0 0 60px var(--accent-glow), 0 0 100px rgba(232, 121, 249, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 8px 32px var(--accent-glow);--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-size:var(--text-base);line-height:var(--leading-body)}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}::selection{background:var(--accent-glow);color:var(--fg)}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);color:var(--fg)}input::placeholder{color:var(--muted-2)}.gradient-text{background:linear-gradient(135deg,var(--accent-bright),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#0f0f0fd9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.glass-strong{background:#0f0f0ff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-family:var(--font-body);font-weight:600;font-size:var(--text-base);cursor:pointer;border:none;transition:all var(--transition);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px var(--accent-glow),0 0 40px #e879f926}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#1a1300;box-shadow:0 4px 16px #fbbf2433}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 28px #fbbf244d}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--accent);color:var(--accent-bright)}.btn-surface{background:var(--surface-2);color:var(--fg);border:1px solid var(--border)}.btn-surface:hover{background:var(--surface-3);border-color:var(--border-light)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md);border-radius:var(--radius)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);border-radius:var(--radius)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px #e879f933}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes floatSlow{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-20px) translate(10px)}66%{transform:translateY(10px) translate(-10px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes waveBar{0%,to{height:20%}50%{height:80%}}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(100%) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes badgeBounce{0%{transform:scale(1)}25%{transform:scale(1.4) translateY(-3px)}50%{transform:scale(.9)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes checkmark{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes drawCircle{0%{stroke-dashoffset:160}to{stroke-dashoffset:0}}.animate-fade{animation:fadeIn .4s ease both}.animate-slide{animation:slideUp .5s ease both}.animate-scale{animation:fadeInScale .3s ease both}.animate-bounce{animation:bounceIn .5s ease both}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 768px){:root{--text-3xl: 36px;--text-4xl: 44px;--text-2xl: 28px;--text-xl: 22px}}