.public:has(.login-commercial) main{padding:24px}
.login-commercial{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);max-width:1380px;margin:16px auto;min-height:760px;box-shadow:0 18px 65px #172c671a;border:1px solid var(--line);border-radius:24px}
.login-commercial .login-story{padding:48px 48px 28px;background:linear-gradient(145deg,#132650,#1b3d80);overflow:hidden;display:flex;flex-direction:column}
.login-commercial .login-story .eyebrow{color:#c2d5f3;font-size:10px;letter-spacing:2px}
.login-commercial .login-story h1{font-size:clamp(34px,3.5vw,52px);line-height:1.09;letter-spacing:-1.5px;margin:34px 0 22px;max-width:600px;color:white}
.login-commercial .login-story em{color:#ff3453}
.login-commercial .login-story>p{font-size:17px;line-height:1.65;color:#e1eafb;max-width:530px;margin:0}
.login-steps{font-size:14px;letter-spacing:2px;color:#c1d4f3;margin-top:25px}
.login-steps span{color:#ff506a;padding:0 9px}
.sales-journey-art{position:relative;overflow:hidden;aspect-ratio:1027 / 460;width:calc(100% + 96px);margin:24px -48px 0;isolation:isolate}
.sales-journey-art img{position:absolute;left:0;bottom:0;width:162.805%;height:auto;max-width:none;display:block}
.sales-journey-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#193571 0,transparent 9%,transparent 92%,#1b3d80 100%)}
.login-commercial .login-note{display:block;margin:18px 0 0;font-size:12px;color:#c1d4f3;text-align:center}
.login-commercial .login-card{padding:48px clamp(28px,4vw,64px);justify-content:center;min-width:0;background:#fff}
.login-brand-stack{text-align:center;margin:0 auto 42px}
.login-brand-stack .gtcu-wordmark{width:230px;height:auto;display:block;margin:0 auto}
.login-company{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:3px;color:#182b69}
.login-company span{font-size:11px;font-weight:800;letter-spacing:1.7px;white-space:nowrap}
.login-company img{width:28px;height:24px;object-fit:contain;background:#fff;padding:3px;border-radius:4px}
.login-commercial .login-card h2{font-size:29px;text-align:center;margin:0 0 12px}
.login-commercial .login-card>p.muted:not(.small){text-align:center;font-size:15px;margin:0 0 16px;line-height:1.5}
.login-commercial .login-card form label{margin-top:24px}
.login-commercial .login-card input{min-height:48px}
.login-commercial .login-card .wide{margin-top:28px;min-height:48px}
.login-commercial .login-card .small{font-size:12px;line-height:1.6;margin-top:27px;border-top:1px solid var(--line);padding-top:20px}
html[data-theme=dark] .login-commercial .login-story{background:linear-gradient(145deg,#132650,#1b3d80)}
html[data-theme=dark] .login-commercial .login-card{background:#19263c}
html[data-theme=dark] .login-company{color:#d3e2ff}
@media(max-width:1000px) and (min-width:851px){.login-commercial .login-story{padding:36px 30px 24px}.sales-journey-art{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px}.login-commercial .login-story>p{font-size:15px}.login-brand-stack .gtcu-wordmark{width:200px}.login-commercial .login-card{padding:36px 28px}}
@media(max-width:850px){.public:has(.login-commercial) main{padding:12px}.login-commercial{grid-template-columns:1fr;max-width:580px;margin:8px auto;min-height:0;border-radius:18px}.login-commercial .login-story{padding:28px 28px 20px}.login-commercial .login-story h1{font-size:34px;margin:22px 0 16px}.login-commercial .login-story>p{font-size:14px;line-height:1.6}.login-steps{font-size:12px;letter-spacing:1px;margin-top:18px}.sales-journey-art{width:calc(100% + 56px);margin:16px -28px 0;max-height:240px}.login-commercial .login-note{margin-top:8px;font-size:11px}.login-commercial .login-card{padding:30px 28px}.login-brand-stack{margin-bottom:26px}.login-brand-stack .gtcu-wordmark{width:190px}.login-commercial .login-card h2{font-size:25px}.login-commercial .login-card>p.muted:not(.small){font-size:14px}}