:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#123345 0,#0a131f 48%,#070c14 100%);color:#eff7ff}
main{width:min(100%,420px);padding:36px 28px;border:1px solid #28455c;border-radius:24px;background:#0e1a2bea;box-shadow:0 24px 90px #0006}
.brand{font-size:30px;font-weight:800;letter-spacing:-1px;color:#74ddff;margin:0 0 32px}.badge{display:inline-block;padding:6px 10px;border:1px solid #28455c;border-radius:20px;font-size:12px;color:#b7d2e6}
h1{font-size:25px;line-height:1.2;margin:20px 0 12px}p{font-size:15px;line-height:1.6;color:#b7c9db;margin:0 0 24px}label{display:block;font-size:14px;margin-bottom:10px}
input,button{width:100%;min-height:48px;border-radius:12px;font:inherit}input{border:1px solid #38536e;background:#081321;color:#fff;padding:12px 14px}input:focus-visible,button:focus-visible{outline:3px solid #74ddff;outline-offset:3px}
button{margin-top:16px;border:0;background:#65d5fa;color:#081321;font-weight:750;cursor:pointer}button:hover{background:#91e3ff}.error{color:#ffbec5;margin:16px 0 0;font-size:14px}.note{margin:24px 0 0;font-size:12px}
@media(max-width:380px){body{padding:16px}main{padding:28px 20px}}