.main-header{background:var(--joy-dark);z-index:1000;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:18px 5%;font-family:Inter,sans-serif;display:flex;position:sticky;top:0}.logo{color:#fff;letter-spacing:-1px;font-family:Poppins,sans-serif;font-size:26px;font-weight:800;text-decoration:none}.logo span{color:var(--joy-yellow)}.desktop-nav{align-items:center;gap:25px;list-style:none;display:flex}.desktop-nav li a{color:#cbd5e1;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.desktop-nav li a:hover{color:var(--joy-yellow)}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;gap:5px;display:none}.hamburger span{background:#fff;border-radius:2px;width:24px;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}@media (max-width:1024px){.hamburger{display:flex}.desktop-nav{background:var(--joy-dark);border-top:1px solid #ffffff14;flex-direction:column;gap:0;width:100%;padding:25px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 15px -3px #0000004d}.desktop-nav.active{display:flex}.desktop-nav li{text-align:center;width:100%}.desktop-nav li a{width:100%;padding:12px 0;font-size:15px;display:block}.desktop-nav li a:hover{background:#ffffff08}}