:root { color-scheme: light; font: 16px/1.5 system-ui, sans-serif; background: #f5f7fb; color: #172333; }
body { margin: 0; padding: 28px 14px; }
main { max-width: 620px; margin: 7vh auto; padding: 32px; border: 1px solid #d9e2ed; border-radius: 14px; background: white; box-shadow: 0 14px 44px #152b4510; }
h1 { margin: 0 0 12px; line-height: 1.2; }
p { margin: 0 0 20px; }
.eyebrow { font-size: 14px; font-weight: 650; color: #245ea9; }
form { display: grid; gap: 10px; margin: 24px 0; }
form[hidden] { display: none; }
label { font-weight: 600; }
input { box-sizing: border-box; width: 100%; padding: 10px 12px; font: inherit; border: 1px solid #aebccd; border-radius: 7px; }
button { padding: 11px 16px; color: white; background: #245ea9; border: 0; border-radius: 7px; font: inherit; font-weight: 600; cursor: pointer; }
button:disabled { opacity: .55; cursor: wait; }
[role=status] { min-height: 2em; }
.is-error { color: #b42318; }
@media (max-width: 520px) { main { margin: 0 auto; padding: 23px; } }