/* Custom Animations & Styles */ /* Floating Animation for Hero Image */ @keyframes float { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-15px) rotate(1deg); } 100% { transform: translateY(0px) rotate(0deg); } } .animate-float { animation: float 6s ease-in-out infinite; } /* Pulse Animation for Primary Buttons */ @keyframes soft-pulse { 0% { box-shadow: 0 0 0 0 rgba(242, 134, 53, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(242, 134, 53, 0); } 100% { box-shadow: 0 0 0 0 rgba(242, 134, 53, 0); } } .btn-pulse { animation: soft-pulse 2s infinite; } /* Mobile Menu Transitions */ #mobile-menu { transition: all 0.3s ease-in-out; opacity: 0; max-height: 0; overflow: hidden; transform: translateY(-10px); } #mobile-menu.active { opacity: 1; max-height: 500px; /* Arbitrary large height */ transform: translateY(0); } /* Smooth Scroll Behavior is already in but just in case */ html { scroll-behavior: smooth; } /* Hover lift effect for cards */ .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; } .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }