diff --git a/public/index.html b/public/index.html
index aed95e1..3d271c7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -91,7 +91,7 @@ <h3>Common Use Cases</h3>
             <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON" target="_blank" rel="noopener">MDN Web Docs - JSON</a></li>
         </ul>
         <p class="affiliate-disclosure"><small>As an Amazon Associate, we earn from qualifying purchases. This site may contain affiliate links; we may earn a commission at no extra cost to you.</small></p>
-        <p><small><a href="/privacy.html">Privacy Policy</a></small></p>
+        <p><small><a href="/privacy">Privacy Policy</a></small></p>
     </footer>
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-QFE6TJB3X9"></script>
diff --git a/public/privacy.html b/public/privacy.html
index 9b0f4d0..36388a9 100644
--- a/public/privacy.html
+++ b/public/privacy.html
@@ -6,6 +6,69 @@
     <title>Privacy Policy - Python Dict to JSON Converter</title>
     <meta name="description" content="Privacy policy for dict2json.com, the Python dictionary to JSON converter.">
     <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+    <style>
+        :root {
+            --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+            --tooltip-bg: #2d3748;
+        }
+
+        body {
+            margin: 0;
+            font-family: var(--font-family);
+        }
+
+        .content-section {
+            max-width: 80%;
+            margin: 0 auto;
+            padding: 20px;
+            font-family: var(--font-family);
+        }
+
+        .content-section h1 {
+            color: var(--tooltip-bg);
+            margin: 0 0 24px;
+            font-size: 32px;
+        }
+
+        .content-section h2 {
+            color: var(--tooltip-bg);
+            margin: 40px 0 20px;
+            font-size: 24px;
+        }
+
+        .content-section p {
+            line-height: 1.6;
+            color: #4a5568;
+            margin: 15px 0;
+        }
+
+        .content-section ul {
+            margin: 15px 0;
+            padding-left: 20px;
+        }
+
+        .content-section li {
+            line-height: 1.6;
+            margin: 8px 0;
+            color: #4a5568;
+        }
+
+        .content-section a {
+            color: #2563eb;
+            text-decoration: none;
+        }
+
+        .content-section a:hover {
+            text-decoration: underline;
+        }
+
+        @media (max-width: 600px) {
+            .content-section {
+                max-width: 95%;
+                padding: 10px;
+            }
+        }
+    </style>
 </head>
 <body>
 <main class="content-section">
diff --git a/src/styles/layout.css b/src/styles/layout.css
index 66abf3e..8d7f28b 100644
--- a/src/styles/layout.css
+++ b/src/styles/layout.css
@@ -166,7 +166,7 @@ footer li {
         max-width: 95%;
         padding: 10px;
     }
-    
+
     .content-section table {
         display: block;
         overflow-x: auto;
diff --git a/src/styles/variables.css b/src/styles/variables.css
index 2bbd8eb..9061f46 100644
--- a/src/styles/variables.css
+++ b/src/styles/variables.css
@@ -6,4 +6,4 @@
   --success-bg: #059669;
   --success-text: #ffffff;
   --highlight-line: #e3f2fd;
-} 
\ No newline at end of file
+}
\ No newline at end of file
