/* 1. Global Reset & Body */
    body {
        font-family: 'Plus Jakarta Sans', sans-serif;
        overflow-x: hidden;
        scroll-behavior: smooth;
        padding-top: 0 !important; /* Default 0 buat mobile */
    }

    /* 2. Navigasi Glass - MATI secara default (buat Mobile) */
    .glass-nav {
        display: none !important;
        background-color: white !important;
        border-bottom: 1px solid #e2e8f0 !important;
        height: 80px !important;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
    }

    /* 3. DESKTOP ONLY - Munculin Navigasi (992px ke atas) */
    @media (min-width: 992px) {
        .glass-nav {
            display: flex !important; /* Munculin lagi di laptop */
            align-items: center !important;
        }
        body {
            padding-top: 80px !important; /* Kasih space biar hero gak ketutup nav */
        }
    }

    /* 4. Dropdown Logic (Hanya buat Desktop) */
    .dropdown-menu-custom {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 50;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.3s ease;
        padding-top: 10px; /* Jembatan kursor */
    }

    .group:hover .dropdown-menu-custom {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }

    /* 5. Utility Styles */
    .hero-gradient { background: radial-gradient(circle at top right, #eff6ff, #ffffff); }

    .btn-premium {
        background: #1e40af;
        color: #ffffff !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 10px 15px -3px rgba(30, 64, 175, 0.3);
        border: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .btn-premium:hover {
        background: #1e3a8a;
        transform: translateY(-3px);
        box-shadow: 0 20px 25px -5px rgba(30, 64, 175, 0.4);
        color: #ffffff !important;
    }

    .profile-card {
        background: linear-gradient(145deg, #ffffff, #f8fafc);
        border: 1px solid rgba(30, 64, 175, 0.1);
    }

    @keyframes bounce-slow {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-15px); }
    }
    .animate-bounce-slow {
        animation: bounce-slow infinite;
    }

    /* Efek Overlay agar teks tetap terbaca tajam */
    .bg-hero-overlay {
        background: linear-gradient(rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.8)), url('link-foto-lo.jpg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed; /* Bikin efek parallax dikit */
    }