/* Custom styles to supplement Tailwind */
body {
    font-family: 'Inter', sans-serif;
}

/* Style for the hero background gradient */
.hero-gradient {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}

/* Simple animation for elements on load */
@keyframes fadeIn {
    from { 
        opacity: 0; 
        transform: translateY(20px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

.fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

/* Delay animations for a staggered effect */
.fade-in-delay-1 { 
    animation-delay: 0.2s; 
}
.fade-in-delay-2 { 
    animation-delay: 0.4s; 
}
.fade-in-delay-3 { 
    animation-delay: 0.6s; 
}