:root{--panel-bg:#eef8f0e6;--panel-bg-2:#d2e9dbd6;--panel-border:#ffd28c94;--panel-shadow:#00000057;--brand-color:#061c3d;--subtitle-color:#0d2b4f;--field-bg:#fffffff5;--field-border:#0d214024;--field-text:#101828;--field-caret:#0d2140;--button-bg-1:#0b3b60;--button-bg-2:#072a44;--button-text:#fff;--button-shadow:#072a4452;--error-text:#b42318;--error-bg:#ff3b301a;--error-border:#b4231833}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:url(/assets/fundo_fsl.png) 50%/cover no-repeat;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}.loginRoot{justify-content:center;align-items:center;width:100vw;min-height:100dvh;padding:24px;display:flex;overflow:auto}.loginPanel{background:linear-gradient(180deg, var(--panel-bg), var(--panel-bg-2));-webkit-backdrop-filter:blur(18px);border:1px solid var(--panel-border);width:100%;max-width:430px;box-shadow:0 20px 55px var(--panel-shadow);border-radius:30px;padding:30px}.brandBox{text-align:center;width:100%;margin-bottom:18px}.brandLogo{object-fit:contain;width:165px;height:122px;margin:0 auto 10px;display:block}h1{text-align:center;width:100%;color:var(--brand-color);text-shadow:0 1px #ffffff59;margin:0;font-size:30px;font-weight:900;line-height:1.05}p{text-align:center;width:100%;color:var(--subtitle-color);text-shadow:0 1px #ffffff59;margin:8px 0 0;font-size:18px;font-weight:800}.loginForm{width:100%}.field{background:var(--field-bg);border:1px solid var(--field-border);border-radius:18px;align-items:center;gap:10px;width:100%;min-height:58px;margin-bottom:14px;padding:0 14px;display:flex}.field:focus-within{border-color:#0d214057;box-shadow:0 0 0 4px #0d214014}.fieldIcon{color:var(--brand-color);display:inline-flex}.field input{color:var(--field-text);caret-color:var(--field-caret);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px;font-weight:600}.field input::placeholder{color:#1018289e}.togglePass{color:var(--brand-color);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.togglePass:hover{background:#0d214014}.errorBox{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);border-radius:14px;margin:0 0 14px;padding:11px 13px;font-size:14px;font-weight:700}.successBox{color:#064e3b;background:#d1fae5f0;border:1px solid #064e3b38;border-radius:14px;align-items:center;gap:8px;margin:0 0 14px;padding:11px 13px;font-size:14px;font-weight:800;display:flex}.loginButton{width:100%;min-height:52px;color:var(--button-text);letter-spacing:.04em;background:linear-gradient(180deg, var(--button-bg-1), var(--button-bg-2));box-shadow:0 14px 30px var(--button-shadow);cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.loginButton:disabled{opacity:.7;cursor:progress}.forgotButton{color:#082044;cursor:pointer;text-shadow:0 1px #ffffff59;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin:14px auto 0;font-weight:800;display:flex}@media (width<=520px){.loginRoot{padding:16px}.loginPanel{border-radius:24px;padding:24px}.brandLogo{width:140px;height:104px}h1{font-size:26px}p{font-size:15px}}