/* Particulas animadas */
.particle {
    position: absolute;
    border-radius: 50%;
    background: rgba(79, 70, 229, 0.3);
    animation: float 20s infinite ease-in-out;
}

@keyframes float {

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

    25% {
        transform: translate(100px, -100px) scale(1.1);
        opacity: 0.5;
    }

    50% {
        transform: translate(50px, 100px) scale(0.9);
        opacity: 0.3;
    }

    75% {
        transform: translate(-50px, 50px) scale(1.05);
        opacity: 0.4;
    }
}

.hidden {
    display: none;
}