body { margin:0; background:#f3f5f8; color:#263442; font-family:'Segoe UI',system-ui,sans-serif; }
.login-page { min-height:100dvh; display:grid; grid-template-columns:1fr 410px; align-items:center; gap:80px; max-width:1080px; padding:48px; margin:auto; }
.login-logo { width:190px; height:95px; object-fit:contain; margin-left:-10px; }
.login-intro h1 { font-size:38px; font-weight:650; letter-spacing:-1px; max-width:360px; }
.login-intro p { color:#627084; margin:20px 0; }
.login-preview { font-size:12px; color:#336695; background:#e8f3ef; padding:7px 12px; border-radius:4px; }
.login-card { background:white; border:1px solid #dfe5ed; padding:30px; border-radius:9px; box-shadow:0 8px 30px #24344808; }
.login-card h2,.login-card h1 { font-size:25px; margin-bottom:8px; }
.login-card p,.form-label,.form-check-label { font-size:13px; }
.form-control { min-height:40px; border-color:#cad3df; }
.btn-primary { --bs-btn-bg:#336695; --bs-btn-border-color:#336695; --bs-btn-hover-bg:#285276; --bs-btn-hover-border-color:#285276; }
.login-help { color:#627084; margin:22px 0 0; line-height:1.6; }
.login-validation { color:#a02030; font-size:13px; }.login-validation ul { padding-left:18px; }
.validation-summary-valid { display:none; }.input-validation-error { border-color:#a02030; }
.logout-page { min-height:100dvh; display:grid; place-items:center; padding:20px; }
:focus-visible { outline:3px solid #61af99; outline-offset:3px; }
@media(max-width:760px) { .login-page { grid-template-columns:1fr; gap:24px; padding:24px; }.login-intro h1 { font-size:28px; }.login-intro p { margin:12px 0; }.login-card { padding:24px; } }