/* --- Form Validation Styles --- */
.input-error {
  border-color: #ff4d4d !important;
  box-shadow: 0 0 8px rgba(255, 77, 77, 0.4) !important;
}

.error-msg {
  color: #ff4d4d !important;
  font-size: 13px !important;
  margin-top: 6px !important;
  display: none;
  font-weight: 600 !important;
  text-align: left;
  animation: fadeInValidation 0.3s ease;
}

.error-msg.active {
  display: block !important;
}

@keyframes fadeInValidation {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}