body.login-page{display:block;background:#f9f8f3;min-height:100vh;min-height:100svh}
.login-page>aside,.login-page main>header,.login-page main>#notice{display:none}
.login-page main{margin:0;padding:0;width:100%}
.login-page #content{display:grid;grid-template-columns:minmax(390px,38%) 1fr;min-height:100vh;min-height:100svh}
.login-photo{grid-column:2;grid-row:1;background:url('/static/images/login-background.jpg') 36% center / cover no-repeat;position:relative}
.login-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102f2928,transparent 55%)}
.login-panel{grid-column:1;grid-row:1;padding:44px clamp(28px,4vw,76px) 24px;display:flex;flex-direction:column;justify-content:space-between;background:#f9f8f3;border-left:1px solid #e8e5d9}
.login-brand{color:#174f42}
.login-emblem{font-weight:700;font-size:36px;letter-spacing:-1.5px;display:inline-block;border-bottom:3px solid #b8a36d;padding-bottom:10px}
.login-brand p{font-size:12px;line-height:1.9;color:#77857c;margin:12px 0 0}
.login-panel .login{max-width:420px;width:100%;margin:32px auto 24px}
.login-eyebrow{color:#a08752;font-size:12px}
.login-panel h2{font-size:clamp(24px,2.4vw,32px);line-height:1.7;color:#193f34;margin:14px 0}
.login-description{color:#77847e;line-height:2;font-size:13px;margin-bottom:32px}
.login-panel label{font-size:12px;font-weight:700;color:#365047;margin:20px 0 9px}
.login-panel input{background:#fff;border-color:#dddeda;border-radius:10px;padding:15px;min-height:50px;direction:ltr;text-align:left}
.login-panel input:focus{outline:2px solid #b8cfc4;outline-offset:2px;border-color:#176b55}
.login-panel .actions{margin-top:28px}
.login-panel button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;border-radius:10px;background:#194f40;padding:15px 20px;font-weight:700}
.login-panel button:hover{background:#22634f}
.login-panel button:focus-visible{outline:3px solid #b8a36d;outline-offset:3px}
.login-footer{font-size:11px;line-height:1.9;color:#87938a;text-align:center;margin:0}
#login-feedback{color:#ac3a31;font-size:13px;line-height:1.9;min-height:26px;overflow-wrap:anywhere}
@media(max-width:700px){
 .login-page #content{display:flex;flex-direction:column;min-height:100svh}
 .login-photo{min-height:36svh;background-position:36% 30%;order:0}
 .login-panel{order:1;padding:24px 28px;border:0;flex:1}
 .login-brand{display:block}
 .login-emblem{font-size:26px;padding-bottom:5px;flex-shrink:0}
 .login-brand p{margin:10px 0 0;font-size:11px}
 .login-panel .login{margin:30px auto 20px}
 .login-panel h2{font-size:27px}
 .login-description{margin-bottom:22px}
}