/* Login card proportions only. Registration and authentication logic are unchanged. */
.auth-shell .form-wrap:has(#login-form:not([hidden])){width:min(100%,420px);min-height:0;padding:22px 28px;max-height:none;overflow:visible}
.form-wrap:has(#login-form:not([hidden]))>.mobile-brand{margin-bottom:10px}
.form-wrap:has(#login-form:not([hidden]))>.mobile-brand img{width:46px;height:40px}
.form-wrap:has(#login-form:not([hidden])) header{margin-bottom:14px}
.form-wrap:has(#login-form:not([hidden])) h2{font-size:28px;line-height:1.15;margin-bottom:8px}
.form-wrap:has(#login-form:not([hidden])) header p{font-size:13px;line-height:1.5}
.form-wrap:has(#login-form:not([hidden])) .auth-tabs{min-height:46px;margin-bottom:16px;padding:3px}
.form-wrap:has(#login-form:not([hidden])) .auth-tabs button{min-height:40px;padding-block:6px}
.form-wrap #login-form{gap:10px}
.form-wrap #login-form>label{gap:6px}
.form-wrap #login-form>label>span{margin-bottom:0}
.form-wrap #login-form .field{height:46px}
.form-wrap #login-form .field input{height:44px;min-height:44px}
.form-wrap #login-form .submit{min-height:48px;padding-block:10px}
.form-wrap:has(#login-form:not([hidden])) .auth-footer{margin-top:12px;padding-top:8px}
.form-wrap:has(#login-form:not([hidden])) .auth-footer nav{gap:4px 16px}
.form-wrap:has(#login-form:not([hidden])) .auth-footer nav a{min-height:24px}
.form-wrap:has(#login-form:not([hidden])) .auth-help{margin:0}
.form-wrap:has(#login-form:not([hidden])) .auth-help summary{min-height:24px;line-height:24px}
body .auth-shell .form-wrap:has(#login-form:not([hidden])) .auth-footer .auth-language,
body .auth-shell .form-wrap:has(#login-form:not([hidden])) .auth-footer .auth-language select{min-height:32px}
@media(max-width:520px){
 .auth-shell:has(#login-form:not([hidden])){padding:16px;min-height:100svh}
 .auth-shell:has(#login-form:not([hidden])) .form-stage{min-height:0;align-items:center}
 .auth-shell .form-wrap:has(#login-form:not([hidden])){margin:auto;padding:24px 20px;border-radius:24px}
 .form-wrap:has(#login-form:not([hidden])) h2{font-size:26px}
}
@media(max-height:650px){.auth-shell:has(#login-form:not([hidden])){align-items:start}}