:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0e1116;color:#eef1f8}*{box-sizing:border-box}body{margin:0}main{max-width:440px;margin:11vh auto;padding:24px}.brand{font-size:20px;font-weight:750;margin-bottom:32px}.brand span{display:inline-grid;place-items:center;background:#caec8b;color:#101511;border-radius:10px;width:38px;height:38px;margin-right:8px}section{background:#171b22;border:1px solid #303844;border-radius:18px;padding:30px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#caec8b;font-weight:700}h1{font-size:36px;margin:12px 0}p{color:#adb7c7;line-height:1.55}form{display:grid;gap:10px;margin-top:28px}label{font-weight:600}input,button{font:inherit;border-radius:10px;min-height:46px}input{padding:10px 12px;border:1px solid #414b5a;background:#10141a;color:#fff}button{cursor:pointer;margin-top:12px;background:#caec8b;color:#101511;border:0;font-weight:700}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #a6baff;outline-offset:3px}#status{min-height:1.5em;margin:4px 0;color:#ffb3b3}
.google{display:grid;place-items:center;min-height:46px;margin-top:24px;border:1px solid #414b5a;border-radius:10px;color:#eef1f8;text-decoration:none;font-weight:700}.google:hover{border-color:#a6baff}.separator{text-align:center;margin:18px 0 0;font-size:13px}form{margin-top:14px}