body {
    font-family: 'Figtree', sans-serif;
    background-color: #0b131e;
    -webkit-tap-highlight-color: transparent;
}

.font-heading {
    font-family: 'Outfit', sans-serif;
}

.font-score {
    font-family: 'Space Grotesk', sans-serif;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Pola Grid Hero Banner Persis Desain Pertama */
.hero-court-pattern {
    background-color: #0d9488;
    background-image:
        linear-gradient(135deg, rgba(15, 118, 110, 0.94) 0%, rgba(13, 148, 136, 0.88) 100%),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.06) 0px, rgba(255, 255, 255, 0.06) 14px, transparent 14px, transparent 28px),
        repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.06) 0px, rgba(255, 255, 255, 0.06) 14px, transparent 14px, transparent 28px);
}

@keyframes pulseSoft {

    0%,
    100% {
        transform: scale(1) rotate(0deg);
    }

    50% {
        transform: scale(1.05) rotate(6deg);
    }
}

.animate-ball-slow {
    animation: pulseSoft 4s ease-in-out infinite;
}