:root{--bg:#060a17;--bg2:#0a1022;--ink:#eaf3ff;--muted:#9ba7bd;--line:#1a2744;--a:#4f80ec;--a-hover:#6c97f5;--bad:#ff5a6a}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--ink)}header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
header a{font-weight:800;text-decoration:none;letter-spacing:.02em}main{display:flex;justify-content:center;padding:56px 16px}
.card{width:100%;max-width:420px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:28px}
h1{margin:0 0 4px;font-size:26px}.sub{margin:0 0 22px;color:var(--muted)}
.btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;margin:0 0 12px;border-radius:12px;
border:1px solid var(--line);background:#0e1730;color:var(--ink);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.btn span{color:var(--muted);font-weight:500}.btn.primary{background:var(--a);border-color:var(--a)}.btn.primary span{color:#dbe7ff}
.btn:hover{border-color:var(--a-hover)}.btn.primary:hover{background:var(--a-hover)}
label{display:block;margin:0 0 8px;color:var(--muted);font-size:14px}
input{width:100%;padding:13px 14px;margin:0 0 16px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);
font:16px ui-monospace,Consolas,monospace;letter-spacing:.04em}input:focus{outline:2px solid var(--a);border-color:var(--a)}
.msg{margin:0 0 20px;font-size:18px;font-weight:700}.msg.bad{color:var(--bad)}.msg a{color:var(--ink)}
.back{display:inline-block;margin-top:6px;color:var(--muted);font-size:14px}
.help{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.help a{color:var(--ink)}