diff --git a/static/style.css b/static/style.css
index 0883029d..698401aa 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2148,4 +2148,17 @@ select:focus {
 
 #scroll-top-btn.visible {
     display: flex;
+}
+
+.noscript-warning {
+  background-color: #fff3cd;
+  color: #856404;
+  border: 1px solid #ffc107;
+  border-bottom: 2px solid #ffc107;
+  padding: 1rem 1.5rem;
+  margin-top: 64px;   /* pushes below the fixed 64px navbar */
+  text-align: center;
+  font-size: 1rem;
+  font-weight: 500;
+  width: 100%;
 }
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 983c97cb..df16c891 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -41,6 +41,15 @@
     </div>
   </nav>
 
+ <!-- ============================================================
+       No-Script Fallback
+       ============================================================ -->
+  <noscript>
+    <div class="noscript-warning">
+      <p>JavaScript is required to use DevPath. Please enable JavaScript in your browser settings and reload the page.</p>
+    </div>
+  </noscript>
+  
   <!-- ============================================================
        Hero Section
        ============================================================ -->