:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--surface:#1a1a2e;--primary:#7c3aed;--primary-hover:#8b5cf6;--secondary:#f59e0b;--secondary-hover:#fbbf24;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--text-muted:hsla(0,0%,100%,.5);--border:hsla(0,0%,100%,.1);--border-hover:hsla(0,0%,100%,.2);--gradient-primary:linear-gradient(135deg,#7c3aed,#a855f7);--gradient-gold:linear-gradient(135deg,#f59e0b,#fbbf24);--gradient-dark:linear-gradient(180deg,#12121a,#0a0a0f);--glass-bg:rgba(26,26,46,.8);--glass-blur:blur(20px);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 15px rgba(0,0,0,.3);--shadow-glow:0 0 20px rgba(124,58,237,.3);--font-family:"Inter",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease}*{box-sizing:border-box}*,body,html{padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary)}a{color:inherit;text-decoration:none}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);transition:var(--transition-normal)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);border:none;outline:none}.btn-primary{background:var(--gradient-primary);color:var(--text-primary)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,58,237,.2)}.input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}