#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: radial-gradient(circle at center, #0a0a1a 0%, #000010 100%);
}
.overlay {
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 40, 0.1));
}
/* Flutuação com leve brilho */
@keyframes float-glow {
    0%, 100% {
        transform: translateY(0);
        filter: drop-shadow(0 0 20px rgba(72,150,255,0.5));
    }
    50% {
        transform: translateY(-12px);
        filter: drop-shadow(0 0 35px rgba(103,233,233,0.8));
    }
}
.animate-float-glow {
    animation: float-glow 6s ease-in-out infinite;
}
/* Pulso da aura */
@keyframes pulse-slow {
    0%, 100% {
        opacity: 0.4;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.2);
    }
}
.animate-pulse-slow {
    animation: pulse-slow 5s ease-in-out infinite;
}

/* Rotação lenta do anel */
@keyframes rotate-slow {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.animate-rotate-slow {
    animation: rotate-slow 12s linear infinite;
}

/* Fundo animado */
@keyframes gradient-x {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}
.animate-gradient-x {
    background-size: 200% 200%;
    animation: gradient-x 10s ease infinite;
}