:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--background:#0f172a;--surface:#1e293b;--surface-hover:#334155;--text:#f8fafc;--text-muted:#94a3b8;--border:#334155;--success:#22c55e;--error:#ef4444;--radius:12px;--font-main:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:1rem}.btn{border-radius:var(--radius);justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.btn-ghost{color:var(--text);background:#ffffff1a}.btn-ghost:hover{background:#fff3}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:4px}