.navbar{background-color:var(--bg-secondary);padding:1rem 2rem;box-shadow:0 2px 10px rgba(0,0,0,0.3);position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo a{color:var(--text-primary);text-decoration:none;font-size:1.5rem;font-weight:bold;transition:var(--transition)}.nav-logo a:hover{color:var(--accent-color)}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{font-size:14px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition);padding:0.5rem 1rem;border-radius:6px;position:relative}.nav-link:hover{color:var(--text-primary);background-color:rgba(99,102,241,0.1)}.nav-link::before{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:var(--accent-color);transition:var(--transition);transform:translateX(-50%)}.nav-link:hover::before{width:80%}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:0.5rem}.bar{width:25px;height:3px;background-color:var(--text-primary);margin:2px 0;transition:var(--transition);border-radius:2px}@media screen and (max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--bg-secondary);width:100%;text-align:center;transition:var(--transition);box-shadow:0 10px 27px rgba(0,0,0,0.3);padding:2rem 0;gap:1.5rem}.nav-menu.active{left:0}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media screen and (max-width:480px){.navbar{padding:1rem}.nav-logo a{font-size:1.2rem}.nav-link{font-size:18px}}