/* Animasi Pulse Neon */
@keyframes ultraGlow {
    0%,
    100% {
        box-shadow:
            0 0 0 0 rgba(255, 193, 7, 0.7),
            0 8px 25px rgba(13, 110, 253, 0.5);
        transform: scale(1);
    }
    50% {
        box-shadow:
            0 0 0 12px rgba(255, 193, 7, 0),
            0 12px 35px rgba(13, 110, 253, 0.8);
        transform: scale(1.04);
    }
}

/* Animasi Kilatan Cahaya */
@keyframes shimmerEffect {
    0% {
        transform: translateX(-150%) skewX(-25deg);
    }
    100% {
        transform: translateX(250%) skewX(-25deg);
    }
}

/* Animasi Petir Getar */
@keyframes boltShake {
    0%,
    100% {
        transform: scale(1) rotate(0deg);
    }
    20% {
        transform: scale(1.3) rotate(-15deg);
    }
    40% {
        transform: scale(1.3) rotate(15deg);
    }
    60% {
        transform: scale(1.1) rotate(-5deg);
    }
}

.ultra-highlight-box {
    animation: ultraGlow 2s infinite ease-in-out;
}

.ultra-highlight-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.5),
        transparent
    );
    animation: shimmerEffect 2.5s infinite;
    pointer-events: none;
}

.animated-bolt {
    display: inline-block;
    animation: boltShake 1.5s infinite ease-in-out;
}

.btn-app {
    background-color: #000;
    width: 185px;
    height: 58px;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.btn-app:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Styling Overlay Bonus Card */
.bonus-card-overlay {
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    z-index: 4;
}

@media (max-width: 575.98px) {
    .bonus-card-overlay {
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
        width: 100%;
        margin-top: -20px;
    }
}

html {
    scroll-behavior: smooth;
}