diff --git a/frontend/src/pages/ConsentDashboard.module.css b/frontend/src/pages/ConsentDashboard.module.css
index dad93f6..8f2dac8 100644
--- a/frontend/src/pages/ConsentDashboard.module.css
+++ b/frontend/src/pages/ConsentDashboard.module.css
@@ -142,3 +142,25 @@
   margin: 0;
   font-size: 0.9375rem;
 }
+
+/* ── Responsive ────────────────────────────────────────────────────────────── */
+
+@media (max-width: 400px) {
+  .videoRow {
+    padding: 1rem;
+  }
+
+  .toggleRow {
+    flex-wrap: wrap;
+    gap: 0.5rem;
+  }
+
+  .heading {
+    font-size: 1.125rem;
+  }
+
+  .historyEntry {
+    font-size: 0.75rem;
+    padding: 0.25rem 0.375rem;
+  }
+}
diff --git a/frontend/src/pages/CreatorSettings.module.css b/frontend/src/pages/CreatorSettings.module.css
index 7d3606f..d4e8989 100644
--- a/frontend/src/pages/CreatorSettings.module.css
+++ b/frontend/src/pages/CreatorSettings.module.css
@@ -113,3 +113,20 @@
   border-top: 1px solid var(--color-border);
   margin: 1.25rem 0;
 }
+
+/* ── Responsive ────────────────────────────────────────────────────────────── */
+
+@media (max-width: 400px) {
+  .section {
+    padding: 1rem;
+  }
+
+  .heading {
+    font-size: 1.125rem;
+  }
+
+  .button {
+    width: 100%;
+    text-align: center;
+  }
+}
diff --git a/frontend/src/pages/Login.module.css b/frontend/src/pages/Login.module.css
index 6a2e143..f220130 100644
--- a/frontend/src/pages/Login.module.css
+++ b/frontend/src/pages/Login.module.css
@@ -111,3 +111,15 @@
 .link:hover {
   text-decoration: underline;
 }
+
+/* ── Responsive ────────────────────────────────────────────────────────────── */
+
+@media (max-width: 400px) {
+  .card {
+    padding: 1.5rem 1rem;
+  }
+
+  .title {
+    font-size: 1.25rem;
+  }
+}
diff --git a/frontend/src/pages/Register.module.css b/frontend/src/pages/Register.module.css
index e96175b..f2968e5 100644
--- a/frontend/src/pages/Register.module.css
+++ b/frontend/src/pages/Register.module.css
@@ -114,3 +114,15 @@
 .link:hover {
   text-decoration: underline;
 }
+
+/* ── Responsive ────────────────────────────────────────────────────────────── */
+
+@media (max-width: 400px) {
+  .card {
+    padding: 1.5rem 1rem;
+  }
+
+  .title {
+    font-size: 1.25rem;
+  }
+}