:root { color-scheme: light; font: 16px/1.6 system-ui, sans-serif; color: #172c40; background: #f2f4f7; }
body { margin: 0; padding: 8vh 20px; }
main { max-width: 580px; margin: auto; padding: 36px; background: white; border: 1px solid #d6dce4; border-radius: 10px; }
.brand { margin: 0 0 28px; font-weight: 700; letter-spacing: .03em; }
h1 { font-size: 1.6rem; line-height: 1.25; }
form { margin-top: 24px; }
label { display: block; margin: 14px 0 4px; }
input { box-sizing: border-box; width: 100%; padding: 10px; font: inherit; border: 1px solid #8796a6; border-radius: 4px; }
button { margin-top: 24px; padding: 10px 24px; border: 0; border-radius: 4px; color: white; background: #173e65; font: inherit; cursor: pointer; }
a { color: #173e65; }
[role=alert] { color: #9e2020; }