:root{--accent:#2f6fed;--accent-hover:#1b5ed6;--accent-subtle:#ebf2fe;--bg:#fff;--surface:#f7f8fa;--surface-raised:#fff;--border:#e3e6eb;--border-strong:#cdd1d9;--text-primary:#10131a;--text-secondary:#5c6577;--text-tertiary:#8b95a8;--text-on-accent:#fff;--success:#12a150;--success-subtle:#e6f7ed;--warning:#e8a317;--warning-subtle:#fff7e0;--error:#e5484d;--error-subtle:#feecee;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--space:8px;--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",monospace}*{box-sizing:border-box}body{background:var(--surface);color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased}.auth{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:420px;padding:32px;width:100%}.card h1{font-size:24px;font-weight:600;margin:0 0 8px}.card .sub{color:var(--text-secondary);font-size:14px;margin:0 0 24px}.field{margin-bottom:16px}.field label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.field input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;height:44px;padding:0 12px;width:100%}.field input:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-1px}.field .hint{color:var(--text-tertiary);font-size:12px;margin-top:6px}.btn{background:var(--accent);border:0;border-radius:var(--radius-md);color:var(--text-on-accent);cursor:pointer;font:inherit;font-weight:600;height:44px;width:100%}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{cursor:default;opacity:.55}.btn-ghost{background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font:inherit;height:44px;margin-top:12px;width:100%}.btn-ghost:disabled{cursor:default;opacity:.55}.alert{border-radius:var(--radius-md);font-size:14px;margin-bottom:16px;padding:12px 14px}.alert-error{background:var(--error-subtle);color:var(--error)}.alert-warn{background:var(--warning-subtle);color:#8a6100}.alert-ok{background:var(--success-subtle);color:var(--success)}.code-input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:28px;font-weight:600;height:56px;letter-spacing:10px;padding:0 12px;text-align:center;width:100%}.code-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.foot{color:var(--text-secondary);font-size:14px;margin-top:20px;text-align:center}.foot a{text-decoration:none}.foot a,.link{color:var(--accent)}.link{background:none;border:0;cursor:pointer;font:inherit;padding:0}