.login-page{overflow:auto}
.login-shell{min-height:min(650px,calc(100dvh - 70px));align-items:stretch}
.login-story.custom-template{padding:0;gap:0;background:#f3f6f4;justify-content:center;align-items:center;min-width:0;min-height:0}
.login-story.custom-template:after{display:none}
.branch-panel-image{display:block;width:100%;height:100%;max-width:100%;max-height:calc(100dvh - 70px);object-fit:contain;object-position:center}
.template-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.template-preview img{display:block;width:100%;height:150px;object-fit:contain;background:#f4f6f8;border:1px solid var(--border);border-radius:8px}
.login-form{min-width:0}
.login-form h2,.login-form .eyebrow,.login-form>p{overflow-wrap:anywhere;white-space:normal}
@media(max-width:760px){
 .login-shell{min-height:0}
 .login-story.custom-template{height:clamp(160px,32dvh,260px);max-height:none;padding:10px}
 .branch-panel-image{width:100%;height:100%;max-height:100%}
}
@media(max-height:720px) and (min-width:761px){
 .login-page{padding:16px}
 .login-shell{min-height:calc(100dvh - 32px)}
 .branch-panel-image{max-height:calc(100dvh - 32px)}
 .login-form{padding-block:28px}
}
@media(max-width:380px){
 .login-page{padding:12px}
 .login-form{padding:28px 20px}
 .template-preview{grid-template-columns:1fr}
}