:root { color-scheme: light dark; --accent: #244e84; }
body { font-family: system-ui, sans-serif; margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px; box-sizing: border-box; }
main { width: 100%; max-width: 420px; }
.logo { display: block; width: 100%; max-width: 260px; height: auto; margin: 0 auto 1rem; }
h1 { text-align: center; color: var(--accent); font-size: 1.6rem; margin-bottom: .25rem; }
label { display: block; margin-top: 1rem; font-weight: 600; }
input { width: 100%; box-sizing: border-box; padding: .7rem; margin-top: .3rem; font-size: 1rem; border: 1px solid #8886; border-radius: 6px; }
button { width: 100%; margin-top: 1.2rem; padding: .8rem; font-size: 1rem; color: #fff; background: var(--accent); border: 0; border-radius: 6px; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
#msg { min-height: 1.4em; color: #b3261e; }
#msg.ok { color: #1b6e3a; }
.note { font-size: .85rem; opacity: .75; margin-top: 1.5rem; }