.navbar{z-index:1000;background:#0b0b0b;padding:25px 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;width:90%;max-width:1220px;margin:auto;display:flex}.logo{color:#00ff9d;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:500;text-decoration:none}.logo span{color:#fff}.nav-menu{align-items:center;gap:40px;margin-left:auto;list-style:none;display:flex}.nav-menu a{color:#fff;font-family:Inter,sans-serif;font-size:18px;text-decoration:none;transition:all .3s}.nav-menu a:hover{color:#00ff9d}.nav-btn{cursor:pointer;color:#000;background:#00ff9d;border:none;padding:10px 22px;font-size:16px;transition:all .3s}.nav-btn:hover{color:#000;background:#fff}.hamburger{cursor:pointer;flex-direction:column;gap:5px;margin-left:20px;display:none}.hamburger span{background:#fff;width:25px;height:3px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(6px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (max-width:1199px){.navbar{width:100%}.nav-container{width:100%;padding:0 20px;position:relative}.nav-menu{background:#0b0b0b;flex-direction:column;align-items:center;gap:30px;width:100%;height:calc(100vh - 70px);padding:40px 0;display:none;position:absolute;top:40px;left:0;overflow-y:auto}.nav-menu.active,.hamburger{display:flex}}@media (max-width:767px){.logo{font-size:20px}.nav-menu a{font-size:16px}}