.login-page { min-height: 100vh; display: grid; place-items: center; background: #f5f7f6; padding: 1.5rem; }
.login-card { width: 100%; max-width: 430px; padding: 2rem; background: #fff; border: 1px solid #e2e8e4; border-radius: 12px; box-shadow: 0 12px 36px rgba(35,69,54,.06); }
.login-eyebrow { color: #527b6b; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }
.login-card h1 { font-size: 2rem; font-weight: 700; color: #234536; }
.login-intro { color: #59676b; margin-bottom: 1.5rem; }
.login-card label { color: #405149; font-weight: 600; }
.login-card input { border-radius: 5px; }
.login-card input:focus { border-color: #527b6b; box-shadow: 0 0 0 2px #bcd5c5; }
.login-card .button { width: 100%; margin: .5rem 0 0; background: #365d4e; border-radius: 5px; }
.login-card .button:hover, .login-card .button:focus { background: #234536; }
.login-note { margin: 1.25rem 0 0; color: #68737d; font-size: .8rem; line-height: 1.6; }
.login-error { padding: .8rem 1rem; background: #f9ebe8; color: #9d3c34; border-radius: 5px; font-size: .9rem; }