diff --git a/index.html b/index.html
index cd7ef13..d1e7edf 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,7 @@ <h1 class="site-title">StudyPlan</h1>
 
   <nav class="header-nav">
     <a href="#">Dashboard</a>
-    <a href="#">Tasks</a>
+    <a href="#" id="nav-tasks">Tasks</a>
     <a href="#">Calendar</a>
     <a href="#" id="nav-settings">Settings</a>
   </nav>
@@ -401,6 +401,15 @@ <h3 style="font-size:12px; font-weight:700; text-transform:uppercase; color:var(
   // Settings Modal Logic
   const settingsModal = document.getElementById('settings-modal');
   const navSettings = document.getElementById('nav-settings');
+  const navTasks = document.getElementById('nav-tasks');
+const tasksSection = document.getElementById('tasks-section');
+
+navTasks.addEventListener('click', (e) => {
+    e.preventDefault();
+    tasksSection.scrollIntoView({
+        behavior: 'smooth'
+    });
+});
   const settingsClose = document.getElementById('settings-close');
   const settingsSave = document.getElementById('settings-save');
 
diff --git a/package-lock.json b/package-lock.json
index 5652882..e9685a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,7 @@
         "sqlite3": "^6.0.1"
       },
       "engines": {
-        "node": "20.x"
+        "node": ">=20.x"
       }
     },
     "node_modules/@google/genai": {