/* Footer Animations */
.footer-particle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

/* Gradient Border Animation */
@keyframes gradientFlow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.gradient-border {
    position: relative;
}

.gradient-border::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899, #8b5cf6, #3b82f6);
    background-size: 400% 400%;
    animation: gradientFlow 8s ease infinite;
}