html {
  font-size: 14px;
}

body {
  background: linear-gradient(90deg, #006800 0%, #024702ff 100%);
  padding: 0 1rem;
  font-family: sans-serif, 'Segoe UI', Tahoma, Geneva, Verdana;
}

a {
  text-decoration: none;
  color: #006800;
  font-weight: bold;
}

a:hover {
  text-decoration: none;
  color: #006800;
}

.card {
  max-width: 940px;
  margin: 2rem auto;
  border: none;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.card-header {
  background-color: transparent;
  border-bottom: none;
  text-align: center;
  padding-top: 2rem;
}

.logo-img {
  transition: transform 0.3s ease-in-out;
}

.logo-img:hover {
  transform: scale(1.05);
}

.card-header h4 {
  font-weight: 700;
  color: #333;
}

.form-label {
  font-weight: 600;
}

label.error {
  color: #dc3545;
  font-size: 0.875em;
  margin-top: 0.25rem;
}

.form-control.is-invalid {
  border-color: #dc3545;
}

/* --- Mobile --- */
@media (max-width: 767px) {
  html {
    font-size: 15px;
  }

  body {
    padding: 0;
    background: #fff;
  }

  .card {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    min-height: 100vh;
  }
}