:root { color-scheme: light; font-family: Arial, sans-serif; }
body { margin: 0; background: #edf4f6; color: #182832; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-card { width: min(100%, 430px); background: #fff; border: 1px solid #bfd0d8; border-radius: 12px; box-shadow: 0 12px 30px #17384a1f; padding: 32px; }
.kicker { color: #12647e; font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
h1 { margin: 8px 0; font-size: 2.1rem; }
form { display: grid; gap: 16px; margin-top: 24px; }
label { display: grid; gap: 6px; color: #385464; font-size: .9rem; font-weight: 700; }
input { border: 1px solid #90afbb; border-radius: 5px; padding: 10px; font: inherit; }
button { background: #14697e; border: 0; border-radius: 5px; color: white; cursor: pointer; font: inherit; font-weight: 700; padding: 11px; }
#login-status { color: #9d2f23; margin: 0; min-height: 1.2em; }
.notice { border-top: 1px solid #d5e1e5; color: #526b76; font-size: .85rem; margin: 24px 0 0; padding-top: 16px; }