:root{--bg:#060708;--panel:#0d0f12;--line:#1e2126;--line-strong:#2c3038;--ink:#f2f3f5;--ink-dim:#8b909b;--accent:#4c8dff;--danger:#e5484d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;max-width:380px;margin:24px;padding:32px 28px}.brand{letter-spacing:.14em;margin:0 0 4px;font-size:.9rem;font-weight:700}.sub{color:var(--ink-dim);margin:0 0 24px;font-size:.9rem}label{color:var(--ink-dim);margin-bottom:6px;font-size:.82rem;display:block}input{background:var(--bg);border:1px solid var(--line-strong);width:100%;color:var(--ink);border-radius:8px;outline:none;margin-bottom:16px;padding:11px 14px;font-size:.95rem}input:focus{border-color:var(--accent)}button{background:var(--accent);color:#041226;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:.92rem;font-weight:600}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--ink-dim);border:1px solid var(--line-strong);background:0 0;margin-top:10px}.error{color:var(--danger);margin:-8px 0 16px;font-size:.85rem}.foot{text-align:center;color:var(--ink-dim);margin-top:18px;font-size:.85rem}.foot a{color:var(--accent);text-decoration:none}.recoveryBox{background:var(--bg);border:1px solid var(--accent);border-radius:8px;margin-bottom:18px;padding:16px}.recoveryBox code{word-break:break-all;color:var(--accent);margin-top:8px;font-size:.95rem;display:block}