/* Animation de pulsation du logo */
.pulse-scale {
    animation: pulseScale 1.5s ease-in-out infinite;
}

@keyframes pulseScale {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.05);
        opacity: 0.9;
    }
}

/* Animation des points */
.dot-bounce {
    animation: bounceDot 1.2s infinite ease-in-out;
}

@keyframes bounceDot {

    0%,
    80%,
    100% {
        transform: scale(0);
        opacity: 0.5;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Couleur personnalisée du troisième point */
.bg-purple {
    background-color: #9565f1 !important;
}

/* Transition de disparition */
.opacity-0 {
    opacity: 0 !important;
}

.opacity-100 {
    opacity: 1 !important;
}