:root { font: 16px system-ui,sans-serif; color: #17202a; background: #eef3f8; }
body { margin: 0; }
main { min-height: 100vh; display: grid; place-items: center; padding: 20px; }
form { width: min(380px,100%); box-sizing: border-box; background: #fff; border: 1px solid #d8e0e8; border-radius: 12px; padding: 30px; box-shadow: 0 18px 50px rgb(23 32 42 / 10%); }
strong { color: #1769aa; font-size: 1.1rem; }
h1 { margin: 8px 0 24px; }
label { display: block; margin: 14px 0; font-weight: 650; }
input { box-sizing: border-box; width: 100%; margin-top: 6px; padding: 11px; border: 1px solid #aab7c4; border-radius: 6px; }
button { width: 100%; padding: 11px; border: 0; border-radius: 6px; color: #fff; background: #1769aa; font-weight: 700; cursor: pointer; }
#error { min-height: 1.5em; color: #a33; }