/* Example: if you want a very specific gradient not easily done with Tailwind utilities */
/* .hero-gradient {
    background-image: linear-gradient(to right, #1e3a8a, #3b82f6);
} */

/* You can add more complex scroll animation keyframes here if needed */
/* @keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fadeInUp {
    animation: fadeInUp 0.8s ease-out forwards;
} */