.regen-form {
  background-color: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
}

/* Field wrappers */
.regen-form-field {
  margin-bottom: 1.5em;
}

/* Label styling */
.regen-form label,
.regen-form-field label {
  display: block;
  text-align: left;
  font-weight: bold;
  margin-bottom: 0.3em;
}

/* Text inputs, textareas, selects */
.regen-form input[type="text"],
.regen-form input[type="email"],
.regen-form textarea,
.regen-form select {
  padding: 8px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1em;
  line-height: 1.5em;
  box-sizing: border-box;
}

/* Checkboxes */
.regen-form input[type="checkbox"] {
  width: auto;
  margin-right: 8px;
}

/* Submit button */
.regen-submit-button,
.regen-form button[type="submit"] {
  padding: 10px 20px;
  background-color: #ff5722; /* Fire Orange */
  color: #fff;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}


.regen-submit-button:hover,
.regen-form button[type="submit"]:hover {
    background-color: #ec7e5c; /* Fire Orange */
}


/* Success message */
.regen-form-success {
  background-color: #e6ffe6;
  border: 1px solid #3c763d;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 20px;
  color: #2c662d;
}

/* Error message */
.regen-form-error {
  color: #900;
  background-color: #fbeaea;
  border: 1px solid #d88;
  padding: 10px;
  margin-bottom: 1em;
  border-radius: 4px;
}
