:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f4f7fb; color: #17233c; }
body { margin: 0; }
main { min-height: 100vh; display: grid; place-items: center; padding: 1rem; box-sizing: border-box; }
form { width: min(24rem, 100%); padding: 2rem; box-sizing: border-box; background: #fff; border: 1px solid #dfe6f0; border-radius: .75rem; box-shadow: 0 .5rem 2rem rgba(23,35,60,.08); }
h1 { margin: 0; color: #166c91; }
label { display: grid; gap: .35rem; margin-top: 1rem; font-weight: 600; }
label.remember { display: flex; align-items: center; font-weight: 400; }
input { font: inherit; padding: .7rem; border: 1px solid #aab7c8; border-radius: .35rem; }
button { width: 100%; margin-top: 1.25rem; padding: .75rem; border: 0; border-radius: .35rem; background: #166c91; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
#status { min-height: 1.5rem; color: #8a2332; }