@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');
body { font-family: 'Plus Jakarta Sans', sans-serif; scroll-behavior: smooth; }

.hero-bg {
    background: linear-gradient(rgba(1, 61, 1, 0.85), rgba(6, 78, 59, 0.85)), 
                url('https://images.unsplash.com/photo-1590076215667-873d3148f070?auto=format&fit=crop&q=80&w=1600');
    background-size: cover;
    background-position: center;
}

.dropdown-menu { 
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
    transition-delay: 0.3s; /* Jeda sebelum hilang */
    display: block; 
    transform: translateY(-5px);
}
.dropdown:hover .dropdown-menu { 
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s; /* Muncul tanpa jeda */
}

/* Animasi Transisi Halaman */
.page-content { display: none; animation: fadeIn 0.5s ease-out; }
.page-active { display: block; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Modal Style */
#loginModal {
    display: none;
    position: fixed;
    z-index: 200;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}