body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    -webkit-tap-highlight-color: transparent;
}

.btn-touch:active {
    transform: scale(0.97);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #005696;
    border-radius: 4px;
}

/* ANIMASI MASKOT BERGERAK */
@keyframes mascotFloat {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-12px) rotate(2deg);
    }
}

@keyframes mascotBounce {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-8px);
    }
}

.animate-mascot-float {
    animation: mascotFloat 4s ease-in-out infinite;
}

.animate-mascot-bounce {
    animation: mascotBounce 2.5s ease-in-out infinite;
}