.glass-nav {
        position: fixed;
        /* Spacing from top and sides */
        top: 10px;
        left: 10px;
        right: 10px;
        /* Width adjusted for the 10px space on both sides */
        width: calc(100% - 20px); 
        
        z-index: 2000;
        background: var(--glass-bg);
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        
        /* Floating Look */
        border: 1px solid var(--glass-border);
        border-radius: 56px; /* Rounded corners */
        box-shadow: var(--shadow);
        
        height: 48px;
        display: flex;
        align-items: center;
        transition: all 0.3s ease;
    }

    .nav-container {
        width: 100%;
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* Adjusting the Mobile Menu for the Floating Style */
    @media (max-width: 1024px) {
        .nav-menu {
            position: absolute;
            /* Anchors the mobile menu to the floating bar */
            top: 75px; 
            left: 0;
            width: 100%;
            background: var(--glass-bg);
            backdrop-filter: blur(30px);
            border-radius: 16px;
            border: 1px solid var(--glass-border);
            /* Hidden by default */
            height: 0;
            opacity: 0;
            pointer-events: none;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .nav-menu.active {
            height: auto;
            padding: 20px;
            opacity: 1;
            pointer-events: all;
            box-shadow: var(--shadow);
        }
    }