/* Smooth scrolling and custom animations */
html { scroll-behavior: smooth; }
.fade-in { animation: fadeIn 1.5s ease-out forwards; opacity: 0; }
.slide-up { animation: slideUp 1s ease-out forwards; opacity: 0; transform: translateY(20px); }
.delay-300 { animation-delay: 0.3s; }
.delay-500 { animation-delay: 0.5s; }

@keyframes fadeIn { to { opacity: 1; } }
@keyframes slideUp { to { opacity: 1; transform: translateY(0); } }