/* ============================
   Logo Glow — denyut cahaya (dengan translate center)
   ============================ */
@keyframes glowPulse {
    0%, 100% {
        opacity: .6;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.12);
    }
}

/* ============================
   Logo Ring — denyut cincin (dengan translate center)
   ============================ */
@keyframes glowRingPulse {
    0%, 100% {
        opacity: .4;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: .8;
        transform: translate(-50%, -50%) scale(1.08);
    }
}

/* ============================
   Inactivity Bar — peringatan berkedip
   ============================ */
@keyframes barPulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.5; }
}

/* ============================
   Countdown — angka membesar
   ============================ */
@keyframes countPop {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.1); }
}

/* ============================
   Button Shine — kilauan diagonal
   ============================ */
@keyframes btnShine {
    0%, 100% { transform: translateX(-100%) rotate(45deg); }
    50%      { transform: translateX(100%) rotate(45deg); }
}

/* ============================
   Button Ready — denyut hijau
   ============================ */
@keyframes readyPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0,200,83,0.3); }
    50%      { box-shadow: 0 0 0 8px rgba(0,200,83,0); }
}

/* ============================
   Reward — muncul fade + scale
   ============================ */
@keyframes rewardFade {
    from { opacity: 0; transform: scale(0.9); }
    to   { opacity: 1; transform: scale(1); }
}

/* ============================
   Spinner — rotasi loading
   ============================ */
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* ============================
   Smartlink Notice — slide masuk
   ============================ */
@keyframes noticeSlide {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}