/* SEPE One 15.247 — Login fiel à referência 44 (1672×941). Autenticação, MFA, senha e sessão permanecem os originais. */
:root{--lg-blue:#2563ff;--lg-ink:#0a1240;--lg-text:#0b1544;--lg-muted:#6a7799;--lg-line:#dde4f1;--lg-ph:#8591b3}
html,body{min-height:100%;margin:0;background:#fff;color:var(--lg-ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
body{display:grid;grid-template-columns:65.6% 34.4%;min-height:100vh;overflow-x:hidden}
body *{box-sizing:border-box}

/* ===== Lado esquerdo ===== */
body .brand.brand{position:relative;min-height:100vh;overflow:hidden;display:block;padding:100px 0 0 64px;color:var(--lg-ink);
 background:linear-gradient(135deg,#eff5fd 0%,#ecf3fe 55%,#ebf3fe 100%)}
body .brand.brand:after{display:none}
body .brand.brand .brand-top,body .brand.brand .brand-main{position:relative;z-index:2}
body .brand.brand .brand-mark{display:flex;align-items:center;gap:16px;font-size:44px;line-height:56px;font-weight:800;letter-spacing:-.035em;text-transform:none;color:var(--lg-ink)}
body .brand.brand .brand-mark .brand-icon{width:56px;height:56px;flex:none;border:0;background:none;box-shadow:none;border-radius:0;display:block}
body .brand.brand .brand-mark>span{color:var(--lg-ink)}
body .brand.brand .brand-mark .brand-blue{color:#1f5bff}
body .brand.brand .brand-illustration{position:absolute;z-index:1;inset:0;pointer-events:none;
 background:url('/icons/sepe-login-panel-15.247.webp') no-repeat right top/auto 100%}
body .brand.brand .brand-main{margin-top:58px;max-width:560px}
body .brand.brand .brand-main h1{margin:0;font-size:68px;line-height:72px;font-weight:800;letter-spacing:-.047em;color:#060f40}
body .brand.brand .brand-main h1 strong{display:block;color:#1653f7;font-weight:800}
body .brand.brand .brand-main>p{margin:24px 0 0;max-width:505px;font-size:20px;line-height:31px;color:var(--lg-muted);font-weight:400}
body .brand.brand .brand-benefits{display:grid;gap:28px;margin-top:37px;max-width:520px}
body .brand.brand .brand-benefit{display:flex;align-items:center;gap:23px}
body .brand.brand .bb-icon{width:60px;height:60px;flex:none;border-radius:15px;display:grid;place-items:center}
body .brand.brand .bb-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body .brand.brand .bb-blue{background:#dbe8ff;color:#2563ff}
body .brand.brand .bb-purple{background:#e6e1ff;color:#6d4cf2}
body .brand.brand .bb-green{background:#d3f7ef;color:#12b08a}
body .brand.brand .bb-orange{background:#ffeed6;color:#f59a12}
body .brand.brand .brand-benefit strong{display:block;font-size:18px;line-height:24px;font-weight:700;color:var(--lg-text)}
body .brand.brand .brand-benefit small{display:block;margin-top:2px;font-size:15.5px;line-height:22px;color:#6b7896;text-transform:none;letter-spacing:0;font-weight:400}

/* ===== Lado direito ===== */
body .access{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:15.1vh 24px 0;background:#fff}
body .card{width:min(503px,100%);margin:0;padding:68px 53px 58px;background:#fff;border:1px solid #edf1f7;border-radius:20px;box-shadow:0 6px 34px rgba(48,77,133,.035)}
body .card h2{margin:0;font-size:38px;line-height:46px;font-weight:800;letter-spacing:-.045em;color:var(--lg-ink)}
body .card .intro{margin:9px 0 0;font-size:17px;line-height:26px;color:#6f7ca3}
body .card .field{margin:0 0 31px}
body .card .intro+.field{margin-top:48px}
body .card .field label{display:block;margin:0 0 12px;font-size:16px;line-height:19px;font-weight:700;color:var(--lg-text)}
body .input-wrap{position:relative}
body .input-wrap .input-icon{position:absolute;left:20px;top:50%;width:22px;height:22px;margin-top:-11px;fill:none;stroke:#7a86ad;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
body .card .field input{width:100%;height:59px;padding:0 54px 0 56px;border:1.5px solid var(--lg-line);border-radius:14px;background:#fff;color:var(--lg-text);font-size:16px;box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s}
body .input-wrap.no-icon input{padding-left:20px}
body .card .field input::placeholder{color:var(--lg-ph);opacity:1}
body .card .field input:focus{border-color:var(--lg-blue);box-shadow:0 0 0 4px #e5edff}
body .card .toggle{position:absolute;right:12px;top:50%;width:40px;height:40px;margin-top:-20px;padding:0;border:0;background:none;color:#5c6a93;display:grid;place-items:center;cursor:pointer;border-radius:10px}
body .card .toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body .card .toggle .eye-slash{display:none}
body .card .toggle.is-shown .eye-slash{display:block}
body .remember-row{display:flex;align-items:center;justify-content:space-between;margin:-7px 0 45px;min-height:22px}
body .card .remember-row .remember{display:flex;align-items:center;gap:15px;margin:0;font-size:15.5px;font-weight:400;line-height:22px;color:#26325a;cursor:pointer}
body .card .remember-row .remember span{font-size:15.5px;font-weight:400;color:#26325a}
body .card .remember-row .remember input{appearance:none;-webkit-appearance:none;width:22px;height:22px;min-width:22px;min-height:22px;max-height:22px;padding:0;margin:0;border:1.5px solid #c3cee3;border-radius:6px;background:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
body .card .remember-row .remember input:checked{background:var(--lg-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.500 12.500 4.200 4.200L18.500 7.500'/%3E%3C/svg%3E") center/16px no-repeat;border-color:var(--lg-blue)}
body .card .remember-row .remember input:focus-visible{outline:3px solid #cfdcff;outline-offset:2px}
body .card .forgot{font-size:15.5px;color:#1d5bf5;text-decoration:underline;text-underline-offset:2px}
body .card .submit{width:100%;height:62px;display:flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:11px;background:var(--lg-blue);color:#fff;font-size:19px;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 14px rgba(37,99,255,.16);cursor:pointer}
body .card .submit:hover{background:#1d57ee}
body .card .submit svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body .card .submit:disabled{opacity:.7;cursor:wait}
body .card .submit:disabled svg{display:none}
body .card .msg{min-height:21px;margin-top:12px;font-size:13.5px;text-align:center}
body .login-foot{width:min(503px,100%);margin-top:62px;padding-right:20px;text-align:right;font-size:12.5px;line-height:18px;color:#7f8bab}
body .login-foot a{color:#5f6e98;text-decoration:none}
body .login-foot a:hover{text-decoration:underline}
body .login-foot .security{display:block;margin:6px 0 0;padding:0;border:0;font-size:11.5px;color:#98a2bd}
body .login-foot .security strong{color:#7f8bab;font-weight:600}
#ws-public-tools{position:fixed;left:18px;bottom:16px;z-index:5;margin:0;padding:0;background:none;border:0}
#ws-public-tools select{font-size:12px;color:#8a95b2;background:transparent;border:0;padding:2px 4px;opacity:.7}
#ws-public-tools select:hover,#ws-public-tools select:focus{opacity:1}
.card .eyebrow,.card .footer-login{display:none}

@media(max-width:1200px){body{grid-template-columns:56% 44%}body .brand.brand{padding-left:40px}body .brand.brand .brand-main h1{font-size:54px;line-height:58px}body .brand.brand .brand-illustration{opacity:.35}body .card{padding:48px 36px 44px}}
@media(max-width:820px){body{display:block}body .brand.brand{display:none}body .access{min-height:100vh;padding:7vh 17px 24px}body .card{padding:34px 24px 32px;box-shadow:0 8px 30px #2347810a}body .card .field:first-of-type{margin-top:32px}body .login-foot{text-align:center;padding:0;margin-top:28px}}