/* ======== Fundo minimalista ======== */
.auth-body {
  background: #f3f0f8;
}


/* ======== Card clean ======== */
.auth-card {
  max-width: 380px;
  width: 100%;
  border-radius: 14px;
  padding: 30px;
  background: #ffffff;
  border: 1px solid #e2dff1;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.auth-card h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #5b4c79;
}

/* ======== Labels ======== */
.auth-card .form-label {
  color: #4b3e62;
  font-weight: 500;
}

/* ======== Inputs minimalistas ======== */
.auth-card .form-control {
  border-radius: 10px;
  border: 1px solid #cfc9e6;
  padding: 10px;
  transition: all 0.2s ease;
}

.auth-card .form-control:focus {
  border-color: #9b8fce;
  box-shadow: 0 0 0 2px rgba(155, 143, 206, 0.2);
}

/* ======== Botão moderno ======== */
.auth-card .btn-primary {
  background: #7e6bc4 !important;
  border: none;
  border-radius: 10px;
  padding: 10px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.auth-card .btn-primary:hover {
  background: #6a58b3 !important;
}

/* ======== Links ======== */
.auth-card a {
  color: #6a58b3;
  text-decoration: none;
  font-weight: 500;
}

.auth-card a:hover {
  text-decoration: underline;
}

/* ======== Alerts mais suaves ======== */
.alert-danger {
  background: #ffe0e7;
  border: none;
  color: #a93752;
}

.alert-success {
  background: #e3f8ee;
  border: none;
  color: #29865e;
}