:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0%,#163b5a 0,#0d1b2b 38%,#080f1b 100%);color:#eaf4ff;display:grid;place-items:center;padding:24px}
.card{width:min(100%,480px);background:#111f30ed;border:1px solid #2c4e6c;border-radius:24px;padding:36px;box-shadow:0 24px 70px #0008}
.brand{font-size:13px;font-weight:800;letter-spacing:.16em;color:#72d8ff}.spark{display:inline-block;background:#72d8ff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 16px #72d8ff}
h1{font-size:32px;line-height:1.12;margin:25px 0 12px;letter-spacing:-.03em}.lead{color:#b9cbe0;line-height:1.55;margin:0 0 30px}
label{display:block;font-weight:650;margin-bottom:10px}input{width:100%;border:1px solid #456987;border-radius:12px;background:#091725;color:#f6fbff;padding:15px 16px;font-size:17px;outline:none}
input:focus{border-color:#75d9ff;box-shadow:0 0 0 3px #75d9ff33}button{width:100%;margin-top:14px;border:0;border-radius:12px;background:#72d8ff;color:#061421;font-size:16px;font-weight:800;padding:15px;cursor:pointer}
button:hover{background:#a1e7ff}button:disabled{opacity:.55;cursor:wait}.panel{margin-top:24px;border-top:1px solid #2c4e6c;padding-top:22px;text-align:center}.panel[hidden]{display:none}
.account{font-size:14px;color:#b9cbe0}.account strong{display:block;color:#fff;font-size:17px;margin-top:5px}.code{font-size:51px;font-weight:900;letter-spacing:.16em;color:#72d8ff;margin:18px 0 8px;font-variant-numeric:tabular-nums}
.credential{display:grid;grid-template-columns:1fr auto;gap:5px 12px;text-align:left;background:#0b1929;border:1px solid #2c4e6c;border-radius:12px;padding:12px 14px;margin-top:12px;overflow-wrap:anywhere}.credential span{grid-column:1/-1;color:#91a8be;font-size:12px}.credential strong{align-self:center;font-size:16px}.copy{width:auto;margin:0;padding:7px 10px;font-size:12px;border-radius:8px}.code-label{color:#b9cbe0;font-size:13px;margin-top:26px}
.timer{color:#b9cbe0;font-size:14px}.error{min-height:22px;margin:12px 0 0;color:#ff9a9a;font-size:14px}.foot{font-size:13px;color:#91a8be;text-align:center;margin-top:25px}
@media(max-width:480px){.card{padding:25px}h1{font-size:28px}.code{font-size:42px}}