.particle {
    position: absolute;
    width: 2px;
    height: 2px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    pointer-events: none;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
    opacity: 0;
}

.particle:nth-child(6) {
    top: 15%;
    left: 45%;
    animation: circulate1 20s infinite linear;
    animation-delay: 2s;
}

.particle:nth-child(7) {
    top: 25%;
    left: 55%;
    animation: circulate2 20s infinite linear;
    animation-delay: 3s;
}

.particle:nth-child(8) {
    top: 35%;
    left: 50%;
    animation: circulate3 20s infinite linear;
    animation-delay: 4s;
}

.particle:nth-child(9) {
    top: 10%;
    left: 65%;
    animation: circulate4 20s infinite linear;
    animation-delay: 3s;
}

.particle:nth-child(10) {
    top: 5%;
    left: 40%;
    animation: circulate5 20s infinite linear;
    animation-delay: 5s;
}

@keyframes circulate1 {
    0% { 
        transform: translateX(0px) translateY(0px);
        opacity: 0.8;
    }
    25% { 
        transform: translateX(15vw) translateY(-20px);
        opacity: 1;
    }
    50% { 
        transform: translateX(10vw) translateY(40px);
        opacity: 0.6;
    }
    75% { 
        transform: translateX(-10vw) translateY(10px);
        opacity: 1;
    }
    100% { 
        transform: translateX(0px) translateY(0px);
        opacity: 0.8;
    }
}

@keyframes circulate2 {
    0% { 
        transform: translateX(0px) translateY(0px);
        opacity: 0.7;
    }
    20% { 
        transform: translateX(-12vw) translateY(25px);
        opacity: 1;
    }
    40% { 
        transform: translateX(-18vw) translateY(-15px);
        opacity: 0.8;
    }
    60% { 
        transform: translateX(-8vw) translateY(-35px);
        opacity: 1;
    }
    80% { 
        transform: translateX(8vw) translateY(-10px);
        opacity: 0.6;
    }
    100% { 
        transform: translateX(0px) translateY(0px);
        opacity: 0.7;
    }
}

@keyframes circulate3 {
    0% { 
        transform: translateX(0px) translateY(0px);
        opacity: 0.9;
    }
    30% { 
        transform: translateX(8vw) translateY(-30px);
        opacity: 0.6;
    }
    60% { 
        transform: translateX(-6vw) translateY(-45px);
        opacity: 1;
    }
    90% { 
        transform: translateX(-12vw) translateY(20px);
        opacity: 0.8;
    }
    100% { 
        transform: translateX(0px) translateY(0px);
        opacity: 0.9;
    }
}

@keyframes circulate4 {
    0% { 
        transform: translateX(0px) translateY(0px);
        opacity: 0.8;
    }
    25% { 
        transform: translateX(-20vw) translateY(18px);
        opacity: 1;
    }
    50% { 
        transform: translateX(-15vw) translateY(-25px);
        opacity: 0.7;
    }
    75% { 
        transform: translateX(5vw) translateY(-35px);
        opacity: 1;
    }
    100% { 
        transform: translateX(0px) translateY(0px);
        opacity: 0.8;
    }
}

@keyframes circulate5 {
    0% { 
        transform: translateX(0px) translateY(0px);
        opacity: 1;
    }
    20% { 
        transform: translateX(18vw) translateY(-12px);
        opacity: 0.7;
    }
    40% { 
        transform: translateX(22vw) translateY(30px);
        opacity: 1;
    }
    60% { 
        transform: translateX(8vw) translateY(45px);
        opacity: 0.8;
    }
    80% { 
        transform: translateX(-8vw) translateY(25px);
        opacity: 0.9;
    }
    100% { 
        transform: translateX(0px) translateY(0px);
        opacity: 1;
    }
}