#login.auth-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);padding:0;overflow:hidden;max-width:1160px;margin:32px auto 48px;border-radius:22px;box-shadow:0 20px 65px #32104710}
.auth-story{position:relative;padding:44px 42px;background:linear-gradient(145deg,#321047,#542273 70%,#722f79);color:#fff;overflow:hidden}
.auth-eyebrow{font-size:10px;letter-spacing:1.8px;color:#ead39c;font-weight:650}
.auth-story h2{font-size:36px;line-height:1.35;letter-spacing:-.7px;color:white;margin:20px 0 14px}
.auth-intro{font-size:14px;line-height:1.8;color:#e3d6ec;max-width:410px}
.cargo-illustration{height:155px;position:relative;margin:16px 0 20px}
.cargo-plane{position:absolute;left:8px;top:4px;font-size:48px;color:#f2dca4;transform:rotate(-12deg)}
.cargo-track{position:absolute;top:65px;left:36px;width:46%;height:60px;border-top:2px dashed #c9a8db88;border-radius:50%}
.cargo-building{position:absolute;right:22px;bottom:5px;width:180px;height:102px;border:1px solid #c5a9d0;background:#ffffff0c;border-radius:4px}
.cargo-building>span{position:absolute;bottom:9px;left:18px;font-size:12px;letter-spacing:1px;color:#ead39c}
.cargo-roof{position:absolute;top:-24px;left:21px;width:136px;height:45px;transform:rotate(0);clip-path:polygon(50% 0,100% 50%,100% 58%,50% 10%,0 58%,0 50%);background:#d6b15d}
.cargo-box{position:absolute;width:36px;height:31px;background:#dbb65e;border:1px solid #efd59a;bottom:35px;border-radius:3px}
.cargo-box:before{content:'';position:absolute;left:15px;top:0;width:6px;height:12px;background:#fff4d87a}.box-one{left:25px}.box-two{left:65px}.box-three{left:45px;bottom:69px}
.cargo-tag{position:absolute;right:0;top:8px;background:#fff;color:#4b206e;padding:8px 12px;border-radius:7px;font-size:11px;box-shadow:0 8px 24px #200c3725}
.cargo-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}
.cargo-steps li{display:flex;gap:10px;align-items:flex-start}.cargo-steps li>span{border:1px solid #c9a66380;background:#d5ad5015;color:#eed59a;border-radius:8px;min-width:32px;height:32px;display:grid;place-items:center;font-size:11px}
.cargo-steps strong{font-size:13px;font-weight:600}.cargo-steps small{display:block;color:#cfbddd;font-size:11px;line-height:1.7;margin-top:3px}
.auth-forms{padding:38px 42px;align-self:center;min-width:0}.auth-tabs{display:flex;gap:4px;background:#f2edf6;border-radius:10px;padding:5px;margin-bottom:30px}
.auth-tabs button{flex:1;background:transparent;color:#756382;box-shadow:none;border:0}.auth-tabs button[aria-selected=true]{background:white;color:#4b206e;box-shadow:0 2px 8px #32104712}
.auth-forms h2{font-size:23px;margin-bottom:10px}.auth-forms #loginform,.auth-forms #shipping-signup{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin:24px 0 18px}
.auth-forms form>label{flex:none;width:100%;gap:7px;font-size:13px}.auth-forms input{min-height:48px;width:100%}.auth-forms form>button{align-self:stretch;min-height:48px;width:100%;margin-top:4px}.auth-forms small{font-size:11px;color:var(--muted)}
.auth-footnote{font-size:12px;line-height:1.8;color:#83758d;margin:18px 0 0}.auth-forms #signup-status:not(:empty){background:#fff5df;border:1px solid #ead49d;color:#775015;border-radius:8px;padding:12px;font-size:13px}
@media(max-width:850px){#login.auth-layout{grid-template-columns:1fr;max-width:560px;margin-top:18px}.auth-story{padding:28px}.auth-story h2{font-size:28px}.cargo-illustration{height:130px}.auth-forms{padding:28px;order:-1}.cargo-steps{gap:14px}.auth-tabs{margin-bottom:24px}}
@media(max-width:420px){.auth-story{padding:24px}.auth-story h2{font-size:26px}.auth-forms{padding:24px 20px}.auth-eyebrow{font-size:8px;letter-spacing:1.3px}.cargo-steps{grid-template-columns:1fr}.cargo-illustration{height:125px}.cargo-building{right:4px}.cargo-tag{right:0;font-size:10px}.auth-forms h2{font-size:21px}}