diff --git a/templates/index.html b/templates/index.html
index 77e0986..f4b24e4 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -20,7 +20,8 @@
     }
   </script>
   <style>
-    body { background: #fafaf9; color: #0c0a09; font-family: 'Space Grotesk', sans-serif; }
+    html, body { height: 100%; }
+    body { background: #fafaf9; color: #0c0a09; font-family: 'Space Grotesk', sans-serif; overflow-x: hidden; }
     .card-enter { animation: fadeUp .25s ease both; }
     @keyframes fadeUp { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
     .spinner { animation: spin .9s linear infinite; }
@@ -130,7 +131,7 @@
     </div>
   </div>
 
-  <main class="max-w-2xl mx-auto px-6" style="min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:2rem;padding-bottom:22rem">
+  <main class="max-w-2xl mx-auto px-6" style="display:flex;flex-direction:column;justify-content:center;padding-top:2rem;padding-bottom:4rem;min-height:calc(100vh - 60px)">
 
     <!-- ── FORM ── -->
     <section id="form-section" class="py-12 relative">