:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0a1421;color:#f3f8ff}
*{box-sizing:border-box}body{margin:0;padding:24px 15px;min-height:100svh;display:grid;place-items:center}
.panel{width:100%;max-width:460px;background:#112238;border:1px solid #29415a;border-radius:22px;padding:28px;box-shadow:0 12px 50px #0004}
.topmark{font-weight:800;font-size:29px;color:#7ce1d7;letter-spacing:-1px}.topmark span{font-size:14px;font-weight:600;background:#214156;padding:6px 10px;border-radius:99px;color:#c1f6f1;vertical-align:middle;letter-spacing:0}
.subtitle{font-size:14px;color:#b4c9d9;margin:7px 0 28px}h1{font-size:23px;margin:0 0 8px}.muted{color:#a8bed0;font-size:14px;line-height:1.6}
label{display:block;margin:15px 0 7px;font-weight:600;font-size:13px}input:not([type=hidden]){width:100%;background:#091a2b;border:1px solid #43576c;color:#fff;padding:13px 14px;border-radius:11px;font:inherit;outline:none}
input:focus{border-color:#6de5d7;box-shadow:0 0 0 3px #6de5d722}button{cursor:pointer;width:100%;border:0;border-radius:12px;background:#56d7cc;color:#06252d;font-weight:750;padding:14px 18px;font-size:16px;margin-top:21px}
button:disabled{opacity:.6;cursor:wait}.outline{border:1px solid #56d7cc;color:#93f1e9;background:transparent;margin-top:12px}.otp-card{margin-top:25px;border:1px solid #25435c;background:#071b2b;border-radius:20px;text-align:center;padding:30px 19px 24px}
.otp-label{color:#9bbbd2;font-weight:750;letter-spacing:1.5px;font-size:13px}.code{font-size:clamp(52px,15vw,78px);font-weight:800;letter-spacing:9px;color:#6de5d7;margin:14px 0 8px;word-break:break-all}.expiry{font-size:13px;color:#b8d6e1}.hello{font-size:14px;color:#c1d8e8}.hello strong{display:block;margin-top:5px;color:#fff}.small{font-size:12px;margin-top:20px;text-align:center}.text-button{background:none;color:#a5ccdc;text-decoration:underline;font-size:14px;margin-top:5px}.logout{text-align:center}
footer{border-top:1px solid #29415a;margin-top:24px;padding-top:14px;text-align:center;color:#7f9aac;font-size:11px;line-height:1.5}.error{padding:12px;background:#522b36;border:1px solid #bd5765;color:#ffd3d7;border-radius:10px;font-size:14px}
[hidden]{display:none!important}