.navbar{background-color:var(--dark);color:var(--light);padding:1rem 2rem;position:relative;box-shadow:var(--shadow)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:var(--light);text-decoration:none;display:flex;align-items:center;gap:0.5rem}.logo-accent{color:var(--secondary);position:relative}.logo-accent::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--secondary);transform:scaleX(0);transform-origin:right;transition:transform 0.3s ease}.logo:hover .logo-accent::after{transform:scaleX(1);transform-origin:left}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--light);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:100%;height:2px;background:var(--secondary);transform:scaleX(0);transform-origin:right;transition:transform 0.3s ease}.nav-link:hover{color:var(--secondary)}.nav-link:hover::after{transform:scaleX(1);transform-origin:left}.hamburger{display:none;cursor:pointer;background:none;border:none;flex-direction:column;justify-content:space-between;width:30px;height:21px}.hamburger span{height:3px;width:100%;background-color:var(--light);border-radius:3px;transition:var(--transition)}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media screen and (max-width:768px){.hamburger{display:flex;z-index:1001}.nav-menu{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background-color:var(--dark);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:right 0.5s ease;z-index:1000;box-shadow:-5px 0 15px rgba(0,0,0,0.2)}.nav-menu.active{right:0}.nav-link{font-size:1.2rem;padding:0.5rem 1rem}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:999}.overlay.active{opacity:1;visibility:visible}}