:root{--bg:#0f172a;--surface:#1e293b;--border:#334155;--text:#f1f5f9;--muted:#94a3b8;--accent:#f59e0b;--accent-hover:#fbbf24;--err:#f43f5e}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.brand{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.title{font-size:20px;font-weight:700;margin:0 0 24px}label{display:block;font-size:13px;color:var(--muted);margin:0 0 6px}input{width:100%;padding:11px 13px;margin-bottom:16px;background:var(--bg);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:14px}input:focus{outline:none;border-color:var(--accent)}button{width:100%;padding:11px;background:var(--accent);color:#1a1206;border:none;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer}button:hover{background:var(--accent-hover)}button:disabled{opacity:.6;cursor:default}.err{color:var(--err);margin-bottom:14px;min-height:18px}.err,.muted{font-size:13px}.muted{color:var(--muted)}.row{display:flex;gap:8px;align-items:baseline}code{background:var(--bg);padding:2px 6px;border-radius:5px;font-size:12px;color:var(--accent)}