@media (min-width: 450px) {
  .col-md-6 { width: 50%; }
}

body {
  background: transparent;
  font-family: 'Poppins', Arial, sans-serif;
}

.form-wrapper {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 12px;
  padding: 28px 24px 32px;
  max-width: 520px;
}

h2.forForm {
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.4rem;
  color: #ffffff;
}

.form-control,
.form-select {
  border-radius: 6px;
  padding: 13px 14px;
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 0.92rem;
}
.invalid-feedback {
    text-align: left;
}
.form-control::placeholder {
  color: rgba(0,0,0,0.7);
}

.form-control:focus,
.form-select:focus {
  border-color: #4caf50;
  outline: none;
}


button[type="submit"] {
  background-color: #2e6b3e;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 14px 40px;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: .06em;
  width: 100%;
  transition: background .25s, transform .15s;
  cursor: pointer;
}

button[type="submit"]:hover {
  background-color: #245430;
  transform: translateY(-1px);
}

button[type="submit"]:disabled {
  opacity: .6;
  cursor: not-allowed;
}

/* Validation */
.was-validated .form-control:invalid,
.was-validated .form-select:invalid {
  border-color: #e57373;
}
.was-validated .form-control:valid,
.was-validated .form-select:valid {
  border-color: #81c784;
}