/* The login page uses the shared Lantern colors, type, inputs and buttons. */
.public-login-container { display: grid; place-items: start center; padding-top: clamp(28px, 8vh, 88px); }
.public-login-card { width: min(100%, 440px); }
.public-login-card h1 { margin: 0 0 12px; font-size: clamp(1.8rem, 4vw, 2.4rem); line-height: 1.15; }
.public-login-form { display: grid; gap: 9px; margin: 22px 0 18px; }
.public-login-form[hidden] { display: none !important; }
.public-login-form label { font-weight: 600; }
.public-login-form .input { width: 100%; min-width: 0; min-height: 46px; font-size: max(16px, 1rem); }
.public-login-form label:not(:first-child) { margin-top: 8px; }
.public-login-form .btn { min-height: 44px; margin-top: 12px; font: inherit; cursor: pointer; }
.public-login-status { min-height: 1.5em; overflow-wrap: anywhere; }
.public-login-status.is-error { color: var(--danger, var(--text)); }
.public-login-back { display: inline-block; margin-top: 8px; }
@media (max-width: 480px) { .public-login-container { padding-inline: 16px; } }