.navbar{background-color:var(--bg-secondary);box-shadow:0 2px 15px rgba(0,0,0,0.4);padding:1rem 2rem;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center}.logo span{color:var(--highlight)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;position:relative;padding:0.5rem 0;transition:var(--transition)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--highlight);transition:var(--transition)}.nav-link:hover{color:var(--highlight)}.nav-link:hover::after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;width:25px;height:20px;justify-content:space-between;z-index:1100}.hamburger span{display:block;height:3px;background:var(--text-primary);border-radius:2px;transition:all 0.3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media screen and (max-width:900px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--bg-secondary);width:100%;height:calc(100vh - 70px);text-align:center;transition:left 0.3s ease-in-out;box-shadow:0 10px 15px rgba(0,0,0,0.3);padding:2rem 0;gap:1.5rem;overflow-y:auto}.nav-menu.active{left:0}.nav-link{padding:1rem;display:block}}.no-scroll{overflow:hidden}