:root{--bg:#0d1318;--panel:#141d25;--line2:#3a4a59;--ink:#eef3f8;--dim:#b6c4d2;--faint:#94a6b6;--amber:#f2a93b;--inset:#0d1318;--err-bg:#3a1a1c;--err-fg:#f6a3a3}
:root[data-theme="light"]{--bg:#eef1f5;--panel:#ffffff;--line2:#c6d0da;--ink:#15212c;--dim:#3e4d5b;--faint:#586776;--amber:#d98a16;--inset:#f1f4f7;--err-bg:#fbe3e2;--err-fg:#a82a22}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}
body{display:flex;align-items:center;justify-content:center;padding:20px}
.box{width:min(380px,94vw);background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:30px}
.mark{width:38px;height:38px;border-radius:8px;background:var(--amber);display:flex;align-items:center;justify-content:center;color:#181206;font-weight:800;font-family:Archivo;font-size:20px}
h1{font-family:Archivo;font-weight:800;font-size:20px;margin:16px 0 4px}
p{color:var(--faint);font-size:13px;margin:0 0 20px}
label{font-size:12px;color:var(--dim);font-weight:600;display:block;margin-bottom:6px}
input{width:100%;background:var(--inset);border:1px solid var(--line2);border-radius:8px;color:var(--ink);padding:11px 12px;font-family:inherit;font-size:14px;outline:none}
input:focus{border-color:var(--amber)}
button{width:100%;margin-top:16px;background:var(--amber);color:#181206;font-weight:700;font-size:14px;border:none;border-radius:8px;padding:12px;cursor:pointer;font-family:inherit}
button:hover{filter:brightness(1.08)}
.err{background:var(--err-bg);color:var(--err-fg);font-size:12.5px;font-weight:600;padding:8px 11px;border-radius:7px;margin-bottom:14px}