:root{--bg:#0d141c;--ink:#f8fafc;--muted:#aebdca;--card:#fff;--text:#132033;--line:#d8e1eb;--blue:#0f766e;--blue2:#075e54;--green:#0f8a63;--err:#be123c}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 12%,#29435d 0,#0d141c 34%,#070b10 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);display:grid;place-items:center;padding:22px}
.card{width:min(460px,100%);background:var(--card);border:1px solid #ffffff66;border-radius:24px;padding:24px;box-shadow:0 24px 70px #0008}
.brand{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#0f766e}
h1{margin:10px 0 8px;font-size:28px}.sub{color:#667085;font-size:14px;line-height:1.45;margin-bottom:18px}
label{font-size:12px;font-weight:900;margin:13px 0 6px;display:block;color:#475467;text-transform:uppercase}
input{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px;font:inherit;background:#fbfdff;color:var(--text)}
input:focus{outline:3px solid rgba(15,118,110,.18);border-color:#0f766e;background:white}
button{width:100%;margin-top:18px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;font-weight:900;padding:14px;font:inherit;cursor:pointer}
button.green{background:var(--green)}button:disabled{opacity:.72;cursor:wait}
.status{margin-top:14px;padding:11px;border-radius:13px;font-size:13px;font-weight:800;background:#ecfdf5;color:#064e3b;white-space:pre-wrap}
.status.ok{background:#dcfce7;color:#166534}.status.err{background:#fff1f2;color:var(--err)}
.link{display:inline-block;margin-top:14px;color:#0f766e;font-weight:900;font-size:13px;text-decoration:none}.link:hover{text-decoration:underline}
.hidden{display:none}