:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f1f4f8; color: #172033; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 1rem; }
.card { width: min(100%, 26rem); background: white; padding: 2rem; border-radius: .75rem; box-shadow: 0 .5rem 2rem #17203318; }
h1 { margin: 0 0 .75rem; font-size: 1.6rem; }
p { line-height: 1.5; }
label { display: block; margin: 1rem 0 .35rem; font-weight: 600; }
input { display: block; width: 100%; padding: .7rem; border: 1px solid #8993a4; border-radius: .35rem; font: inherit; }
button { margin-top: 1.25rem; padding: .7rem 1rem; border: 0; border-radius: .35rem; background: #2455b8; color: white; font: inherit; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
button.secondary { background: #dce3ed; color: #172033; margin-left: .5rem; }
#message { min-height: 1.5rem; }