.login-page .auth-card{justify-items:stretch;width:min(460px,100%);margin-inline:auto}.login-page .auth-card>h1,.login-page .auth-card>p:not(.form-error){text-align:center}.login-page .auth-card>p{line-height:1.5}.login-page .auth-card>.form-error{box-sizing:border-box;width:100%}.login-section{text-align:left;width:100%;margin-top:24px}.login-section h2{margin-bottom:14px;font-size:1rem}.login-section form{gap:14px;width:100%;display:grid}.login-section label{color:var(--text-color);gap:7px;font-size:.88rem;display:grid}.login-section input{box-sizing:border-box;width:100%;min-height:42px;color:var(--text-color);background:var(--input-background);border:1px solid var(--border-color);border-radius:7px;outline:none;padding:9px 12px}.login-section input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ffc63042}.login-section button{width:100%}.login-section .text-link{margin-top:14px;display:inline-block}.login-divider{color:var(--text-muted);align-items:center;gap:12px;margin:24px 0 16px;font-size:.85rem;display:flex}.login-divider:before,.login-divider:after{background:var(--border);content:"";flex:1;height:1px}.login-page .secondary-button{box-sizing:border-box;text-align:center;width:100%;display:block}@media (width<=520px){.login-page{padding:20px}.login-page .auth-card{width:100%}}
