/* Form field reset to fix red border issue */
.form input, 
.form textarea,
.form select {
  border: 1px solid #d8e3f3 !important;
  background: #fff !important;
  outline: none !important;
  box-shadow: none !important;
}

.form input:hover, 
.form textarea:hover, 
.form select:hover {
  border-color: #b8d1f3 !important;
}

.form input:focus, 
.form textarea:focus, 
.form select:focus {
  border-color: #93c5fd !important;
  box-shadow: 0 0 0 3px rgba(26, 91, 143, 0.2) !important;
}

/* Only show invalid styling after user interaction and form submission */
.form input.touched:invalid,
.form select.touched:invalid,
.form textarea.touched:invalid {
  border-color: #ef4444 !important;
  background-color: #fff !important;
}