/* Floating Glass Navbar */

nav {

    position: fixed;

    top: 20px;

    left: 50%;

    transform: translateX(-50%);


    width: 80%;

    height: 52px;


    display: flex;

    align-items: center;

    justify-content: space-between;


    padding: 0 22px;


    background: rgba(255,255,255,0.08);

    backdrop-filter: blur(20px);


    border: 1px solid rgba(255,255,255,0.15);

    border-radius: 30px;


    z-index: 999;

}


/* Logo */

.logo {

    color:white;

    font-size:24px;

    font-weight:800;

    letter-spacing:1px;

    text-decoration:none;

}


.logo span {

    background:linear-gradient(
        135deg,
        #00bfff,
        #8a2be2
    );

    background-clip:text;
    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

/* Menu */

nav ul {

    display:flex;

    gap:35px;

    list-style:none;

}


nav ul a {

    color:#ddd;

    text-decoration:none;

    font-size:15px;

    transition:0.3s;

}


nav ul a:hover {

    color:#00bfff;

}

/* Hire Button */

.nav-btn:hover {

    padding: 10px 22px;

    background: linear-gradient(135deg,
            #00bfff,
            #8a2be2);


    border-radius: 25px;

    color: white;

    text-decoration: none;

    font-size: 14px;

}
.menu-toggle {

    display:none;

    background:none;

    border:none;

    color:white;

    font-size:28px;

    cursor:pointer;

}


.nav-links {

    display:none;

}


.nav-links.active {

    display:flex;

}
/* Desktop Navbar */

.nav-links {

    display:flex;

    align-items:center;

    gap:30px;

}


.menu-toggle {

    display:none;

}