/* Estilos profissionais para a tela de login */
:root{
  --color-blue:#2D415B;
  --color-orange:#F08B27;
  --color-gray:#C5C5C5;
  --card-bg:#ffffff;
  --muted:#6b7280;
}
html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;}
body{
  background: linear-gradient(180deg,#eff3f7 0%, #f8fafc 100%);
  color:#07103a;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.login-card{width:100%;max-width:420px;background:var(--card-bg);border-radius:14px;box-shadow:0 12px 30px rgba(45,65,91,0.15);padding:32px;border:1px solid rgba(45,65,91,0.06);text-align:center}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:12px;justify-content:center}
.brand .logo{width:133px;height:56px;border-radius:12px;background:var(--color-blue);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 6px 18px rgba(45,65,91,0.12)}
.brand .logo-img{width:133px;height:56px;border-radius:12px;object-fit:cover;display:inline-block;box-shadow:0 6px 18px rgba(45,65,91,0.12)}
.brand h1{font-size:20px;margin:0;color:var(--color-blue)}
.lead{color:var(--muted);font-size:12px;margin-top:6px;text-align:center;}
.form-group{margin-top:14px}
label{display:block;font-size:13px;color:var(--color-blue);margin-bottom:8px;text-align:left;margin-left: 15px;}
input[type="email"],input[type="password"]{width:100%;padding:12px 14px;border:0;border-bottom:2px solid var(--color-gray);border-radius:6px;background:transparent;font-size:15px;box-sizing:border-box;transition:box-shadow .15s ease,border-color .15s ease}
input::placeholder{color:#9aa3b2}
input:focus{outline:none;border-bottom-color:var(--color-orange);box-shadow:0 6px 18px rgba(240,139,39,0.12)}
.actions{display:flex;align-items:center;justify-content:center;margin-top:18px;gap:12px}
.btn{background:var(--color-orange);color:#fff;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;font-weight:700;box-shadow:0 8px 20px rgba(240,139,39,0.18);transition:transform .08s ease,box-shadow .12s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(240,139,39,0.18)}
.btn.secondary{background:#f3f4f6;color:#111}
.error{background:#feece6;color:#9b2c00;padding:10px;border-radius:8px;margin-bottom:12px}
.footer{margin-top:18px;font-size:13px;color:var(--muted);text-align:center}
@media (max-width:480px){.login-card{padding:20px;border-radius:10px}}

@media (max-width:480px){
  .login-wrapper{align-items:flex-start;padding-top:160px}
}

/* Links dentro do card: mesma cor do texto e sem sublinhado; hover com cor de destaque */
.login-card a,
.login-card a:link,
.login-card a:visited {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .12s ease, color .12s ease;
}
.login-card a:hover {
  color: var(--color-orange);
  border-bottom-color: rgba(240,139,39,0.25);
}