diff --git a/src/pages/[lang]/antifp.astro b/src/pages/[lang]/antifp.astro
index 981bf1b..930dc81 100644
--- a/src/pages/[lang]/antifp.astro
+++ b/src/pages/[lang]/antifp.astro
@@ -24,7 +24,7 @@ const metadata = {
 ---
 
 <Layout metadata={metadata}>
-  <div class="max-w-3xl mx-auto px-4 py-8">
+  <div class="max-w-3xl mx-auto px-4 py-8 backdrop-blur-sm bg-white/70 dark:bg-slate-900/70 rounded-xl shadow">
     <h1 class="text-3xl font-bold mb-4">{t.title}</h1>
     <p class="mb-4">
       <a href="https://greasyfork.org/en/scripts/534570-anti-fingerprinting-shield-plus" target="_blank" rel="noopener noreferrer" class="text-blue-600 underline">{t.viewOnGreasyFork}</a>
@@ -41,7 +41,7 @@ const metadata = {
     <h2 class="text-2xl font-semibold mb-4">{t.features.title}</h2>
     <ul class="list-disc list-inside mb-8 space-y-2">
       {t.features.items.map((item) => (
-        <li class="text-gray-700">{item}</li>
+        <li class="text-gray-700 dark:text-slate-200">{item}</li>
       ))}
     </ul>
 
@@ -56,7 +56,7 @@ const metadata = {
     <h2 class="text-2xl font-semibold mb-4">{t.notes.title}</h2>
     <ul class="list-disc list-inside mb-8 space-y-2">
       {t.notes.items.map((item) => (
-        <li class="text-gray-700">{item}</li>
+        <li class="text-gray-700 dark:text-slate-200">{item}</li>
       ))}
     </ul>
 
diff --git a/src/pages/[lang]/eap.astro b/src/pages/[lang]/eap.astro
index 9696af2..f828aea 100644
--- a/src/pages/[lang]/eap.astro
+++ b/src/pages/[lang]/eap.astro
@@ -24,14 +24,14 @@ const metadata = {
 ---
 
 <Layout metadata={metadata}>
-  <div class="max-w-3xl mx-auto px-4 py-8">
+  <div class="max-w-3xl mx-auto px-4 py-8 backdrop-blur-sm bg-white/70 dark:bg-slate-900/70 rounded-xl shadow">
     <h1 class="text-3xl font-bold mb-4">{eap.title}</h1>
     <p class="mb-6 text-lg">{eap.intro}</p>
 
     <h2 class="text-2xl font-semibold mb-4">{eap.whatItDoes.title}</h2>
     <ul class="list-disc list-inside mb-4 space-y-2">
       {eap.whatItDoes.items.map((item) => (
-        <li class="text-gray-700">{item}</li>
+        <li class="text-gray-700 dark:text-slate-200">{item}</li>
       ))}
     </ul>
     <figure class="mb-8">
@@ -49,14 +49,14 @@ const metadata = {
     <h2 class="text-2xl font-semibold mb-4">{eap.privacy.title}</h2>
     <ul class="list-disc list-inside mb-8 space-y-2">
       {eap.privacy.items.map((item) => (
-        <li>{item}</li>
+        <li class="dark:text-slate-200">{item}</li>
       ))}
     </ul>
 
     <h2 class="text-2xl font-semibold mb-4">{eap.notDo.title}</h2>
     <ul class="list-disc list-inside mb-8 space-y-2">
       {eap.notDo.items.map((item) => (
-        <li>{item}</li>
+        <li class="dark:text-slate-200">{item}</li>
       ))}
     </ul>
 
@@ -74,14 +74,14 @@ const metadata = {
     <h2 class="text-2xl font-semibold mb-4">{eap.audience.title}</h2>
     <ul class="list-disc list-inside mb-8 space-y-2">
       {eap.audience.items.map((item) => (
-        <li>{item}</li>
+        <li class="dark:text-slate-200">{item}</li>
       ))}
     </ul>
 
     <h2 class="text-2xl font-semibold mb-4">{eap.requirements.title}</h2>
     <ul class="list-disc list-inside mb-8 space-y-2">
       {eap.requirements.items.map((item) => (
-        <li>{item}</li>
+        <li class="dark:text-slate-200">{item}</li>
       ))}
     </ul>
 
@@ -89,20 +89,20 @@ const metadata = {
     <strong>{eap.troubleshooting.notFlagged}</strong>
     <ul class="list-disc list-inside mb-4 ml-4">
       {eap.troubleshooting.notFlaggedReasons.map((item) => (
-        <li>{item}</li>
+        <li class="dark:text-slate-200">{item}</li>
       ))}
     </ul>
     <strong>{eap.troubleshooting.falsePositive}</strong>
     <ul class="list-disc list-inside mb-8 ml-4">
       {eap.troubleshooting.falsePositiveReasons.map((item) => (
-        <li>{item}</li>
+        <li class="dark:text-slate-200">{item}</li>
       ))}
     </ul>
 
     <h2 class="text-2xl font-semibold mb-4">{eap.updates.title}</h2>
     <ul class="list-disc list-inside mb-8 space-y-2">
       {eap.updates.features.map((item) => (
-        <li>{item}</li>
+        <li class="dark:text-slate-200">{item}</li>
       ))}
     </ul>