diff --git a/views/pages/privacy.php b/views/pages/privacy.php
index bc2f31b..12a9d75 100644
--- a/views/pages/privacy.php
+++ b/views/pages/privacy.php
@@ -1,6 +1,27 @@
+<style>
+body.auth-page {
+    display: block;
+    align-items: unset;
+    justify-content: unset;
+    min-height: 100vh;
+}
+
+body.auth-page .auth-container {
+    max-width: none;
+    width: 100%;
+    padding: 0;
+}
+
+@media (max-width:768px) {
+    .legal-container .legal-card { width: 92% !important; padding: 1.5rem !important; }
+}
+@media (max-width:480px) {
+    .legal-container .legal-card { width: 96% !important; padding: 1rem !important; }
+}
+</style>
 <div class="legal-page">
     <div class="legal-container">
-        <div style="max-width:960px;margin:3rem auto;padding:3rem 3.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,0.18)">
+        <div class="legal-card" style="width:85%;margin:3rem auto;padding:3rem 3.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,0.18)">
             <h1 style="color:var(--text-primary);margin-bottom:0.25rem;font-size:1.8rem;font-weight:700">Privacy Policy</h1>
             <p style="color:var(--text-muted);font-size:0.9rem;margin-bottom:2rem">Last updated: June 2026</p>
             <hr style="border-color:var(--border-color);margin-bottom:2rem;opacity:0.5">
diff --git a/views/pages/terms.php b/views/pages/terms.php
index f2034bc..9a42ca3 100644
--- a/views/pages/terms.php
+++ b/views/pages/terms.php
@@ -1,6 +1,27 @@
+<style>
+body.auth-page {
+    display: block;
+    align-items: unset;
+    justify-content: unset;
+    min-height: 100vh;
+}
+
+body.auth-page .auth-container {
+    max-width: none;
+    width: 100%;
+    padding: 0;
+}
+
+@media (max-width:768px) {
+    .legal-container .legal-card { width: 92% !important; padding: 1.5rem !important; }
+}
+@media (max-width:480px) {
+    .legal-container .legal-card { width: 96% !important; padding: 1rem !important; }
+}
+</style>
 <div class="legal-page">
     <div class="legal-container">
-        <div style="max-width:960px;margin:3rem auto;padding:3rem 3.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,0.18)">
+        <div class="legal-card" style="width:85%;margin:3rem auto;padding:3rem 3.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,0.18)">
             <h1 style="color:var(--text-primary);margin-bottom:0.25rem;font-size:1.8rem;font-weight:700">Terms & Conditions</h1>
             <p style="color:var(--text-muted);font-size:0.9rem;margin-bottom:2rem">Last updated: June 2026</p>
             <hr style="border-color:var(--border-color);margin-bottom:2rem;opacity:0.5">