.login-shell{grid-template-columns:minmax(360px,2fr) minmax(0,3fr);min-height:100svh;display:grid}.login-form-panel{background:var(--card);flex-direction:column;justify-content:center;padding:clamp(1.25rem,4svh,3rem) clamp(1.5rem,4vw,5rem);display:flex}.login-form-content{width:100%;max-width:390px;margin:auto}.login-brand-panel{background-color:var(--brand-navy);color:#fff;background-image:linear-gradient(#07356bd1 0%,#07356b73 40%,#07356b1f 65%,#07356bf0 100%),url(/brand/logistics-port.png);background-position:70%;background-size:cover;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,5svh,5rem) clamp(2rem,5vw,6rem);display:flex;position:relative;overflow:hidden}.login-eyebrow{letter-spacing:.22em;border:1px solid #ffffff40;border-radius:2rem;padding:.6rem 1rem;font-size:.65rem;font-weight:600}.login-green{color:#b8e58b}@media (max-width:767px){.login-shell{display:block}.login-form-panel{min-height:100svh;padding:2rem 1.5rem}.login-brand-panel{display:none}}.login-form-content>img{width:clamp(6rem,20svh,12rem);margin-bottom:clamp(.75rem,3svh,2rem)}.login-form-content>h1+p{margin-bottom:clamp(1rem,3svh,2.25rem)}.login-form-panel>footer{margin-top:clamp(1rem,3svh,3rem)}.login-brand-panel h2{margin-top:clamp(1rem,2.5svh,1.5rem);font-size:clamp(2rem,5.5svh,3.75rem)}.login-brand-panel h2+p{margin-top:clamp(1rem,2.5svh,1.5rem)}.login-scene-space{flex-shrink:0;height:clamp(6rem,24svh,18rem);margin-block:clamp(.75rem,3svh,2rem)}@media (min-width:768px) and (max-height:700px){.login-brand-panel>.grid{row-gap:.75rem}.login-form-content>img{width:6.5rem}}