/* Custom styles beyond Tailwind */
html {
  scroll-behavior: smooth;
}

#header.scrolled {
  background-color: rgba(42, 58, 67, 0.98);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #C9A227 !important;
  box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15);
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-up {
  animation: fadeInUp 0.5s ease-out forwards;
}

img {
  max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .animate-bounce, .animate-fade-in-up { animation: none; }
}