/* Mengatasi area aman untuk device mobile modern (seperti iPhone berponi) */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
}

/* Background gradient halus */
.dynamic-bg {
    background-image: linear-gradient(to bottom, #050608, #090c13);
}

/* Animasi Maskot Mengambang */
@keyframes float {
    0% { transform: translateY(0px) scale(1); }
    50% { transform: translateY(-10px) scale(1.02); }
    100% { transform: translateY(0px) scale(1); }
}

.floating-animation {
    animation: float 4s ease-in-out infinite;
}

/* Animasi Ganti Tab (Fade In) */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.3s ease-out forwards;
}

/* Efek Scroll Reveal */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-out;
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Sembunyikan Scrollbar pada Slider */
.hide-scrollbar::-webkit-scrollbar { 
    display: none; 
}
.hide-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}