:root{--ink:#102a3a;--muted:#627582;--primary:#0b7180;--primary-dark:#075562;--line:#dbe4e8;--danger:#a52a35;--success:#176b45}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#eaf0f2}body{min-width:320px}.login-page{display:grid;min-height:100vh;padding:clamp(.75rem,3vw,2.5rem);place-items:center}.login-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(24rem,.9fr);width:min(70rem,100%);min-height:min(48rem,calc(100vh - 5rem));overflow:hidden;border:1px solid #d5e0e4;border-radius:1.5rem;background:#fff;box-shadow:0 24px 70px #17384b24}.login-visual{position:relative;display:flex;align-items:flex-end;padding:clamp(2rem,5vw,4.5rem);color:#fff;background:linear-gradient(180deg,#062f3b1a,#062f3bd9),url('../img/login-logistica.svg') center/cover no-repeat}.login-visual-copy{position:relative}.login-mark{display:grid;width:3.5rem;height:3.5rem;margin-bottom:1rem;place-items:center;border:1px solid #ffffff70;border-radius:1rem;background:#ffffff18;font-weight:800}.login-visual h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em}.login-visual p{margin:.5rem 0 0;color:#e0f2f3;font-size:1.08rem}.login-panel{display:grid;padding:clamp(1.5rem,5vw,4.5rem);place-items:center}.login-form-wrap{width:min(25rem,100%)}.login-kicker{color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.login-form-wrap h2{margin:.45rem 0 .35rem;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.035em}.login-form-wrap header p{margin:0 0 1.6rem;color:var(--muted)}label{display:block;margin:.9rem 0 .4rem;font-weight:700}input{width:100%;min-height:3.25rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:.7rem;background:#fbfdfe;color:var(--ink);font:inherit}input:focus,.password-toggle:focus,.login-submit:focus,a:focus{outline:3px solid #55b9c766;outline-offset:2px;border-color:var(--primary)}.password-field{position:relative}.password-field input{padding-right:5rem}.password-toggle{position:absolute;top:.38rem;right:.38rem;min-height:2.5rem;padding:0 .65rem;border:0;border-radius:.5rem;background:transparent;color:var(--primary);font-weight:750}.login-options{display:flex;justify-content:space-between;gap:1rem;margin:1rem 0 1.25rem;font-size:.9rem}.login-options a{color:var(--primary-dark);font-weight:700}.login-remember-note{color:var(--muted)}.login-submit{width:100%;min-height:3.35rem;border:0;border-radius:.75rem;background:var(--primary);color:#fff;font:inherit;font-weight:800;cursor:pointer}.login-submit:hover{background:var(--primary-dark)}.login-alert{padding:.8rem .9rem;margin:1rem 0;border-radius:.65rem;font-size:.92rem}.login-alert.error{color:var(--danger);background:#fff0f1}.login-alert.success{color:var(--success);background:#edf9f3}footer{margin-top:1.5rem;color:var(--muted);font-size:.82rem;text-align:center}.auth-simple{grid-template-columns:1fr;min-height:auto;max-width:32rem}.auth-simple .login-panel{padding:clamp(1.3rem,6vw,3rem)}@media(max-width:768px){.login-page{padding:0}.login-card{grid-template-columns:1fr;min-height:100vh;border:0;border-radius:0}.login-visual{min-height:10rem;padding:1.3rem 1.5rem;background-position:center 66%}.login-visual h1{font-size:1.65rem}.login-visual p{font-size:.92rem}.login-mark{width:2.8rem;height:2.8rem;margin-bottom:.55rem}.login-panel{padding:1.5rem}.auth-simple{max-width:none}}@media(max-width:360px){.login-panel{padding:1.15rem}.login-options{flex-direction:column;gap:.55rem}.login-visual{min-height:8.5rem}}