/* ==========================
   AI Future Hub - Global
   animations.css
========================== */

.rgb-text{

    background:
    linear-gradient(
    90deg,
    #ff0000,
    #ff9900,
    #ffff00,
    #00ff00,
    #00ffff,
    #0066ff,
    #cc00ff,
    #ff0000);

    background-size:500%;

    -webkit-background-clip:text;

    background-clip: text;

    -webkit-text-fill-color:transparent;

    animation:
    rainbowMove 10s linear infinite;

}

@keyframes rainbowMove{

    from{

        background-position:0%;

    }

    to{

        background-position:500%;

    }

}

/* Floating Glass Card */

.glass-card {

    animation: floatCard 5s ease-in-out infinite;

}

@keyframes floatCard {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(-18px);

    }

    100% {

        transform: translateY(0px);

    }

}

/* Hero Title */

.hero h1 {

    animation: fadeUp 1.3s ease;

}

.hero p {

    animation: fadeUp 1.7s ease;

}

.hero-buttons {

    animation: fadeUp 2.1s ease;

}

@keyframes fadeUp {

    from {

        opacity: 0;

        transform: translateY(50px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

/* Gradient Movement */

.gradient {

    animation: moveGradient 18s ease-in-out infinite alternate;

}

@keyframes moveGradient {

    0% {

        transform: translate(0, 0) scale(1);

    }

    50% {

        transform: translate(80px, -40px) scale(1.2);

    }

    100% {

        transform: translate(-60px, 50px) scale(.9);

    }

}