.navbar{background-color:var(--bg-secondary);box-shadow:var(--shadow);padding:0.8rem 1.5rem;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-around;align-items:center}.logo{display:flex;align-items:center;gap:0.8rem;font-weight:700;font-size:1.5rem;color:var(--text-primary);text-decoration:none}.logo span{color:var(--accent)}.logo-icon{font-size:1.8rem;color:var(--accent)}.nav-menu{display:flex;list-style:none;gap:1.5rem}.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(--accent);transition:var(--transition)}.nav-link:hover{color:var(--accent)}.nav-link:hover::after{width:100%}.theme-toggle{background:none;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;padding:0.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--accent);background-color:var(--bg-tertiary)}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0}.hamburger span{width:2rem;height:0.25rem;background-color:var(--text-primary);border-radius:10px;transition:var(--transition);position:relative;transform-origin:1px}@media (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(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:right 0.4s ease-in-out;box-shadow:-5px 0 25px rgba(0,0,0,0.2)}.nav-menu.active{right:0}.hamburger.active span:nth-child(1){transform:rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:var(--transition);z-index:999}.overlay.active{opacity:1;visibility:visible}}