/* Fallback simple animation pour les navigateurs avec problèmes de performance */
@keyframes simpleTitleAnimation {
    0%, 100% { 
        transform: translateY(0) scale(1);
        opacity: 1;
        filter: brightness(1.2);
    }
    50% { 
        transform: translateY(-20px) scale(1.05);
        opacity: 0.9;
        filter: brightness(1.5);
    }
}

/* Fallback pour navigateurs qui ne supportent pas les optimisations avancées */
@supports not (will-change: transform) {
    .title-letter {
        animation: simpleTitleAnimation 3s ease-in-out infinite !important;
        filter: brightness(1.2) !important;
        text-shadow: 0 0 20px rgba(0, 243, 255, 0.8) !important;
    }
}

/* Optimisation pour les connexions lentes */
@media (prefers-reduced-data) {
    .title-letter {
        animation: simpleTitleAnimation 4s ease-in-out infinite;
        filter: none;
        text-shadow: 0 0 10px rgba(0, 243, 255, 0.5);
    }
    
    .title-effects {
        display: none;
    }
}

/* Optimisation pour les appareils avec batterie faible */
@media (prefers-reduced-motion: reduce) {
    .title-letter {
        animation: none;
        transform: none;
        filter: brightness(1.2);
    }
    
    .hero-title-ultra {
        animation: none;
    }
}