:root{--bg: #0c0e12;--surface: #15181f;--surface-2: #1c2028;--border: #2a303c;--text: #e6e9ef;--text-muted: #8b92a3;--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .35);--error: #f87171;--font: "DM Sans", system-ui, sans-serif;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);font-size:16px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#app,.app{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.error-msg{font-size:.875rem;color:var(--error);padding:10px 12px;background:#f871711a;border-radius:var(--radius-sm)}.btn{padding:12px 20px;font-family:var(--font);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.btn-primary{color:#fff;background:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card h2{font-size:1rem;margin:0 0 12px;color:var(--text-muted);font-weight:600}