.login-shell { min-height: calc(100vh - 100px); display: grid; place-items: center; }
.login-card { width: min(430px, 100%); padding: 32px; background: #fff; border: 1px solid var(--line); border-radius: 3px; box-shadow: var(--shadow); }
.login-card h1 { margin: 5px 0 8px; font-size: 30px; letter-spacing: -.03em; }
.login-card > p.muted { margin: 0 0 24px; font-size: 13px; line-height: 1.55; }
.button-wide { width: 100%; }
.development-login { margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--line); }
.development-login-heading { margin-bottom: 16px; }
.development-login-heading .eyebrow { margin: 0 0 5px; color: var(--warning); }
.development-login-heading h2 { margin: 0 0 5px; font-size: 18px; letter-spacing: -.02em; }
.development-login-heading p:last-child { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.development-login .form-stack { gap: 13px; }
.development-login button:disabled, .development-login select:disabled { opacity: .55; cursor: not-allowed; }

@media (max-width: 980px) {
    .login-shell { min-height: calc(100vh - 160px); }
}