/* Login-only layout; authentication remains a native server form. */
.login-page{background:#fff2c5;min-height:100dvh}
.login-page .login-layout{width:min(1040px,calc(100% - 64px));max-width:none;min-height:620px;margin:clamp(24px,6vh,72px) auto;padding:0;display:grid;grid-template-columns:1fr 1fr;border:1px solid #e5d59f;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 20px 64px #74622b16}
.login-visual{position:relative;min-width:0;overflow:hidden;background:#dce8dd}
.login-visual>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.login-visual-caption{position:absolute;left:0;right:0;bottom:0;padding:62px 36px 32px;background:linear-gradient(transparent,#172e33e8 42%);color:#fff}
.login-visual-caption p{margin:0 0 10px;font-size:10px;letter-spacing:.17em;font-weight:700;color:#fff2c5}
.login-visual-caption h2{margin:0 0 12px;color:white;font-size:34px;line-height:1.15;letter-spacing:-.035em}
.login-visual-caption>span{font-size:12px;color:#e1ece7}
.login-content{padding:40px;min-width:0;align-self:center}
.login-page .login{max-width:none;gap:17px;margin:0;padding:0}
.login .brand{margin-bottom:8px}.login .brand img{width:48px;height:48px}.login .brand b{font-size:20px}.login .brand small{font-size:12px}
.login-heading h1{font-size:30px;margin:5px 0 10px;line-height:1.2}.login-heading>p:last-child{margin:0 0 4px;font-size:13px;color:var(--muted)}
.login-page .login input{min-height:46px;margin-top:7px}.login-page .login label{font-size:12px}.login-page .login>.btn{min-height:46px;margin-top:2px}
.login .error,.login .notice{margin:0;font-size:12px;line-height:1.6}
.login-public-section{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.login-public-section>p{margin:0 0 10px;color:var(--muted);font-size:12px}
.login-public-link{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e6c974;border-radius:11px;background:#fff2c5;color:#243f43;text-decoration:none;min-height:76px}
.login-public-link:hover{background:#fbe7a5;border-color:#c59a32;color:#172e33}.login-public-link>svg{flex:none}.login-public-link>span{min-width:0}.login-public-link b{display:block;font-size:13px}.login-public-link small{display:block;font-size:11px;margin-top:4px;color:#4b5e58}.login-link-arrow{margin-left:auto}
@media(min-width:1100px){.login-page{display:flow-root}.login-page .login-layout{min-height:650px}}
@media(max-width:760px){.login-page .login-layout{width:min(480px,calc(100% - 28px));grid-template-columns:minmax(0,1fr);margin:20px auto;min-height:0;border-radius:16px}.login-visual{height:180px;min-height:0}.login-visual>img{object-position:center 40%}.login-visual-caption{padding:35px 24px 18px;background:linear-gradient(transparent,#172e33e8)}.login-visual-caption h2{font-size:23px;margin-bottom:0}.login-visual-caption h2 br{display:none}.login-visual-caption p{margin-bottom:5px}.login-visual-caption>span{display:none}.login-content{padding:26px 24px}.login-heading h1{font-size:27px}.login .brand{margin-bottom:2px}.login-public-link{padding:12px;gap:9px}.login-public-link b{font-size:12px}.login-public-link small{font-size:11px}}
@media(max-width:360px){.login-content{padding:22px 18px}.login-visual{height:150px}.login-visual-caption{padding-left:18px}.login-visual-caption h2{font-size:21px}}

/* Fit the available viewport, including tablets and short landscape windows. */
.login-page{display:grid;place-items:center;padding:clamp(14px,3vw,32px);min-height:100dvh}
.login-page .login-layout{width:min(1120px,100%);margin:0;min-height:clamp(580px,78dvh,760px);grid-template-columns:1.05fr 1fr}
.login-content{padding:clamp(26px,3.5vw,48px)}
@media(max-width:760px){
 .login-page{padding:14px}
 .login-page .login-layout{width:min(480px,100%);margin:0;min-height:0;grid-template-columns:minmax(0,1fr)}
 .login-visual{height:clamp(110px,21dvh,180px)}
 .login-content{padding:24px}
}
@media(max-height:700px){
 .login-page .login-layout{min-height:0}
 .login-content{padding:24px 28px}
 .login-page .login{gap:12px}
 .login .brand{margin-bottom:0}
 .login-public-section{margin-top:18px;padding-top:14px}
 .login-public-link{min-height:66px;padding:12px}
}
@media(max-width:760px) and (max-height:650px){
 .login-visual{height:90px}.login-visual-caption{display:none}.login-content{padding:20px}
 .login-heading h1{font-size:25px}
}
@media(max-width:760px) and (max-height:480px){.login-visual{display:none}}
@media(max-width:360px){.login-content{padding:22px 18px}}