/* Navbar */
        .navbar {
            position: absolute;
            top:0; left:0; width:100%; z-index:1000;
            padding:24px 5vw;
            background:rgba(0,0,0,0.4);
            backdrop-filter:blur(6px);
        }
        .nav-container {
            max-width:1400px; margin:0 auto;
            display:flex; justify-content:space-between; align-items:center;
        }
        .logo img { height:68px; width:auto; }
        .nav-links {
            display:flex; list-style:none; gap:36px; align-items:center;
        }
        .nav-links a {
            color:white; text-decoration:none; font-weight:500; font-size:1.05rem;
            transition:var(--transition);
        }
        .nav-links a:hover { color:var(--primary); }
        .contact-btn {
            background:var(--primary); color:white !important;
            padding:10px 26px; border-radius:8px;
        }
        .hamburger { display:none; flex-direction:column; gap:6px; cursor:pointer; }
        .hamburger span { width:28px; height:3px; background:white; transition: all 0.3s ease; }
        
        .hamburger.active span:nth-child(1) {
            transform: rotate(45deg) translate(8px, 8px);
        }
        
        .hamburger.active span:nth-child(2) {
            opacity: 0;
        }
        
        .hamburger.active span:nth-child(3) {
            transform: rotate(-45deg) translate(7px, -7px);
        }

    /* Navbar Dropdown Styles */
    .nav-links .dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(255,255,255,0.98);
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    padding: 8px 0;
    margin-top: 8px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}


.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu a {
    display: block;
    padding: 12px 20px;
    color: var(--text-dark);
}

.dropdown-menu a:hover {
    background: #f5f5f5;
}

        /* Mobile Dropdown */
        @media (max-width: 768px) {
            .dropdown-menu {
                position: static;
                opacity: 1;
                visibility: visible;
                transform: none;
                background: rgba(255,255,255,0.05);
                margin: 0;
                padding: 0;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.4s ease;
                border-radius: 0;
            }
            
            .dropdown.active .dropdown-menu {
                max-height: 500px;
                padding: 5px 0;
            }
            
            .dropdown-menu a {
                padding: 12px 30px 12px 50px;
                font-size:0.95rem;
                color: rgba(255,255,255,0.85) !important;
                border-bottom:1px solid rgba(255,255,255,0.05);
            }
            
            .dropdown-menu a:hover {
                color: white !important;
                background: rgba(255,255,255,0.1);
            }
            
            .dropdown-menu a:last-child {
                border-bottom:none;
            }
        }

        /* Responsive */
        @media (max-width:992px) {
            .nav-links {
                display:none;
                position:fixed;
                top:0; 
                left:0; 
                width:70%;
                max-width:350px;
                height:auto;
                max-height:85vh;
                background:rgba(0,0,0,0.95);
                flex-direction:column;
                justify-content:flex-start;
                align-items:stretch;
                padding:80px 0 30px 0;
                gap:0;
                z-index:999;
                overflow-y:auto;
                transform:translateX(-100%);
                transition:transform 0.3s ease;
                border-radius:0 20px 20px 0;
            }
            
            .nav-links.active { 
                display:flex;
                transform:translateX(0);
            }
            
            .nav-links li {
                width:100%;
                text-align:left;
                border-bottom:1px solid rgba(255,255,255,0.1);
            }
            
            .nav-links > li > a {
                display:block;
                color:white !important;
                font-size:1.1rem;
                padding:18px 30px;
                border:none;
            }
            
            .contact-btn {
                background:var(--primary);
                border-radius:50px;
                padding:14px 30px;
                font-size:1rem;
                margin:20px 30px;
                text-align:center;
            }
            
            .hamburger { 
                display:flex; 
                z-index:1001;
            }
            
            /* Close button */
            .nav-links::before {
                content:'×';
                position:absolute;
                top:20px;
                right:20px;
                font-size:2.5rem;
                color:white;
                cursor:pointer;
                width:40px;
                height:40px;
                display:flex;
                align-items:center;
                justify-content:center;
            }
        }