/* Card de login no hero (tela /signin usa o layout da landing) */
.login-card{
  align-self:center;
  width:100%;
  max-width:430px;
  margin:0 auto;
  padding:30px 28px;
  border:1px solid #0b6fd0;
  border-radius:20px;
  background:linear-gradient(150deg,rgba(7,26,60,.96),rgba(2,9,27,.98));
  box-shadow:0 26px 70px rgba(0,30,90,.55),inset 0 1px 0 rgba(120,210,255,.08);
  backdrop-filter:blur(8px);
}
.login-badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:5px 13px;margin-bottom:16px;
  border:1px solid rgba(74,222,128,.35);border-radius:99px;
  background:rgba(16,120,70,.16);
  font-size:11px;font-weight:750;color:#7bf0a8;
}
.login-badge i{width:6px;height:6px;border-radius:99px;background:#4ade80;box-shadow:0 0 9px #4ade80}
.login-card h2{margin:0 0 6px;font-size:26px;font-weight:850;letter-spacing:-1px;color:#fff}
.login-sub{margin:0 0 20px;color:#8fb0d4;font-size:13px}
.login-error{
  margin-bottom:16px;padding:11px 14px;
  border:1px solid rgba(239,68,68,.35);border-radius:11px;
  background:rgba(239,68,68,.12);color:#fca5a5;font-size:13px;
}
.login-form{display:flex;flex-direction:column;gap:15px}
.login-field{display:flex;flex-direction:column;gap:8px}
.login-field>label,.login-field-head label{
  font-size:11px;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:#6f8dad;
}
.login-field-head{display:flex;align-items:center;justify-content:space-between}
.login-field-head a{font-size:12px;font-weight:600;color:#3cc6ff;text-decoration:none}
.login-field-head a:hover{text-decoration:underline}
.login-field input{
  width:100%;padding:13px 15px;
  border:1px solid rgba(32,164,255,.3);border-radius:12px;
  background:rgba(3,16,42,.75);color:#e6f2ff;font-size:14px;
  transition:border-color .2s,box-shadow .2s;
}
.login-field input::placeholder{color:#5c789a}
.login-field input:focus{
  outline:none;border-color:#20a4ff;
  box-shadow:0 0 0 3px rgba(32,164,255,.18);
}
.login-remember{
  display:flex;align-items:center;gap:9px;cursor:pointer;
  color:#9fbcda;font-size:13px;user-select:none;
}
.login-remember input{width:16px;height:16px;accent-color:#0cc7ff;cursor:pointer}
.login-submit{
  margin-top:4px;padding:14px;width:100%;
  border:0;border-radius:12px;cursor:pointer;
  background:linear-gradient(110deg,#0cc7ff,#0876ff);
  color:#fff;font-size:15px;font-weight:800;letter-spacing:.02em;
  box-shadow:0 0 25px rgba(0,160,255,.4);
  transition:transform .2s,box-shadow .2s;
}
.login-submit:hover{transform:translateY(-2px);box-shadow:0 6px 32px rgba(0,160,255,.6)}
.login-signup{
  display:block;width:100%;padding:13px;text-align:center;
  border:1px solid rgba(32,164,255,.55);border-radius:12px;
  background:rgba(1,24,66,.48);color:#cbeaff;
  font-size:15px;font-weight:800;text-decoration:none;
  transition:background .2s,border-color .2s;
}
.login-signup:hover{background:rgba(4,40,96,.7);border-color:rgba(32,164,255,.85)}
.login-terms{
  margin:18px 0 0;padding-top:16px;text-align:center;
  border-top:1px solid rgba(76,174,255,.15);
  color:#6f8dad;font-size:12px;
}
.login-terms a{color:#3cc6ff;text-decoration:none}
.login-terms a:hover{text-decoration:underline}

@media(max-width:980px){
  .hero-content .login-card{margin-top:4px;margin-bottom:44px}
}
@media(max-width:560px){
  .hero-content .login-card{max-width:100%;padding:26px 20px;margin-bottom:52px}
  .login-card h2{font-size:23px}
}