* { box-sizing:border-box; }
html { min-height:100%; background:#f3f2f1; }
body.sks-login { margin:0; color:#202020; font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
.login-shell { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); min-height:100vh; min-height:100svh; }
.login-brand { position:relative; overflow:hidden; background:#202020; color:#fff; }
.login-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:58% center; }
.login-brand::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,20,20,.45),rgba(20,20,20,.35) 25%,rgba(20,20,20,.92)); }
.login-brand-content { position:relative; z-index:1; display:flex; flex-direction:column; min-height:100%; padding:58px 64px 38px; }
.login-logo { display:block; width:180px; max-width:100%; height:auto; object-fit:contain; }
.login-brand-copy { margin-top:auto; padding:150px 0 50px; max-width:530px; }
.login-eyebrow { margin:0 0 18px; color:#8b8179; font-size:10px; letter-spacing:2px; text-transform:uppercase; font-weight:600; line-height:1.6; }
.login-brand .login-eyebrow { color:#d9d3cd; }
.login-brand h1 { margin:0 0 22px; color:#fff; font-size:clamp(30px,3.1vw,48px); font-weight:400; line-height:1.18; letter-spacing:-1.2px; }
.login-brand-copy > p:last-child { margin:0; max-width:390px; color:#ded9d5; font-size:14px; line-height:1.8; }
.login-brand-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:24px; border-top:1px solid rgba(255,255,255,.22); color:#c5bdb7; font-size:11px; }
.login-accent { width:46px; height:3px; background:#d4310f; }
.login-access { position:relative; display:flex; align-items:center; justify-content:center; background:#f8f7f5; padding:120px 48px 64px; }
.login-provider-logo { position:absolute; top:38px; right:48px; }
.login-provider-logo img { display:block; width:160px; max-width:100%; height:auto; }
.login-form-wrap { width:100%; max-width:370px; }
.login-access h2 { font-size:36px; font-weight:400; letter-spacing:-1px; line-height:1.2; margin:0 0 14px; }
.login-intro { color:#756f6a; font-size:14px; line-height:1.7; margin:0 0 38px; }
.login-field { margin-bottom:22px; }
.login-field label { display:block; color:#54504c; font-size:12px; font-weight:600; margin-bottom:9px; }
.login-field input { width:100%; min-height:52px; padding:14px 16px; background:#fff; border:1px solid #d8d3cf; border-radius:0; font:14px Arial,Helvetica,sans-serif; color:#202020; transition:border-color .15s; }
.login-field input::placeholder { color:#a39a93; font-size:13px; }
.login-field input:hover { border-color:#aaa29b; }
.login-field input:focus { outline:2px solid rgba(212,49,15,.16); outline-offset:2px; border-color:#d4310f; }
.login-button { display:block; width:100%; min-height:52px; padding:14px 20px; margin-top:30px; border:1px solid #d4310f; border-radius:0; background:#d4310f; color:#fff; cursor:pointer; font:600 14px Arial,Helvetica,sans-serif; transition:background-color .15s; }
.login-button:hover { background:#b6290c; border-color:#b6290c; }
.login-button:focus-visible { outline:2px solid #202020; outline-offset:3px; }
.login-support { display:flex; align-items:center; gap:16px; margin-top:34px; padding-top:25px; border-top:1px solid #e3ded9; }
.login-support-mark { color:#202020; font-size:17px; font-weight:700; letter-spacing:-1px; }
.login-support p { margin:0; color:#847e79; font-size:11px; line-height:1.7; max-width:250px; }
.login-provider { margin:30px 0 0; font-size:10px; color:#9a918a; letter-spacing:.4px; }
@media(min-width:1600px) { .login-brand-content { padding:70px 90px 45px; } }
@media(max-width:900px) { .login-shell { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } .login-brand-content { padding:40px 32px 30px; } .login-access { padding:48px 30px; } .login-brand h1 { font-size:33px; } }
@media(max-width:650px) { .login-shell { grid-template-columns:minmax(0,1fr); } .login-brand-content { padding:28px 26px; } .login-logo { width:115px; } .login-brand-copy { padding:32px 0 0; } .login-brand h1 { font-size:28px; margin-bottom:14px; } .login-brand-copy > p:last-child { font-size:12px; } .login-brand .login-eyebrow { font-size:9px; margin-bottom:10px; } .login-brand-footer { display:none; } .login-access { padding:38px 26px; } .login-access h2 { font-size:30px; } .login-intro { margin-bottom:26px; } }
@media(prefers-reduced-motion:reduce) { .login-field input,.login-button { transition:none; } }
@media(max-width:900px) { .login-access { padding-top:110px; } .login-provider-logo { top:30px; right:30px; } }
@media(max-width:650px) { .login-access { padding-top:100px; } .login-provider-logo { top:28px; right:26px; } .login-provider-logo img { width:140px; } }