body {
    font-family: 'Poppins', sans-serif;
}

:root {
    --primary-indigo: #8552f2;
    --primary-indigo-dark: #7038e0;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

/* Network slow movement */
@keyframes networkMove {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-22px);
    }

    100% {
        transform: translateY(0);
    }
}

.animate-network {
    animation: networkMove 18s ease-in-out infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

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

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

.animate-gradient {
    background-size: 200% 200%;
    animation: gradientMove 16s ease-in-out infinite;
}

/* Diagonal Label Style */
.diagonal-label {
    transform: rotate(-45deg);
    display: inline-block;
}