increased visibility for pivacy modals; cenetered placement;

frontend/initial.html

@@ -123,14 +123,14 @@
         </div>
     </main>
 
-    <footer class="w-full max-w-[90rem] mx-auto px-10 py-8 mt-auto flex flex-col md:flex-row justify-between items-center text-[10px] font-bold uppercase tracking-[0.2em] z-10" style="color:#444">
-        <div class="mb-4 md:mb-0">
+    <footer class="w-full max-w-[90rem] mx-auto px-10 py-8 mt-auto grid grid-cols-1 md:grid-cols-3 gap-4 items-center text-[11px] font-bold uppercase tracking-[0.2em] z-10" style="color:#777">
+        <div class="text-center md:text-left">
             <button onclick="openAppModal('privacyModal')" class="hover:text-white transition">Privacy Policy</button>
         </div>
-        <div class="mb-4 md:mb-0">
+        <div class="text-center">
             <button onclick="openAppModal('termsModal')" class="hover:text-white transition">Terms & Conditions</button>
         </div>
-        <div>
+        <div class="text-center md:text-right">
             &copy; 2026 UrbanFlow. All rights reserved.
         </div>
     </footer>