:root { font-family: system-ui, sans-serif; color: #15324b; background: #f2f6fa; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { box-sizing: border-box; width: min(480px, calc(100% - 32px)); padding: 40px; background: white; border-radius: 16px; box-shadow: 0 16px 50px #15324b14; }
.brand { color: #0878bd; font-size: 22px; font-weight: 750; }
h1 { font-size: 30px; line-height: 1.2; letter-spacing: -.5px; }
p { line-height: 1.6; }
form { display: grid; gap: 12px; margin-top: 28px; }
label { font-weight: 600; }
select, button { font: inherit; padding: 12px; border-radius: 7px; }
select { background: white; border: 1px solid #8295a7; color: inherit; }
button { background: #096fae; color: white; border: 0; font-weight: 650; cursor: pointer; }
button:disabled { opacity: .5; cursor: default; }
button:hover:enabled { background: #075a8d; }
a { color: #096fae; }
:focus-visible { outline: 3px solid #218bcf; outline-offset: 3px; }
.hint { font-size: 13px; color: #536779; margin-top: 24px; }