:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9eef1;background:#0b1015;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 0%,#143129 0,transparent 55%)}
main{width:min(100%,480px);padding:48px 28px}.brand{display:flex;align-items:center;gap:12px;color:#e9eef1;text-decoration:none;font-weight:750;letter-spacing:.1em;font-size:19px;margin-bottom:52px}
.mark{display:grid;place-items:center;border:1px solid #5bcda0;border-radius:10px;color:#7be2b8;width:38px;height:38px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#7be2b8;font-weight:700}
h1{font-size:clamp(30px,6vw,38px);line-height:1.2;letter-spacing:-.035em;margin:16px 0}.intro{color:#a8b7c2;line-height:1.6;margin:0 0 28px}label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}
input{display:block;width:100%;border:1px solid #37454e;border-radius:8px;background:#121b22;padding:13px 14px;color:#edf3f5;font:inherit;font-size:16px;min-height:48px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #7be2b8;outline-offset:3px}
.hint,.support{font-size:12px;color:#a8b7c2;line-height:1.6}.hint{margin:9px 0}.support{text-align:center;margin:24px 0}#status{font-size:13px;line-height:1.5;color:#ffbeac;min-height:20px}
button{width:100%;min-height:48px;border:0;border-radius:8px;background:#7be2b8;color:#09231a;font:inherit;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 17px}button:hover{background:#99efcc}button:disabled{opacity:.65;cursor:wait}footer{text-align:center;border-top:1px solid #27343d;padding-top:22px;margin-top:36px;font-size:11px;color:#98a8b3}
@media(max-height:780px){main{padding-top:24px;padding-bottom:24px}.brand{margin-bottom:28px}}
.support a{color:#a2eccd;text-underline-offset:3px}