:root{--sauti-navy:#062b57;--sauti-blue:#1767c8;--sauti-light:#f4f8fd;--sauti-border:#dbe6f2}
*{box-sizing:border-box}
body.sauti-login{margin:0;min-height:100vh;font-family:"Karla",sans-serif;background:#f4f8fd;color:#0c2b50}
.sauti-login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.sauti-login-brand{position:relative;overflow:hidden;padding:42px 7%;display:flex;flex-direction:column;min-height:100vh;background:#082d59 url("../img/login-buildings.jpg") center/cover no-repeat;color:#fff}
.sauti-login-brand:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(4,34,68,.72),rgba(4,45,88,.78));z-index:0}
.sauti-login-brand>*{position:relative;z-index:1}
.sauti-login-brand-top{display:flex;align-items:center;gap:22px}
.sauti-registered-logo{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.12))}
.sauti-login-brand-top span{width:1px;height:62px;background:rgba(255,255,255,.55)}
.sauti-login-brand-top strong{font-size:13px;line-height:1.7;letter-spacing:1.2px}
.sauti-login-copy{margin-top:35px}
.sauti-login-copy small{font-size:12px;letter-spacing:3px;font-weight:700;color:#d8e7fa}
.sauti-login-copy h1{font-size:clamp(34px,3.5vw,52px);line-height:1.15;font-weight:700;margin:26px 0 25px}
.sauti-login-copy h1 em{font-style:normal;color:#55a1ff}
.sauti-login-copy p{font-size:18px;letter-spacing:.2px}
.sauti-login-benefits{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding:30px 0 25px;font-size:13px}
.sauti-login-benefits div{display:flex;align-items:center;gap:9px}
.sauti-login-benefits b{font-size:25px;color:#5ca9ff}
.sauti-login-brand footer{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.22);padding-top:24px;font-size:11px;color:#dbe8f7}
.sauti-login-panel{display:flex;align-items:center;justify-content:center;padding:35px;background:linear-gradient(135deg,#f7fbff,#eaf3fc)}
.sauti-login-card{width:min(100%,470px);background:#fff;border:1px solid #e0eaf5;border-radius:18px;padding:42px 42px 30px;box-shadow:0 18px 50px rgba(21,61,102,.12);text-align:center}
.sauti-card-logo{width:120px;height:95px;object-fit:contain;margin-bottom:6px}
.sauti-login-card h2{font-size:28px;margin:4px 0 8px;color:#092d5b}
.sauti-login-subtitle{color:#61758c;margin:0 0 27px}
.sauti-field{display:flex;align-items:center;gap:10px;border:1px solid #d6e3f0;border-radius:9px;margin-bottom:14px;padding:0 14px;background:#fbfdff}
.sauti-field:focus-within{border-color:#327ed5;box-shadow:0 0 0 3px rgba(50,126,213,.1)}
.sauti-field .mdi{font-size:23px;color:#174f8f}
.sauti-field input{border:0;outline:0;background:transparent;width:100%;height:52px;font-size:15px;color:#17395d}
.sauti-toggle-password{border:0;background:none;color:#164b88;cursor:pointer;font-size:15px}
.sauti-login-options{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#65778b;margin:8px 0 22px}
.sauti-login-options label{margin:0;display:flex;align-items:center;gap:5px}
.sauti-login-options a{color:#1767c8;text-decoration:none}
.sauti-login-btn{width:100%;height:52px;border:0;border-radius:9px;background:linear-gradient(90deg,#07376e,#0d579d);color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 6px 14px rgba(7,55,110,.18)}
.sauti-divider{display:flex;align-items:center;gap:12px;margin:25px 0 16px;color:#8798aa;font-size:12px}
.sauti-divider:before,.sauti-divider:after{content:"";height:1px;background:#e0e8f0;flex:1}
.sauti-social-placeholder{display:flex;gap:10px}
.sauti-social-placeholder button{flex:1;height:44px;background:#fff;border:1px solid #dbe6f1;border-radius:8px;color:#5c7187}
.sauti-card-footer{display:block;margin-top:25px;color:#174b87;font-size:11px;letter-spacing:2px;font-weight:700}
.sauti-card-footer span{letter-spacing:0;color:#91a0ae;font-weight:400}
@media(max-width:900px){.sauti-login-page{grid-template-columns:1fr}.sauti-login-brand{min-height:430px;padding:30px 8%}.sauti-login-copy h1{font-size:38px}.sauti-login-benefits{margin-top:35px}.sauti-login-panel{padding:35px 18px}.sauti-login-card{padding:32px 25px}}
@media(max-width:520px){.sauti-login-brand-top{gap:12px}.sauti-registered-logo{width:82px;height:82px}.sauti-login-brand-top strong{font-size:11px}.sauti-login-benefits{flex-direction:column;gap:8px}.sauti-login-brand footer{font-size:9px}}

/* Ajuste final baseado no layout aprovado */
.sauti-login-page{grid-template-columns:minmax(560px,43%) 1fr;background:#f4f8fd}
.sauti-login-brand{padding:30px 7% 28px;background-position:center;background-size:cover}
.sauti-login-brand:after{background:linear-gradient(90deg,rgba(4,35,77,.35),rgba(4,45,88,.70))}
.sauti-registered-logo{width:142px;height:142px;object-fit:contain;background:transparent}
.sauti-login-copy{margin-top:8px}
.sauti-login-copy h1{font-size:clamp(35px,3.1vw,50px);line-height:1.14;margin:24px 0 22px;letter-spacing:-.8px}
.sauti-login-benefits{gap:14px;margin-top:auto;padding:24px 0 22px}
.sauti-login-panel{padding:42px 6%;background:linear-gradient(135deg,#f7fbff,#eaf2fc)}
.sauti-login-card{width:min(100%,470px);padding:36px 40px 30px;border-radius:17px}
.sauti-card-logo{width:126px;height:100px}
@media(max-width:1100px){.sauti-login-page{grid-template-columns:46% 54%}.sauti-login-brand{padding-left:5%;padding-right:5%}.sauti-login-copy h1{font-size:38px}.sauti-login-card{padding:30px 25px}}

/* SAUTI: login sem autenticação social */
.sauti-login-card .sauti-divider,
.sauti-login-card .sauti-social-placeholder{display:none!important}
.sauti-login-card .sauti-card-footer{margin-top:28px}