/* ==========================================
   PrismaSystems Premium Animations
========================================== */



/* Hero Floating Animation */

.hero-image {

    animation:
    floatImage 6s ease-in-out infinite;

}



@keyframes floatImage {


    0% {

        transform:translateY(0);

    }


    50% {

        transform:translateY(-20px);

    }


    100% {

        transform:translateY(0);

    }

}







/* Gradient Glow Effect */


.hero::before {


    content:"";

    position:absolute;

    width:500px;

    height:500px;

    top:10%;

    right:-150px;

    background:

    radial-gradient(

        circle,

        rgba(0,217,255,.35),

        transparent 70%

    );


    filter:blur(30px);

    animation:

    glowMove 8s infinite alternate;


}




@keyframes glowMove {


    from {

        transform:translateY(0);

    }


    to {

        transform:translateY(80px);

    }


}









/* Card Reveal */


.hidden {


    opacity:0;

    transform:

    translateY(40px);


    transition:

    all .8s ease;

}



.show {


    opacity:1;

    transform:

    translateY(0);

}









/* Service Card Hover Glow */


.service-card:hover {


    box-shadow:

    0 20px 50px

    rgba(0,217,255,.18);


}







/* Solution Card Hover */


.solution-card {


    transition:

    transform .4s ease,

    box-shadow .4s ease;

}



.solution-card:hover {


    transform:

    translateY(-12px);


    box-shadow:

    0 25px 60px

    rgba(37,99,255,.18);

}







/* Technology Icon Hover */


.technology-grid img {


    transition:

    transform .4s ease,

    box-shadow .4s ease;


}



.technology-grid img:hover {


    transform:

    translateY(-10px)

    scale(1.05);


    box-shadow:

    0 15px 40px

    rgba(0,217,255,.35);


}








/* Button Shine Effect */


.btn-primary {


    position:relative;

    overflow:hidden;


}



.btn-primary::before {


    content:"";


    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:100%;


    background:

    linear-gradient(

    120deg,

    transparent,

    rgba(255,255,255,.45),

    transparent

    );


    transition:.6s;


}



.btn-primary:hover::before {


    left:100%;


}







/* Logo Animation */


.logo img {


    transition:.4s;

}



.logo img:hover {


    transform:

    scale(1.05);

}








/* Section Fade */

section {


    animation:

    fadeSection .8s ease;

}



@keyframes fadeSection {


    from {


        opacity:0;


    }


    to {


        opacity:1;


    }


}







/* Mobile Optimization */


@media(max-width:700px){


.hero-image {


    animation-duration:8s;

}


}