.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px}.login-shell{width:min(100%,360px)}.login-brand{text-align:center;margin-bottom:34px}.login-logo{font-size:38px;line-height:1;font-weight:900;letter-spacing:-2px}.login-motto{margin-top:10px;color:var(--muted);letter-spacing:.035em}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:block}.login-form .login-field label{display:block;text-align:left;margin:0 0 6px}.login-field .errorlist{margin-top:6px}.login-submit{align-self:center;width:auto;min-width:120px;padding-left:24px;padding-right:24px;margin-top:4px}.login-error{width:100%;padding:10px 12px;border-radius:8px;background:#f8e8e6;border:1px solid #e8c8c5;color:var(--danger)}.login-title{margin:0 0 8px;text-align:center;font-size:20px;line-height:1.25;font-weight:600}.login-copy{margin:0 0 18px;text-align:center;color:var(--muted);line-height:1.5}.login-secondary-link{align-self:center;color:var(--muted);font-size:var(--text-meta);text-decoration:none}.login-secondary-link:hover{color:var(--ink);text-decoration:underline}.login-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.login-actions .button{width:auto}.login-status{display:flex;flex-direction:column;align-items:center;text-align:center}.login-status .login-copy{margin-bottom:18px}@media(max-width:520px){.login-screen{padding:20px}.login-shell{width:min(100%,340px)}.login-brand{margin-bottom:30px}.login-logo{font-size:34px}.login-motto{margin-top:9px}.login-submit{min-width:112px}}