@import url('https://fonts.googleapis.com/css2?family=Jost:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --primary:#06267C; --primary-dark:#031D61; --accent:#FA981A; --accent-dark:#FA6800;
  --ink:#282727; --ink-soft:#5B6664; --line:#E4E7EB; --danger:#C24B00; --danger-light:#FEEADA;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Inter',sans-serif;color:var(--ink);min-height:100vh;
  background:linear-gradient(160deg,var(--primary-dark) 0%,#04164a 55%,#06267C 100%);
  display:flex;align-items:center;justify-content:center;padding:24px;
}
.login-wrap{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:18px;}
.login-card{
  width:100%;background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.28);
  overflow:hidden;
}
.login-card.oculto,.login-form.oculto{display:none;}
.login-brand{
  background:linear-gradient(180deg,var(--primary-dark),#04164a);padding:26px 28px 20px;text-align:center;
}
.login-brand img{max-width:170px;width:100%;height:auto;display:block;margin:0 auto 8px;}
.login-sub{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#9FB1C2;}
.login-form{padding:26px 28px 28px;display:flex;flex-direction:column;}
.login-form h1{font-family:'Jost',sans-serif;font-size:24px;font-weight:700;color:var(--primary);margin-bottom:14px;}
.login-ajuda{font-size:13px;color:var(--ink-soft);margin-bottom:14px;line-height:1.45;}
.login-form label{font-size:12.5px;font-weight:600;color:var(--ink-soft);margin:8px 0 5px;}
.login-form input{
  font:inherit;font-size:14.5px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;outline:none;
}
.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(6,38,124,.12);}
.login-erro{min-height:18px;font-size:13px;color:var(--danger);margin-top:10px;}
.login-erro:not(:empty){background:var(--danger-light);padding:8px 10px;border-radius:7px;}
.login-btn{
  margin-top:14px;font:inherit;font-weight:600;font-size:15px;padding:12px;border:none;border-radius:9px;
  background:var(--accent);color:#282727;cursor:pointer;transition:background .15s;
}
.login-btn:hover{background:var(--accent-dark);color:#fff;}
.login-btn[disabled]{opacity:.6;cursor:wait;}
.login-rodape{font-size:12px;color:#9FB1C2;text-align:center;}