:root{--bg: #0f0f0f;--surface: #1a1a1a;--border: #2a2a2a;--text: #e0e0e0;--muted: #888;--accent: #6366f1;--accent-hover: #4f52d4;--danger: #ef4444;--success: #22c55e;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;line-height:1.6}#root{display:flex;justify-content:center;padding:40px 16px 80px}h1,h2,h3{font-weight:600;line-height:1.3}input,button{font-family:var(--font);font-size:14px}button{cursor:pointer;border:none;border-radius:var(--radius);padding:8px 16px;font-weight:500;transition:background .15s,opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=password]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 12px;outline:none;transition:border-color .15s}input[type=text]:focus,input[type=password]:focus{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface)}hr.divider{border:none;border-top:1px solid var(--border);margin:40px 0}.error-msg{color:var(--danger);font-size:13px;margin-top:8px}