/* Critical CSS for faster loading */
.animate-fade-in {
    animation: fade-in 1s ease-out;
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Preload critical images */
.hero-bg {
    background-image: url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?w=1920');
    background-size: cover;
    background-position: center;
}

/* Optimize transitions */
.transition-fast {
    transition: all 0.2s ease;
}

/* Reduce motion for better performance */
@media (prefers-reduced-motion: reduce) {
    .animate-fade-in,
    .transition-all,
    .transition-fast {
        animation: none;
        transition: none;
    }
}