/* Custom styles to enhance the design */
.container {
  max-width: 1200px;
}

/* Smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
}

/* Form focus states */
input:focus,
textarea:focus {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Button hover effects */
button {
  transition: all 0.2s ease-in-out;
}

/* Card hover effects */
.bg-white:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}

/* Loading state for form submission */
.loading {
  opacity: 0.7;
  pointer-events: none;
}

/* Success/Error message styles */
.success-message {
  background-color: #d1fae5;
  color: #065f46;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #a7f3d0;
}

.error-message {
  background-color: #fee2e2;
  color: #991b1b;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #fecaca;
}