.login-page { background: #f3f7fa; }
.login-page main { width:min(1120px,100%); padding:48px 24px 28px; }
.login-page header .button { display:none; }
.login-page .login-shell { min-height:0; padding:0; display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center; }
.login-page .login-intro { padding:24px 0; }
.login-page .login-intro h1 { font-size:clamp(30px,4vw,46px); line-height:1.2; letter-spacing:-1px; margin:16px 0; }
.login-page .login-intro > p.muted { max-width:440px; font-size:15px; line-height:1.7; }
.login-page .eyebrow { color:#166d83; font-size:11px; letter-spacing:1.5px; font-weight:750; }
.login-features { margin-top:28px; display:grid; gap:16px; }
.login-features > div { display:flex; gap:14px; align-items:center; }
.login-features > div > span { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:#e3f0f4; color:#166d83; font-size:13px; font-weight:700; flex-shrink:0; }
.login-features p { margin:0; display:grid; gap:5px; }
.login-features strong { font-size:14px; }
.login-features small { font-size:13px; color:var(--muted); }
.login-page .login-card { background:white; border:1px solid var(--line); border-radius:20px; padding:32px; box-shadow:0 12px 40px #19394f0a; }
.login-page .login-card h2 { font-size:28px; margin:10px 0; }
.login-page .login-card > p.muted { font-size:14px; margin-bottom:28px; }
.login-page .login-card label { font-size:14px; margin-top:18px; }
.login-page .login-card input:not([type=hidden]) { min-height:48px; font-size:16px; width:100%; }
.login-password { position:relative; }
.login-password input { padding-right:74px; }
.login-page .password-toggle { position:absolute; right:6px; top:6px; min-height:36px; padding:8px 12px; background:#edf5f7; color:#166d83; font-size:13px; }
.login-page [hidden] { display:none !important; }
.login-page .login-submit { margin-top:24px; min-height:48px; font-size:15px; }
.login-support { text-align:center; font-size:12px; line-height:1.7; color:var(--muted); margin:24px 0 0; border-top:1px solid var(--line); padding-top:20px; }
.login-footer { color:var(--muted); font-size:11px; text-align:center; margin-top:32px; }
.login-caps { color:#975a0c; font-size:12px; }
@media(max-width:768px) { .login-page main { padding:24px 16px; } .login-page .login-shell { grid-template-columns:1fr; gap:20px; max-width:460px; margin:auto; } .login-page .login-intro { padding:0; } .login-page .login-intro h1 { font-size:30px; } .login-page .login-features { display:none; } .login-page .login-card { padding:24px 20px; } .login-page .login-card h2 { font-size:26px; } }