/* Quiet, animated brand scene behind the authentication form. */
.auth-screen{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#353d42 0%,#58626a 53%,#888d88 100%);color:#fff}
.auth-screen::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(31,39,43,.81),rgba(39,47,50,.55) 58%,rgba(54,61,63,.47));pointer-events:none}
.auth-brand,.auth-layout{position:relative;z-index:2}
.auth-story .eyebrow{color:#ffdc65}
.auth-story>p{color:#edf0ee}
.auth-steps{border-top-color:#ffffff4d}
.auth-steps div{border-bottom-color:#ffffff4d;color:#f5f5ed}
.auth-steps b{color:#ffdc65}
.auth-scenery{position:absolute;inset:0;z-index:-2;overflow:hidden;opacity:.58;pointer-events:none}
.auth-scenery-landscape{position:absolute;inset:0;background:
  radial-gradient(ellipse 38% 12% at 83% 69%,#657b73 1%,transparent 98%),
  radial-gradient(ellipse 52% 17% at 24% 72%,#64756d 1%,transparent 99%),
  linear-gradient(0deg,#4a5550 0 17%,#83958f 17% 20%,transparent 20%),
  linear-gradient(180deg,#8ca7ae 0%,#d1d2c2 61%,#9caaa1 100%)}
.auth-scenery-landscape::before{content:"";position:absolute;width:46%;height:29%;right:4%;bottom:20%;background:
  repeating-linear-gradient(90deg,transparent 0 12%,rgba(75,76,71,.25) 12% 12.5%),
  linear-gradient(90deg,#d9d5c5 0 61%,#a7aba4 61% 100%);
  clip-path:polygon(0 15%,50% 0,100% 14%,100% 100%,0 100%);box-shadow:0 12px 38px #363e3b80}
.auth-scenery-landscape::after{content:"DHL";position:absolute;right:21%;bottom:38%;font:900 clamp(20px,4vw,70px) Manrope,sans-serif;letter-spacing:-.1em;font-style:italic;color:#c00b19;opacity:.7}
.auth-scenery-truck{position:absolute;left:-23%;bottom:17%;width:min(26vw,365px);height:min(11vw,150px);animation:truck-arrives 28s ease-in-out infinite;filter:drop-shadow(0 11px 8px #29332c66)}
.truck-trailer{position:absolute;left:0;bottom:23%;width:73%;height:68%;background:#f1ce26;border:3px solid #ead670;border-radius:4px 3px 0 0}
.truck-trailer b{position:absolute;left:21%;top:26%;color:#c41220;font:italic 900 clamp(19px,3.4vw,45px) Manrope,sans-serif;letter-spacing:-.13em}
.truck-cab{position:absolute;right:2%;bottom:23%;width:27%;height:58%;background:linear-gradient(115deg,#e8bc1a 0 43%,#bb141e 44% 100%);clip-path:polygon(0 16%,69% 16%,100% 55%,100% 100%,0 100%);border-radius:2px}
.truck-cab::after{content:"";position:absolute;right:8%;top:24%;width:43%;height:26%;background:#71939c;clip-path:polygon(0 0,75% 0,100% 100%,0 100%)}
.truck-wheel{position:absolute;bottom:11%;width:15%;aspect-ratio:1;background:#323c3d;border:5px solid #7b8582;border-radius:50%}
.wheel-one{left:12%}.wheel-two{left:57%}.wheel-three{right:4%}
@keyframes truck-arrives{0%{transform:translateX(0)}55%,78%{transform:translateX(82vw)}100%{transform:translateX(110vw)}}
@media(max-width:720px){.auth-scenery-truck{width:220px;height:90px;left:-240px;bottom:12%;animation-duration:23s}.auth-scenery-landscape::before{width:72%;right:-13%;bottom:15%}.auth-scenery-landscape::after{right:19%;bottom:32%}}
@media(prefers-reduced-motion:reduce){.auth-scenery-truck{animation:none;left:50%;opacity:.35}}