.signin-page { min-height:100vh; min-height:100dvh; background:#f4f3ef; }
.signin-layout { display:grid; grid-template-columns:1fr 1fr; min-height:100vh; min-height:100dvh; }
.signin-brand-panel { display:flex; align-items:center; justify-content:center; padding:64px; background:#111; }
.signin-brand { display:block; width:min(100%,450px); }
.signin-brand img { display:block; width:100%; height:auto; }
.signin-form-panel { display:flex; align-items:center; justify-content:center; padding:64px 48px; }
.signin-card { width:100%; max-width:360px; }
.signin-eyebrow { display:block; margin-bottom:28px; color:#595955; font-size:.75rem; font-weight:650; letter-spacing:.16em; }
.signin-card h1 { margin:0 0 10px; color:#111; font-size:2.4rem; font-weight:650; letter-spacing:-.045em; line-height:1.15; }
.signin-card>p { margin:0 0 36px; color:#62625e; font-size:1rem; }
.signin-card .form-label { margin-bottom:9px; color:#333; font-size:.87rem; font-weight:550; }
.signin-card .form-control { min-height:50px; padding:12px 14px; border:1px solid #cfceca; border-radius:8px; background:#fff; color:#111; font-size:1rem; }
.signin-card .form-control:focus { border-color:#333; box-shadow:0 0 0 3px #11111115; }
.signin-card .btn-primary { min-height:50px; margin-top:4px; border-radius:8px; font-size:.95rem; font-weight:600; }
.signin-brand:focus-visible { outline:2px solid white; outline-offset:12px; border-radius:2px; }
.signin-card .alert { line-height:1.5; }
.signin-card .pwa-tools { margin-top:24px; }
@media(max-width:900px) and (orientation:portrait), (max-width:700px) {
 .signin-layout { grid-template-columns:1fr; grid-template-rows:auto 1fr; }
 .signin-brand-panel { padding:26px 24px; }
 .signin-brand { width:180px; }
 .signin-form-panel { align-items:flex-start; padding:40px 28px 32px; }
 .signin-card { max-width:380px; }
 .signin-eyebrow { margin-bottom:20px; }
 .signin-card h1 { font-size:2.1rem; }
 .signin-card>p { margin-bottom:28px; }
}
@media(min-width:701px) and (max-width:1100px) and (orientation:landscape) {
 .signin-brand-panel { padding:40px; }
 .signin-form-panel { padding:40px 36px; }
}