.navbar{
position:fixed;
top:20px;
left:0;
right:0;
z-index:1000;
transition:.35s;
}
.nav-wrapper{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 30px;
}
.logo{
display:flex;
align-items:center;
gap:14px;
}
.logo img{
height:64px;
filter:drop-shadow(0 0 18px rgba(255,122,0,.45));
transition:.35s;
}
.logo img:hover{transform:scale(1.06) rotate(-3deg)}
.logo h3{font-size:24px}
.logo span{font-size:13px;color:var(--muted)}

.desktop-nav ul{
display:flex;
list-style:none;
gap:32px;
align-items:center;
}
.desktop-nav li{position:relative}
.desktop-nav a{
font-weight:500;
padding:10px 0;
transition:.3s;
}
.desktop-nav a:hover{color:var(--primary)}

.nav-actions{
display:flex;
gap:14px;
}




/*=========================================================

PATCH 2
Sticky Navbar

=========================================================*/

.navbar{

transition:

top .35s ease,

background .35s ease,

box-shadow .35s ease,

backdrop-filter .35s ease;

}

.navbar-scrolled{

top:8px !important;

background:rgba(8,8,8,.88);

backdrop-filter:blur(28px);

box-shadow:

0 20px 60px rgba(0,0,0,.40),

0 0 20px rgba(255,122,0,.08);

border:1px solid rgba(255,255,255,.06);

}



.desktop-nav a{

position:relative;

}



.desktop-nav a::after{

content:"";

position:absolute;

left:0;

bottom:-8px;

height:2px;

width:0;

background:linear-gradient(

90deg,

#ff7a00,

#ffae42

);

transition:.35s;

}



.desktop-nav a:hover::after,

.desktop-nav a.active-link::after{

width:100%;

}



.desktop-nav a.active-link{

color:#ff7a00;

}

/*=========================================================

PATCH 3
Professional Dropdown

=========================================================*/

.dropdown{

position:relative;

}

.dropdown>a{

display:flex;

align-items:center;

gap:8px;

}

.dropdown-menu{

position:absolute;

left:0;

top:58px;

width:280px;

padding:12px;

display:flex;

flex-direction:column;

gap:6px;

background:rgba(10,10,10,.95);

border:1px solid rgba(255,255,255,.08);

border-radius:18px;

backdrop-filter:blur(24px);

box-shadow:

0 25px 60px rgba(0,0,0,.45);

opacity:0;

visibility:hidden;

pointer-events:none;

transform:

translateY(18px)

scale(.98);

transition:

opacity .28s ease,

transform .28s ease,

visibility .28s ease;

z-index:9999;

}

.dropdown-menu.show{

opacity:1;

visibility:visible;

pointer-events:auto;

transform:

translateY(0)

scale(1);

}

.dropdown-menu li{

list-style:none;

}

.dropdown-menu a{

display:block;

padding:14px 16px;

border-radius:12px;

font-size:15px;

transition:.28s;

}

.dropdown-menu a:hover{

padding-left:24px;

background:

rgba(255,122,0,.12);

color:#ff7a00;

}