:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152846;background:#09235f;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px}
main{width:100%;max-width:470px;background:#fff;border-radius:12px;padding:40px}
h1{font-size:28px;font-weight:650;line-height:1.25;letter-spacing:-.025em;margin:0 0 32px;text-wrap:balance}
label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}
input,button{font:inherit;width:100%;min-height:48px;border-radius:6px}
input{color:inherit;background:#fff;border:1px solid #a5afbf;padding:12px;caret-color:#245fb0}
input::placeholder{color:#657083}
input[aria-invalid="true"]{border-color:#a02d28}
button{margin-top:16px;padding:12px 16px;background:#09235f;color:#fff;border:1px solid #09235f;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px}
button:hover:not(:disabled){background:#153773}
button:disabled{opacity:.65;cursor:wait}
input:disabled{background:#f4f6fa}
:focus-visible{outline:3px solid #5587dc;outline-offset:3px}
#feedback{font-size:14px;line-height:1.5;color:#586477;min-height:42px;margin:14px 0 0}
#feedback[data-error="true"]{color:#a02d28}
noscript p{font-size:14px;color:#a02d28}
@media(max-width:480px){main{padding:28px 24px}h1{font-size:25px;margin-bottom:28px}}