:root { color-scheme: light; font-family: system-ui, sans-serif; color: #17243a; background: #f3f5f8; }
body { margin: 0; padding: 2rem 1rem; }
main { max-width: 26rem; margin: 8vh auto; padding: 2rem; background: white; border: 1px solid #dce2eb; border-radius: .75rem; }
.brand { font-size: .8rem; font-weight: 700; letter-spacing: .12em; }
.brand span { display: block; font-weight: 400; letter-spacing: normal; color: #526075; margin-top: .35rem; }
h1 { font-size: 1.7rem; margin: 1.5rem 0; }
label, input { display: block; }
label { margin: 1rem 0 .4rem; }
input { box-sizing: border-box; width: 100%; border: 1px solid #8591a3; border-radius: .3rem; padding: .7rem; font: inherit; }
button, .primary { display: inline-block; margin-top: 1.2rem; border: 0; border-radius: .3rem; padding: .75rem 1rem; background: #204e84; color: white; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; }
a { color: #204e84; }
:focus-visible { outline: 3px solid #a76500; outline-offset: 3px; }
.reference { font-size: .85rem; overflow-wrap: anywhere; color: #526075; }