/* ======================================
   PREMIUM ANIMATION
====================================== */

@keyframes glowPulse{
    0%,
    100%{
        box-shadow:0 0 18px rgba(255,0,0,.45);
    }

    50%{
        box-shadow:0 0 34px rgba(255,0,0,.85);
    }
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(28px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes shineMove{
    from{
        transform:translateX(-160px) rotate(28deg);
    }

    to{
        transform:translateX(950px) rotate(28deg);
    }
}

.running span{
    will-change:transform;
}

.hero-text{
    animation:fadeUp .8s ease both;
}

.cta{
    animation:fadeUp 1s ease both;
}

.card{
    animation:fadeUp .9s ease both;
}

/*
   Gunakan glowPulse di sini saja.
   Hapus animasi softGlow untuk logo, menu, dan gift dari style.css.
*/
.logo,
.menu,
.gift{
    animation:glowPulse 3.2s ease-in-out infinite;
}

/* Tombol shine */
.cta-btn{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.cta-btn::before{
    content:"";
    position:absolute;
    top:-50%;
    left:-80px;
    z-index:0;
    width:45px;
    height:200%;
    pointer-events:none;
    background:rgba(255,255,255,.24);
    transform:rotate(28deg);
    animation:shineMove 4s ease-in-out infinite;
}

.cta-btn > *{
    position:relative;
    z-index:1;
}

/* Accessibility */
@media (prefers-reduced-motion:reduce){

    html{
        scroll-behavior:auto;
    }

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}