:root{--login-ink:#192d29;--login-accent:#6f1d1b;--login-accent-dark:#511513;--login-line:#e2d9d7;--login-soft:#f7f3f2;--login-muted:#6f7774}
.sf-login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);background:#fff;color:var(--login-ink);font-family:Segoe UI,Arial,sans-serif}
.sf-login-brand{padding:clamp(48px,8vw,120px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#f8f3f2 0%,#fff 55%,#edf3f0 100%);border-right:1px solid var(--login-line)}
.sf-login-brand h1{font-family:Georgia,serif;font-size:clamp(3.4rem,7vw,6.4rem);line-height:.94;margin:18px 0;color:#162b27;letter-spacing:-.05em}
.sf-login-brand>p{max-width:590px;font-size:1.25rem;line-height:1.6;color:#576662}
.sf-login-eyebrow{font-size:.72rem;letter-spacing:.22em;font-weight:800;color:var(--login-accent)}
.sf-login-points{display:grid;gap:14px;margin-top:44px}.sf-login-points span{display:flex;align-items:center;gap:11px;font-weight:650}.sf-login-points span:before{content:'✓';display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7efeb;color:#245f50;font-weight:900}
.sf-login-panel{align-self:center;width:min(470px,calc(100% - 48px));justify-self:center;padding:42px;border:1px solid var(--login-line);border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(50,29,25,.09)}
.sf-login-heading h2{font-family:Georgia,serif;font-size:2.25rem;margin:10px 0 8px}.sf-login-heading p,.sf-login-help{color:var(--login-muted);line-height:1.5}
#companyLoginForm{display:grid;gap:17px;margin-top:28px}#companyLoginForm label{display:grid;gap:7px;font-size:.82rem;font-weight:750}#companyLoginForm input{width:100%;padding:13px 14px;border:1px solid #cfc8c6;border-radius:9px;font:inherit;background:#fff}#companyLoginForm input:focus{outline:3px solid rgba(111,29,27,.12);border-color:var(--login-accent)}
#companyLoginForm .sf-login-remember{display:flex;align-items:center;gap:9px;font-weight:500;color:#4e5b58}#companyLoginForm .sf-login-remember input{width:auto}
.sf-login-primary,.sf-login-vendor{min-height:46px;border-radius:9px;font-weight:800;font-size:.92rem}.sf-login-primary{border:1px solid var(--login-accent);background:var(--login-accent);color:#fff;cursor:pointer}.sf-login-primary:hover{background:var(--login-accent-dark)}.sf-login-primary:disabled{opacity:.65}
.sf-login-separator{display:flex;align-items:center;gap:13px;margin:27px 0 16px;color:#8c8f8d;font-size:.72rem;font-weight:800;letter-spacing:.1em}.sf-login-separator:before,.sf-login-separator:after{content:'';height:1px;flex:1;background:var(--login-line)}
.sf-login-vendor{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:1px solid #b9cbc5;color:#205849;text-decoration:none;background:#f3f8f6}.sf-login-vendor:hover{border-color:#2c715f;background:#edf6f2}.sf-login-help{display:block;margin-top:16px}
.sf-login-message{margin:18px 0 -8px;padding:11px 13px;border-radius:8px;background:#edf6f2;color:#205849}.sf-login-message.bad{background:#fff0ee;color:#9d251f}
.sf-signout{display:block;margin-top:8px;padding:4px 9px!important;border:1px solid #d9c0bd!important;border-radius:6px!important;background:#fff!important;color:var(--login-accent)!important;font-size:.68rem!important;cursor:pointer}.sf-header-user .sf-signout{display:inline-block;margin:0 0 0 9px}
@media(max-width:850px){.sf-login-page{grid-template-columns:1fr}.sf-login-brand{padding:45px 28px;border-right:0;border-bottom:1px solid var(--login-line)}.sf-login-brand h1{font-size:3.5rem}.sf-login-brand>p{font-size:1rem}.sf-login-points{display:none}.sf-login-panel{margin:36px auto;padding:30px}}