@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
        
body {
    font-family: 'Poppins', sans-serif;
}

* {
    transition: all 0.3s ease-in-out;
}
.bg-navbar{
    background: linear-gradient(135deg, #f9fafb, #ffffff);
}
/* Untuk semua browser */
html, body {
    -ms-overflow-style: none;  /* IE & Edge */
    scrollbar-width: none;     /* Firefox */
}

footer {
    background: linear-gradient(to top, #f9fafb, #ffffff);
}
/* Tombol back to top */
#backToTop {
    background: linear-gradient(to top, #f9fafb, #ffffff);
}

/* Loading screen lebih smooth */
#loading-screen {
    transition: opacity 0.6s ease;
    opacity: 1;
}
#loading-screen.fade-out {
    opacity: 0;
    pointer-events: none;
}

/* Logo subtle animation */
.logo-icon {
    animation: floatPulse 1.3s ease-in-out infinite;
}

@keyframes floatPulse {
    0% { transform: translateY(0) scale(1); opacity: 0.8; }
    50% { transform: translateY(-15px) scale(1.05); opacity: 1; }
    100% { transform: translateY(0) scale(1); opacity: 0.8; }
}