    /* Base Navbar Styles */
    #mainNavbar {
        background-color: transparent;
        padding: 20px 0;
        transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateY(-100%);
        opacity: 0;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
    }

    #mainNavbar.navbar-scrolled {
        background-color: rgba(0, 0, 0, 0.9);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        padding: 10px 0;
        transform: translateY(0);
        opacity: 1;
    }

    /* Mobile Menu Styles */
    @media (max-width: 991.98px) {
        #mainNavbar {
            padding: 15px 0;
            transform: translateY(0);
            opacity: 1;
            background-color: rgba(0, 0, 0, 0.9);
            backdrop-filter: blur(10px);
        }
        
        #mainNavbar.navbar-scrolled {
            padding: 10px 0;
        }
        
        .navbar-collapse {
            position: fixed;
            top: 70px;
            left: 0;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            padding: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            max-height: calc(100vh - 70px);
            overflow-y: auto;
            transition: all 0.4s ease;
            transform: translateY(-20px);
            opacity: 0;
            visibility: hidden;
        }
        
        .navbar-collapse.show {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
        }
        
        .nav-item {
            margin: 10px 0;
        }
        
        .nav-link {
            padding: 12px 0;
            font-size: 1.1rem;
        }
        
        .navbar-toggler {
            position: relative;
            border: none;
            background: transparent !important;
            width: 30px;
            height: 30px;
            padding: 0;
        }
        
        .navbar-toggler-icon,
        .close-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.3s ease;
        }
        
        .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
            opacity: 0;
        }
        
        .navbar-toggler[aria-expanded="true"] .close-icon {
            opacity: 1;
        }
        
        .close-icon {
            opacity: 0;
            color: #fff;
            font-size: 1.5rem;
        }
    }

    /* Desktop Styles */
    .navbar-brand {
        font-weight: 700;
        font-size: 1.8rem;
        transition: all 0.3s ease;
    }

    .navbar-brand span {
        color: #fff;
    }

    .nav-link {
        position: relative;
        margin: 0 10px;
        font-weight: 500;
        padding: 8px 0;
    }

    .nav-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #f8b400;
        transition: width 0.3s ease;
    }

    .nav-link:hover::after,
    .nav-link.active::after {
        width: 100%;
    }

    .btn-primary {
        background-color: #f8b400;
        border: none;
        border-radius: 50px;
        padding: 8px 20px;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .btn-primary:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(248, 180, 0, 0.4);
    }