@keyframes fadeUp {

    from {

        opacity: 0;

        transform: translateY(35px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}


@keyframes glowPulse {

    0%, 100% {

        box-shadow: 0 0 20px rgba(56,189,248,0.10);

    }

    50% {

        box-shadow: 0 0 45px rgba(56,189,248,0.25);

    }

}


.hero,

.page-title,

.card,

.service-card,

.portfolio-card,

.contact-form,

.contact-item,

.legal-info,

.about-text,

.about-card,

.value-item,

.engagement-item {

    animation: fadeUp 0.8s ease both;

}


.card,

.service-card,

.portfolio-card {

    animation: fadeUp 0.8s ease both, glowPulse 4s ease-in-out infinite;

}


.card:nth-child(2),

.service-card:nth-child(2),

.portfolio-card:nth-child(2) {

    animation-delay: 0.12s;

}


.card:nth-child(3),

.service-card:nth-child(3),

.portfolio-card:nth-child(3) {

    animation-delay: 0.24s;

}