.portal-header{padding-inline:6%;min-height:88px}.portal-identity{border-inline-start:1px solid var(--line);padding-inline-start:24px;color:var(--muted);font-size:13px}.portal-login-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr);gap:8%;max-width:1300px;margin:auto;padding:75px 6%;min-height:calc(100vh - 177px);align-items:center}.portal-intro{padding:48px 40px;color:#fff;border-radius:12px;background:linear-gradient(135deg,#743d5b,#132b22);min-height:470px;display:flex;flex-direction:column;justify-content:center}.portal-intro .eyebrow{color:#c4d1b9}.portal-intro h1{font-family:'Noto Serif SC',serif;font-size:42px;line-height:1.6;font-weight:500;margin:30px 0 20px}.portal-intro p{color:#cfdbce;max-width:430px;line-height:2}.portal-intro .pill{align-self:flex-start;margin-top:24px;background:#ffffff18;color:white}.portal-login-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:36px;box-shadow:0 10px 35px #743d5b08}.portal-login-card h2{font-size:28px;line-height:1.5}.portal-login-card .notice{margin-top:24px}.portal-login-card .field{margin:22px 0}.portal-login-card .field .row{flex-wrap:nowrap}.portal-footer{padding:23px 6%}.buyer-signout{font-size:12px;color:var(--muted)}[dir=rtl] .portal-intro h1{font-family:Tahoma,Arial,sans-serif}[data-portal=admin] .portal-intro{background:linear-gradient(135deg,#253a47,#17212a)}[data-portal=admin] .portal-login-card .primary{background:#253a47}
@media(max-width:900px){.portal-login-layout{gap:25px;padding:35px 5%;grid-template-columns:1fr 1fr}.portal-intro{padding:30px 25px;min-height:430px}.portal-intro h1{font-size:31px}.portal-login-card{padding:25px}.portal-header .right{flex:1}}
@media(max-width:650px){.portal-login-layout{display:flex;flex-direction:column;padding:25px 5%;gap:22px;align-items:stretch}.portal-intro{min-height:0;padding:27px}.portal-intro h1{font-size:29px;margin:15px 0 10px}.portal-intro p{margin:0;font-size:13px}.portal-intro .pill{display:none}.portal-login-card h2{font-size:25px}.portal-identity{font-size:12px;padding-inline-start:12px}.portal-header{gap:12px}.portal-header .right{flex:initial;margin-inline-start:auto}.portal-footer{gap:12px}.portal-login-card .field .row .secondary{padding:12px}.buyer-signout{font-size:11px}}