.login-v2{display:block;padding:0;background:#05070a;overflow-x:hidden;position:relative}
.login-scene{position:fixed;inset:0;background:url('login-logistica-bg.png') center/cover no-repeat;transform:scale(1.015);animation:sceneIn 1.3s ease-out both}
.login-overlay{position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,6,10,.2) 0%,rgba(3,6,10,.12) 43%,rgba(3,6,10,.78) 64%,rgba(3,6,10,.95) 100%),linear-gradient(0deg,rgba(2,5,8,.45),transparent 55%)}
.login-stage{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(400px,.55fr);padding:clamp(28px,4vw,68px);gap:clamp(28px,5vw,90px);align-items:stretch}
.login-story{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:4px 0}
.login-logo{width:clamp(210px,18vw,310px);height:auto;filter:drop-shadow(0 8px 30px rgba(0,0,0,.5))}
.story-content{max-width:720px;padding:9vh 0 5vh;text-shadow:0 3px 25px rgba(0,0,0,.75)}
.eyebrow{display:flex;align-items:center;gap:10px;color:#dce6ef;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.eyebrow i,.live-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange)}
.story-content h1{margin:20px 0 15px;font-size:clamp(38px,4.3vw,72px);line-height:1.02;letter-spacing:-.04em;max-width:760px}
.story-content h1 b{color:var(--orange);font-weight:700}.story-content p{margin:0;max-width:650px;font-size:clamp(16px,1.3vw,21px);line-height:1.65;color:#c3cfda;font-weight:500}
.network-modules{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.network-modules span{padding:7px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(4,8,12,.45);backdrop-filter:blur(8px);color:#e7edf2;font-size:11px;font-weight:700;letter-spacing:.13em}
.live-status{display:flex;align-items:center;gap:10px;color:#c5d0d9;font-size:12px;letter-spacing:.08em}.live-status i{background:#36d47b;box-shadow:0 0 16px #36d47b;animation:livePulse 1.8s infinite}
.login-panel{width:100%;max-width:520px;justify-self:end;align-self:center;padding:clamp(28px,3vw,48px);border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(12,17,23,.87),rgba(5,8,12,.76));backdrop-filter:blur(24px);box-shadow:0 30px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.07);position:relative;overflow:hidden}
.login-panel:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(249,157,40,.16);filter:blur(70px);top:-120px;right:-80px;pointer-events:none}
.login-panel-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.product-mark{font-size:20px;font-weight:700;letter-spacing:.1em}.product-mark b{color:var(--orange)}.secure-chip{font-size:9px;letter-spacing:.14em;color:#9eb0bf;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 9px}
.login-intro{margin:clamp(42px,7vh,72px) 0 28px}.panel-kicker{font-size:10px;color:var(--orange);letter-spacing:.2em;font-weight:700}.login-intro h2{font-size:38px;margin:8px 0 4px;letter-spacing:-.03em}.login-intro p{margin:0;color:#9caab6;font-size:15px}
.login-form label{display:block;font-size:11px;color:#abb7c2;text-transform:uppercase;letter-spacing:.14em;margin:18px 0 8px;font-weight:700}.input-shell{height:56px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(4,8,12,.66);transition:.2s}.input-shell:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(249,157,40,.1),0 0 24px rgba(249,157,40,.08)}.input-shell input{min-width:0;flex:1;height:100%;border:0;background:transparent;padding:0 10px;color:#fff}.input-icon{width:46px;text-align:center;color:var(--orange);font-family:monospace;font-weight:700}.password-toggle{border:0;background:transparent;color:#aeb8c0;font:700 10px Quicksand,sans-serif;letter-spacing:.1em;padding:12px;cursor:pointer}.password-toggle:hover{color:var(--orange)}
.login-submit{width:100%;height:56px;border-radius:13px;margin-top:28px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:13px;letter-spacing:.08em;transition:.2s}.login-submit:hover{background:#ffb249;transform:translateY(-1px);box-shadow:0 12px 30px rgba(249,157,40,.25)}.login-submit b{font-size:20px}.login-footer{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:38px;color:#687683;font-size:9px;letter-spacing:.16em}.login-footer i{width:3px;height:3px;background:var(--orange);border-radius:50%}.login-panel .alert{margin:0 0 8px}
@keyframes sceneIn{from{opacity:.5;transform:scale(1.04)}to{opacity:1;transform:scale(1.015)}}@keyframes livePulse{50%{opacity:.35}}
@media(max-width:1000px){.login-stage{grid-template-columns:1fr;padding:28px;align-items:center}.login-story{position:absolute;inset:28px;pointer-events:none}.story-content,.live-status{display:none}.login-logo{width:190px}.login-panel{justify-self:center;margin-top:65px}}
@media(max-width:560px){.login-stage{padding:16px}.login-story{inset:18px}.login-logo{width:160px}.login-panel{padding:26px 22px;border-radius:22px;margin-top:70px}.login-panel-top{margin-top:8px}.secure-chip{display:none}.login-intro{margin:38px 0 24px}.login-intro h2{font-size:32px}}