From 5d92585bc73abf9f264ff0eba55f58db3f18da48 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Wed, 4 Feb 2026 02:02:50 +0100
Subject: [PATCH 01/13] feat(i18n,ui): add cookie policy page

---
 app/components/AppFooter.vue        |   8 +-
 app/components/BuildEnvironment.vue |   2 +-
 app/pages/cookie-policy.vue         | 195 ++++++++++++++++++++++++++++
 i18n/locales/en.json                |  48 +++++++
 lunaria/files/en-GB.json            |  48 +++++++
 lunaria/files/en-US.json            |  48 +++++++
 6 files changed, 347 insertions(+), 2 deletions(-)
 create mode 100644 app/pages/cookie-policy.vue

diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
index 12a17dab3..809b5217e 100644
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -11,13 +11,18 @@ const isHome = computed(() => route.name === 'index')
       >
         <div>
           <p class="font-mono text-balance m-0 hidden sm:block">{{ $t('tagline') }}</p>
-          <BuildEnvironment v-if="!isHome" footer />
         </div>
         <!-- Desktop: Show all links. Mobile: Links are in MobileMenu -->
         <div class="hidden sm:flex items-center gap-6">
           <NuxtLink to="/about" class="link-subtle font-mono text-xs min-h-11 flex items-center">
             {{ $t('footer.about') }}
           </NuxtLink>
+          <NuxtLink
+            to="/cookie-policy"
+            class="link-subtle font-mono text-xs min-h-11 flex items-center gap-1 lowercase"
+          >
+            {{ $t('cookie_policy.title') }}
+          </NuxtLink>
           <a
             href="https://docs.npmx.dev"
             target="_blank"
@@ -56,6 +61,7 @@ const isHome = computed(() => route.name === 'index')
           </a>
         </div>
       </div>
+      <BuildEnvironment v-if="!isHome" footer />
       <p class="text-xs text-fg-muted text-center sm:text-start m-0">
         <span class="sm:hidden">{{ $t('non_affiliation_disclaimer') }}</span>
         <span class="hidden sm:inline">{{ $t('trademark_disclaimer') }}</span>
diff --git a/app/components/BuildEnvironment.vue b/app/components/BuildEnvironment.vue
index 6482f2bb9..e9ae39600 100644
--- a/app/components/BuildEnvironment.vue
+++ b/app/components/BuildEnvironment.vue
@@ -10,7 +10,7 @@ const buildInfo = useAppConfig().buildInfo
 <template>
   <div
     class="font-mono text-xs text-fg-muted flex items-center gap-2 motion-safe:animate-fade-in motion-safe:animate-fill-both"
-    :class="footer ? 'mt-4 justify-start' : 'mb-8 justify-center'"
+    :class="footer ? 'mt-0 mb-3 justify-center sm:justify-start' : 'mb-8 justify-center'"
     style="animation-delay: 0.05s"
   >
     <i18n-t keypath="built_at" scope="global">
diff --git a/app/pages/cookie-policy.vue b/app/pages/cookie-policy.vue
new file mode 100644
index 000000000..157f39593
--- /dev/null
+++ b/app/pages/cookie-policy.vue
@@ -0,0 +1,195 @@
+<script setup lang="ts">
+definePageMeta({
+  name: 'cookie-policy',
+})
+
+useSeoMeta({
+  title: () => `${$t('cookie_policy.title')} - npmx`,
+  description: () => $t('cookie_policy.welcome', { app: 'npmx' }),
+})
+
+defineOgImageComponent('Default', {
+  title: () => $t('cookie_policy.title'),
+  description: () => $t('cookie_policy.welcome', { app: 'npmx' }),
+})
+</script>
+
+<template>
+  <main class="container flex-1 py-12 sm:py-16 w-full">
+    <article class="max-w-3xl mx-auto">
+      <header class="mb-8 pb-8 border-b border-border">
+        <h1 class="font-mono text-3xl sm:text-4xl font-medium mb-4 lowercase">
+          {{ $t('cookie_policy.title') }}
+        </h1>
+        <p class="text-fg-muted">
+          {{
+            $t('cookie_policy.last_updated', {
+              date: '', // Placeholder, NuxtTime handles the date
+            })
+          }}
+          <NuxtTime :datetime="new Date('2025-07-03')" date-style="long" />
+        </p>
+      </header>
+
+      <div class="prose prose-invert max-w-none text-fg-muted">
+        <p>
+          <i18n-t keypath="cookie_policy.welcome" tag="span" scope="global">
+            <template #app>
+              <strong class="text-fg">npmx</strong>
+            </template>
+          </i18n-t>
+        </p>
+
+        <section class="mt-8">
+          <h2 class="text-xl font-medium text-fg mb-4">
+            {{ $t('cookie_policy.section_1.title') }}
+          </h2>
+          <p>{{ $t('cookie_policy.section_1.p1') }}</p>
+        </section>
+
+        <section class="mt-8">
+          <h2 class="text-xl font-medium text-fg mb-4">
+            {{ $t('cookie_policy.section_2.title') }}
+          </h2>
+          <p class="mb-4">
+            <i18n-t keypath="cookie_policy.section_2.p1" tag="span" scope="global">
+              <template #bold>
+                <strong class="text-fg">{{ $t('cookie_policy.section_2.bold') }}</strong>
+              </template>
+            </i18n-t>
+          </p>
+          <ul class="list-disc ps-5 space-y-2">
+            <li>
+              <i18n-t keypath="cookie_policy.section_2.li1" tag="span" scope="global">
+                <template #bold>
+                  <strong class="text-fg">{{ $t('cookie_policy.section_2.li1_bold') }}</strong>
+                </template>
+              </i18n-t>
+            </li>
+          </ul>
+        </section>
+
+        <section class="mt-8">
+          <h2 class="text-xl font-medium text-fg mb-4">
+            {{ $t('cookie_policy.section_3.title') }}
+          </h2>
+          <p class="mb-4">
+            <i18n-t keypath="cookie_policy.section_3.p1" tag="span" scope="global">
+              <template #bold>
+                <strong class="text-fg">{{ $t('cookie_policy.section_3.bold') }}</strong>
+              </template>
+              <template #settings>
+                <NuxtLink
+                  to="/settings"
+                  class="link-subtle font-mono text-xs min-h-11 inline-flex items-center gap-1 lowercase"
+                >
+                  {{ $t('cookie_policy.section_3.settings') }}
+                </NuxtLink>
+              </template>
+            </i18n-t>
+          </p>
+          <p>
+            <i18n-t keypath="cookie_policy.section_3.p2" tag="span" scope="global">
+              <template #bold>
+                <strong class="text-fg">{{ $t('cookie_policy.section_3.bold2') }}</strong>
+              </template>
+            </i18n-t>
+          </p>
+        </section>
+
+        <section class="mt-8">
+          <h2 class="text-xl font-medium text-fg mb-4">
+            {{ $t('cookie_policy.section_4.title') }}
+          </h2>
+          <p>
+            <i18n-t keypath="cookie_policy.section_4.p1" tag="span" scope="global">
+              <template #bold>
+                <strong class="text-fg">{{ $t('cookie_policy.section_4.bold') }}</strong>
+              </template>
+              <template #bold2>
+                <strong class="text-fg">{{ $t('cookie_policy.section_4.bold2') }}</strong>
+              </template>
+            </i18n-t>
+          </p>
+        </section>
+
+        <section class="mt-8">
+          <h2 class="text-xl font-medium text-fg mb-4">
+            {{ $t('cookie_policy.section_5.title') }}
+          </h2>
+          <p class="mb-4">
+            <i18n-t keypath="cookie_policy.section_5.p1" tag="span" scope="global">
+              <template #bold>
+                <strong class="text-fg">{{ $t('cookie_policy.section_5.bold') }}</strong>
+              </template>
+            </i18n-t>
+          </p>
+          <p class="mb-2">{{ $t('cookie_policy.section_5.p2') }}</p>
+          <ul class="list-none px-0 space-y-2">
+            <li>
+              <a
+                href="https://support.google.com/chrome/answer/95647?hl=en"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="flex justify-between items-center gap-1 p-3"
+              >
+                {{ $t('cookie_policy.section_5.chrome') }}
+                <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+              </a>
+            </li>
+            <li>
+              <a
+                href="https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="flex justify-between items-center gap-1 p-3"
+              >
+                {{ $t('cookie_policy.section_5.firefox') }}
+                <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+              </a>
+            </li>
+            <li>
+              <a
+                href="https://support.microsoft.com/en-us/windows/manage-cookies-in-microsoft-edge-view-allow-block-delete-and-use-168dab11-0753-043d-7c16-ede5947fc64d"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="flex justify-between items-center gap-1 p-3"
+              >
+                {{ $t('cookie_policy.section_5.edge') }}
+                <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+              </a>
+            </li>
+          </ul>
+        </section>
+
+        <section class="mt-8">
+          <h2 class="text-xl font-medium text-fg mb-4">
+            {{ $t('cookie_policy.section_6.title') }}
+          </h2>
+          <p>
+            <i18n-t keypath="cookie_policy.section_6.p1" tag="span" scope="global">
+              <template #link>
+                <a
+                  href="https://github.com/npmx-dev/npmx.dev/issues"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  class="inline-flex items-center gap-1"
+                >
+                  <span>{{ $t('cookie_policy.section_6.link') }}</span>
+                  <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+                </a>
+              </template>
+            </i18n-t>
+          </p>
+        </section>
+
+        <section class="mt-8">
+          <h2 class="text-xl font-medium text-fg mb-4">
+            {{ $t('cookie_policy.section_7.title') }}
+          </h2>
+          <p>{{ $t('cookie_policy.section_7.p1') }}</p>
+        </section>
+      </div>
+    </article>
+  </main>
+</template>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index f67cdff4f..054ef89a9 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -936,5 +936,53 @@
         "vulnerabilities_summary": "{count} ({critical}C/{high}H)"
       }
     }
+  },
+  "cookie_policy": {
+    "title": "Cookie Policy",
+    "last_updated": "Last updated: {date}",
+    "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
+    "section_1": {
+      "title": "1. What are cookies?",
+      "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
+    },
+    "section_2": {
+      "title": "2. What types of cookies do we use?",
+      "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
+      "bold": "first-party cookies",
+      "li1": "They allow us to keep your session active once you have logged in. Technically, this cookie has no expiration date and is deleted by your browser upon closing. However, for your security, the session on our servers {bold}, at which point you will be asked to log in again.",
+      "li1_bold": "will automatically terminate after a period of inactivity"
+    },
+    "section_3": {
+      "title": "3. Other Storage Technologies",
+      "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
+      "bold": "Local Storage",
+      "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
+      "bold2": "contains no personal data nor is it used to track you",
+      "settings": "settings"
+    },
+    "section_4": {
+      "title": "4. Cookie Acceptance and Application Access",
+      "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
+      "bold": "essential for its proper functioning",
+      "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
+    },
+    "section_5": {
+      "title": "5. Cookie Management",
+      "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
+      "bold": "rejecting cookies will prevent access to and use of the application",
+      "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
+      "chrome": "Google Chrome (opens in a new window)",
+      "firefox": "Mozilla Firefox (opens in a new window)",
+      "edge": "Microsoft Edge (opens in a new window)"
+    },
+    "section_6": {
+      "title": "6. Data Controller",
+      "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
+      "link": "GitHub repository"
+    },
+    "section_7": {
+      "title": "7. Changes to the Cookie Policy",
+      "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
+    }
   }
 }
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index 39a1a00bb..c6ad3009a 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -936,5 +936,53 @@
         "vulnerabilities_summary": "{count} ({critical}C/{high}H)"
       }
     }
+  },
+  "cookie_policy": {
+    "title": "Cookie Policy",
+    "last_updated": "Last updated: {date}",
+    "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
+    "section_1": {
+      "title": "1. What are cookies?",
+      "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
+    },
+    "section_2": {
+      "title": "2. What types of cookies do we use?",
+      "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
+      "bold": "first-party cookies",
+      "li1": "They allow us to keep your session active once you have logged in. Technically, this cookie has no expiration date and is deleted by your browser upon closing. However, for your security, the session on our servers {bold}, at which point you will be asked to log in again.",
+      "li1_bold": "will automatically terminate after a period of inactivity"
+    },
+    "section_3": {
+      "title": "3. Other Storage Technologies",
+      "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
+      "bold": "Local Storage",
+      "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
+      "bold2": "contains no personal data nor is it used to track you",
+      "settings": "settings"
+    },
+    "section_4": {
+      "title": "4. Cookie Acceptance and Application Access",
+      "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
+      "bold": "essential for its proper functioning",
+      "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
+    },
+    "section_5": {
+      "title": "5. Cookie Management",
+      "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
+      "bold": "rejecting cookies will prevent access to and use of the application",
+      "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
+      "chrome": "Google Chrome (opens in a new window)",
+      "firefox": "Mozilla Firefox (opens in a new window)",
+      "edge": "Microsoft Edge (opens in a new window)"
+    },
+    "section_6": {
+      "title": "6. Data Controller",
+      "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
+      "link": "GitHub repository"
+    },
+    "section_7": {
+      "title": "7. Changes to the Cookie Policy",
+      "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
+    }
   }
 }
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index f67cdff4f..054ef89a9 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -936,5 +936,53 @@
         "vulnerabilities_summary": "{count} ({critical}C/{high}H)"
       }
     }
+  },
+  "cookie_policy": {
+    "title": "Cookie Policy",
+    "last_updated": "Last updated: {date}",
+    "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
+    "section_1": {
+      "title": "1. What are cookies?",
+      "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
+    },
+    "section_2": {
+      "title": "2. What types of cookies do we use?",
+      "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
+      "bold": "first-party cookies",
+      "li1": "They allow us to keep your session active once you have logged in. Technically, this cookie has no expiration date and is deleted by your browser upon closing. However, for your security, the session on our servers {bold}, at which point you will be asked to log in again.",
+      "li1_bold": "will automatically terminate after a period of inactivity"
+    },
+    "section_3": {
+      "title": "3. Other Storage Technologies",
+      "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
+      "bold": "Local Storage",
+      "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
+      "bold2": "contains no personal data nor is it used to track you",
+      "settings": "settings"
+    },
+    "section_4": {
+      "title": "4. Cookie Acceptance and Application Access",
+      "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
+      "bold": "essential for its proper functioning",
+      "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
+    },
+    "section_5": {
+      "title": "5. Cookie Management",
+      "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
+      "bold": "rejecting cookies will prevent access to and use of the application",
+      "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
+      "chrome": "Google Chrome (opens in a new window)",
+      "firefox": "Mozilla Firefox (opens in a new window)",
+      "edge": "Microsoft Edge (opens in a new window)"
+    },
+    "section_6": {
+      "title": "6. Data Controller",
+      "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
+      "link": "GitHub repository"
+    },
+    "section_7": {
+      "title": "7. Changes to the Cookie Policy",
+      "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
+    }
   }
 }

From 3b5bca4e4cd051a371aac694c5ca4951d0bf18b2 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Wed, 4 Feb 2026 19:23:15 +0100
Subject: [PATCH 02/13] chore: update section 2 and change some styles for h2

---
 app/pages/cookie-policy.vue | 37 ++++++++++++++++++++++---------------
 i18n/locales/en.json        | 22 ++++++++++++----------
 lunaria/files/en-GB.json    | 22 ++++++++++++----------
 lunaria/files/en-US.json    | 22 ++++++++++++----------
 4 files changed, 58 insertions(+), 45 deletions(-)

diff --git a/app/pages/cookie-policy.vue b/app/pages/cookie-policy.vue
index 157f39593..ffa5796a5 100644
--- a/app/pages/cookie-policy.vue
+++ b/app/pages/cookie-policy.vue
@@ -41,14 +41,14 @@ defineOgImageComponent('Default', {
         </p>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_1.title') }}
           </h2>
           <p>{{ $t('cookie_policy.section_1.p1') }}</p>
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_2.title') }}
           </h2>
           <p class="mb-4">
@@ -60,17 +60,24 @@ defineOgImageComponent('Default', {
           </p>
           <ul class="list-disc ps-5 space-y-2">
             <li>
-              <i18n-t keypath="cookie_policy.section_2.li1" tag="span" scope="global">
-                <template #bold>
-                  <strong class="text-fg">{{ $t('cookie_policy.section_2.li1_bold') }}</strong>
-                </template>
-              </i18n-t>
+              <strong class="text-fg font-mono text-sm">{{
+                $t('cookie_policy.section_2.cookie_vdpl')
+              }}</strong
+              >:
+              {{ $t('cookie_policy.section_2.cookie_vdpl_desc') }}
+            </li>
+            <li>
+              <strong class="text-fg font-mono text-sm">{{
+                $t('cookie_policy.section_2.cookie_h3')
+              }}</strong
+              >:
+              {{ $t('cookie_policy.section_2.cookie_h3_desc') }}
             </li>
           </ul>
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_3.title') }}
           </h2>
           <p class="mb-4">
@@ -98,7 +105,7 @@ defineOgImageComponent('Default', {
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_4.title') }}
           </h2>
           <p>
@@ -114,7 +121,7 @@ defineOgImageComponent('Default', {
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_5.title') }}
           </h2>
           <p class="mb-4">
@@ -134,7 +141,7 @@ defineOgImageComponent('Default', {
                 class="flex justify-between items-center gap-1 p-3"
               >
                 {{ $t('cookie_policy.section_5.chrome') }}
-                <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+                <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
               </a>
             </li>
             <li>
@@ -145,7 +152,7 @@ defineOgImageComponent('Default', {
                 class="flex justify-between items-center gap-1 p-3"
               >
                 {{ $t('cookie_policy.section_5.firefox') }}
-                <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+                <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
               </a>
             </li>
             <li>
@@ -156,14 +163,14 @@ defineOgImageComponent('Default', {
                 class="flex justify-between items-center gap-1 p-3"
               >
                 {{ $t('cookie_policy.section_5.edge') }}
-                <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+                <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
               </a>
             </li>
           </ul>
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_6.title') }}
           </h2>
           <p>
@@ -184,7 +191,7 @@ defineOgImageComponent('Default', {
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_7.title') }}
           </h2>
           <p>{{ $t('cookie_policy.section_7.p1') }}</p>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 054ef89a9..e81720cf4 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -942,18 +942,20 @@
     "last_updated": "Last updated: {date}",
     "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
     "section_1": {
-      "title": "1. What are cookies?",
+      "title": "What are cookies?",
       "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
     },
     "section_2": {
-      "title": "2. What types of cookies do we use?",
+      "title": "What types of cookies do we use?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
-      "bold": "first-party cookies",
-      "li1": "They allow us to keep your session active once you have logged in. Technically, this cookie has no expiration date and is deleted by your browser upon closing. However, for your security, the session on our servers {bold}, at which point you will be asked to log in again.",
-      "li1_bold": "will automatically terminate after a period of inactivity"
+      "bold": "essential technical cookies",
+      "cookie_vdpl": "__vdpl",
+      "cookie_vdpl_desc": "This cookie is used by our hosting provider (Vercel) for skew protection. It ensures you fetch assets from the correct deployment version if a new update is released while you are browsing. It does not track you.",
+      "cookie_h3": "h3",
+      "cookie_h3_desc": "This is our secure session cookie. It stores the OAuth access token when you connect your Atmosphere account. It is essential for maintaining your authenticated session."
     },
     "section_3": {
-      "title": "3. Other Storage Technologies",
+      "title": "Other Storage Technologies",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
       "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
@@ -961,13 +963,13 @@
       "settings": "settings"
     },
     "section_4": {
-      "title": "4. Cookie Acceptance and Application Access",
+      "title": "Cookie Acceptance and Application Access",
       "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
       "bold": "essential for its proper functioning",
       "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
     },
     "section_5": {
-      "title": "5. Cookie Management",
+      "title": "Cookie Management",
       "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
       "bold": "rejecting cookies will prevent access to and use of the application",
       "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
@@ -976,12 +978,12 @@
       "edge": "Microsoft Edge (opens in a new window)"
     },
     "section_6": {
-      "title": "6. Data Controller",
+      "title": "Data Controller",
       "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
-      "title": "7. Changes to the Cookie Policy",
+      "title": "Changes to the Cookie Policy",
       "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
     }
   }
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index c6ad3009a..a241d0728 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -942,18 +942,20 @@
     "last_updated": "Last updated: {date}",
     "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
     "section_1": {
-      "title": "1. What are cookies?",
+      "title": "What are cookies?",
       "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
     },
     "section_2": {
-      "title": "2. What types of cookies do we use?",
+      "title": "What types of cookies do we use?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
-      "bold": "first-party cookies",
-      "li1": "They allow us to keep your session active once you have logged in. Technically, this cookie has no expiration date and is deleted by your browser upon closing. However, for your security, the session on our servers {bold}, at which point you will be asked to log in again.",
-      "li1_bold": "will automatically terminate after a period of inactivity"
+      "bold": "essential technical cookies",
+      "cookie_vdpl": "__vdpl",
+      "cookie_vdpl_desc": "This cookie is used by our hosting provider (Vercel) for skew protection. It ensures you fetch assets from the correct deployment version if a new update is released while you are browsing. It does not track you.",
+      "cookie_h3": "h3",
+      "cookie_h3_desc": "This is our secure session cookie. It stores the OAuth access token when you connect your Atmosphere account. It is essential for maintaining your authenticated session."
     },
     "section_3": {
-      "title": "3. Other Storage Technologies",
+      "title": "Other Storage Technologies",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
       "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
@@ -961,13 +963,13 @@
       "settings": "settings"
     },
     "section_4": {
-      "title": "4. Cookie Acceptance and Application Access",
+      "title": "Cookie Acceptance and Application Access",
       "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
       "bold": "essential for its proper functioning",
       "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
     },
     "section_5": {
-      "title": "5. Cookie Management",
+      "title": "Cookie Management",
       "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
       "bold": "rejecting cookies will prevent access to and use of the application",
       "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
@@ -976,12 +978,12 @@
       "edge": "Microsoft Edge (opens in a new window)"
     },
     "section_6": {
-      "title": "6. Data Controller",
+      "title": "Data Controller",
       "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
-      "title": "7. Changes to the Cookie Policy",
+      "title": "Changes to the Cookie Policy",
       "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
     }
   }
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index 054ef89a9..e81720cf4 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -942,18 +942,20 @@
     "last_updated": "Last updated: {date}",
     "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
     "section_1": {
-      "title": "1. What are cookies?",
+      "title": "What are cookies?",
       "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
     },
     "section_2": {
-      "title": "2. What types of cookies do we use?",
+      "title": "What types of cookies do we use?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
-      "bold": "first-party cookies",
-      "li1": "They allow us to keep your session active once you have logged in. Technically, this cookie has no expiration date and is deleted by your browser upon closing. However, for your security, the session on our servers {bold}, at which point you will be asked to log in again.",
-      "li1_bold": "will automatically terminate after a period of inactivity"
+      "bold": "essential technical cookies",
+      "cookie_vdpl": "__vdpl",
+      "cookie_vdpl_desc": "This cookie is used by our hosting provider (Vercel) for skew protection. It ensures you fetch assets from the correct deployment version if a new update is released while you are browsing. It does not track you.",
+      "cookie_h3": "h3",
+      "cookie_h3_desc": "This is our secure session cookie. It stores the OAuth access token when you connect your Atmosphere account. It is essential for maintaining your authenticated session."
     },
     "section_3": {
-      "title": "3. Other Storage Technologies",
+      "title": "Other Storage Technologies",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
       "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
@@ -961,13 +963,13 @@
       "settings": "settings"
     },
     "section_4": {
-      "title": "4. Cookie Acceptance and Application Access",
+      "title": "Cookie Acceptance and Application Access",
       "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
       "bold": "essential for its proper functioning",
       "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
     },
     "section_5": {
-      "title": "5. Cookie Management",
+      "title": "Cookie Management",
       "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
       "bold": "rejecting cookies will prevent access to and use of the application",
       "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
@@ -976,12 +978,12 @@
       "edge": "Microsoft Edge (opens in a new window)"
     },
     "section_6": {
-      "title": "6. Data Controller",
+      "title": "Data Controller",
       "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
-      "title": "7. Changes to the Cookie Policy",
+      "title": "Changes to the Cookie Policy",
       "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
     }
   }

From 7822a6e706ffbc44d820e7a4fba0be0f8fb34999 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 5 Feb 2026 01:14:00 +0100
Subject: [PATCH 03/13] chore: use git to get cookiePolicyDate

---
 config/env.ts        | 10 ++++++++++
 modules/build-env.ts |  8 ++++++--
 shared/types/env.ts  |  1 +
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/config/env.ts b/config/env.ts
index 049fa6a6a..643b9060d 100644
--- a/config/env.ts
+++ b/config/env.ts
@@ -73,6 +73,16 @@ export async function getGitInfo() {
   return { branch, commit, shortCommit }
 }
 
+export async function getFileLastUpdated(path: string) {
+  try {
+    // Get ISO date of last commit for file
+    const date = await git.log(['-1', '--format=%cI', '--', path])
+    return date.latest?.date || new Date().toISOString()
+  } catch {
+    return new Date().toISOString()
+  }
+}
+
 export async function getEnv(isDevelopment: boolean) {
   const { commit, shortCommit, branch } = await getGitInfo()
   const env = isDevelopment
diff --git a/modules/build-env.ts b/modules/build-env.ts
index 24355dcca..445527f05 100644
--- a/modules/build-env.ts
+++ b/modules/build-env.ts
@@ -1,7 +1,7 @@
 import type { BuildInfo } from '../shared/types'
 import { createResolver, defineNuxtModule } from 'nuxt/kit'
 import { isCI } from 'std-env'
-import { getEnv, version } from '../config/env'
+import { getEnv, getFileLastUpdated, version } from '../config/env'
 
 const { resolve } = createResolver(import.meta.url)
 
@@ -10,7 +10,10 @@ export default defineNuxtModule({
     name: 'npmx:build-env',
   },
   async setup(_options, nuxt) {
-    const { env, commit, shortCommit, branch } = await getEnv(nuxt.options.dev)
+    const [{ env, commit, shortCommit, branch }, cookiePolicyDate] = await Promise.all([
+      getEnv(nuxt.options.dev),
+      getFileLastUpdated('app/pages/cookie-policy.vue'),
+    ])
 
     nuxt.options.appConfig = nuxt.options.appConfig || {}
     nuxt.options.appConfig.env = env
@@ -21,6 +24,7 @@ export default defineNuxtModule({
       shortCommit,
       branch,
       env,
+      cookiePolicyDate,
     } satisfies BuildInfo
 
     nuxt.options.nitro.publicAssets = nuxt.options.nitro.publicAssets || []
diff --git a/shared/types/env.ts b/shared/types/env.ts
index b1583e66d..ca0a4f2f5 100644
--- a/shared/types/env.ts
+++ b/shared/types/env.ts
@@ -5,4 +5,5 @@ export interface BuildInfo {
   time: number
   branch: string
   env: 'preview' | 'canary' | 'dev' | 'release'
+  cookiePolicyDate: string
 }

From 58b27e9612c75cd257fefed999e7da8bab72a0f1 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 5 Feb 2026 01:48:29 +0100
Subject: [PATCH 04/13] chore: use build info with nuxt time

---
 app/pages/cookie-policy.vue | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/app/pages/cookie-policy.vue b/app/pages/cookie-policy.vue
index ffa5796a5..0022be6ce 100644
--- a/app/pages/cookie-policy.vue
+++ b/app/pages/cookie-policy.vue
@@ -12,6 +12,9 @@ defineOgImageComponent('Default', {
   title: () => $t('cookie_policy.title'),
   description: () => $t('cookie_policy.welcome', { app: 'npmx' }),
 })
+
+const buildInfo = useAppConfig().buildInfo
+const { locale } = useI18n()
 </script>
 
 <template>
@@ -21,14 +24,16 @@ defineOgImageComponent('Default', {
         <h1 class="font-mono text-3xl sm:text-4xl font-medium mb-4 lowercase">
           {{ $t('cookie_policy.title') }}
         </h1>
-        <p class="text-fg-muted">
-          {{
-            $t('cookie_policy.last_updated', {
-              date: '', // Placeholder, NuxtTime handles the date
-            })
-          }}
-          <NuxtTime :datetime="new Date('2025-07-03')" date-style="long" />
-        </p>
+        <i18n-t keypath="cookie_policy.last_updated" tag="p" scope="global" class="text-fg-muted">
+          <template #date>
+            <NuxtTime
+              :locale
+              :datetime="buildInfo.cookiePolicyDate"
+              date-style="long"
+              time-style="medium"
+            />
+          </template>
+        </i18n-t>
       </header>
 
       <div class="prose prose-invert max-w-none text-fg-muted">

From 6e7d11fc00cfcf1acab8feb9db625f98bdd1c8f8 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 5 Feb 2026 02:39:01 +0100
Subject: [PATCH 05/13] chore: update heading and anchor styles

---
 app/pages/cookie-policy.vue | 64 +++++++++++++++++++++++++------------
 1 file changed, 44 insertions(+), 20 deletions(-)

diff --git a/app/pages/cookie-policy.vue b/app/pages/cookie-policy.vue
index 0022be6ce..e14928957 100644
--- a/app/pages/cookie-policy.vue
+++ b/app/pages/cookie-policy.vue
@@ -20,7 +20,7 @@ const { locale } = useI18n()
 <template>
   <main class="container flex-1 py-12 sm:py-16 w-full">
     <article class="max-w-3xl mx-auto">
-      <header class="mb-8 pb-8 border-b border-border">
+      <header class="mb-12">
         <h1 class="font-mono text-3xl sm:text-4xl font-medium mb-4 lowercase">
           {{ $t('cookie_policy.title') }}
         </h1>
@@ -46,14 +46,14 @@ const { locale } = useI18n()
         </p>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
             {{ $t('cookie_policy.section_1.title') }}
           </h2>
           <p>{{ $t('cookie_policy.section_1.p1') }}</p>
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
             {{ $t('cookie_policy.section_2.title') }}
           </h2>
           <p class="mb-4">
@@ -82,7 +82,7 @@ const { locale } = useI18n()
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
             {{ $t('cookie_policy.section_3.title') }}
           </h2>
           <p class="mb-4">
@@ -93,7 +93,7 @@ const { locale } = useI18n()
               <template #settings>
                 <NuxtLink
                   to="/settings"
-                  class="link-subtle font-mono text-xs min-h-11 inline-flex items-center gap-1 lowercase"
+                  class="text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
                 >
                   {{ $t('cookie_policy.section_3.settings') }}
                 </NuxtLink>
@@ -110,7 +110,7 @@ const { locale } = useI18n()
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
             {{ $t('cookie_policy.section_4.title') }}
           </h2>
           <p>
@@ -126,7 +126,7 @@ const { locale } = useI18n()
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
             {{ $t('cookie_policy.section_5.title') }}
           </h2>
           <p class="mb-4">
@@ -143,10 +143,17 @@ const { locale } = useI18n()
                 href="https://support.google.com/chrome/answer/95647?hl=en"
                 target="_blank"
                 rel="noopener noreferrer"
-                class="flex justify-between items-center gap-1 p-3"
+                class="flex justify-start items-center gap-2 p-3"
               >
-                {{ $t('cookie_policy.section_5.chrome') }}
-                <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
+                <span aria-hidden="true" class="text-fg-subtle shrink-0">—</span>
+                <span class="flex justify-between items-center flex-grow-1">
+                  <span
+                    class="text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
+                  >
+                    {{ $t('cookie_policy.section_5.chrome') }}
+                  </span>
+                  <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
+                </span>
               </a>
             </li>
             <li>
@@ -154,10 +161,17 @@ const { locale } = useI18n()
                 href="https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox"
                 target="_blank"
                 rel="noopener noreferrer"
-                class="flex justify-between items-center gap-1 p-3"
+                class="flex justify-start items-center gap-2 p-3"
               >
-                {{ $t('cookie_policy.section_5.firefox') }}
-                <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
+                <span aria-hidden="true" class="text-fg-subtle shrink-0">—</span>
+                <span class="flex justify-between items-center flex-grow-1">
+                  <span
+                    class="text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
+                  >
+                    {{ $t('cookie_policy.section_5.firefox') }}
+                  </span>
+                  <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
+                </span>
               </a>
             </li>
             <li>
@@ -165,17 +179,24 @@ const { locale } = useI18n()
                 href="https://support.microsoft.com/en-us/windows/manage-cookies-in-microsoft-edge-view-allow-block-delete-and-use-168dab11-0753-043d-7c16-ede5947fc64d"
                 target="_blank"
                 rel="noopener noreferrer"
-                class="flex justify-between items-center gap-1 p-3"
+                class="flex justify-start items-center gap-2 p-3"
               >
-                {{ $t('cookie_policy.section_5.edge') }}
-                <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
+                <span aria-hidden="true" class="text-fg-subtle shrink-0">—</span>
+                <span class="flex justify-between items-center flex-grow-1">
+                  <span
+                    class="text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
+                  >
+                    {{ $t('cookie_policy.section_5.edge') }}
+                  </span>
+                  <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
+                </span>
               </a>
             </li>
           </ul>
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
             {{ $t('cookie_policy.section_6.title') }}
           </h2>
           <p>
@@ -187,8 +208,11 @@ const { locale } = useI18n()
                   rel="noopener noreferrer"
                   class="inline-flex items-center gap-1"
                 >
-                  <span>{{ $t('cookie_policy.section_6.link') }}</span>
-                  <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+                  <span
+                    class="text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
+                    >{{ $t('cookie_policy.section_6.link') }}</span
+                  >
+                  <span class="i-carbon:launch rtl-flip w-4 h-4" aria-hidden="true"></span>
                 </a>
               </template>
             </i18n-t>
@@ -196,7 +220,7 @@ const { locale } = useI18n()
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
             {{ $t('cookie_policy.section_7.title') }}
           </h2>
           <p>{{ $t('cookie_policy.section_7.p1') }}</p>

From 572c71d7ee353aec271dd0f472deb1cbe62d600f Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 5 Feb 2026 02:43:44 +0100
Subject: [PATCH 06/13] chore: add cookie policy link  to mobile menu

---
 app/components/Header/MobileMenu.client.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/app/components/Header/MobileMenu.client.vue b/app/components/Header/MobileMenu.client.vue
index f8224856f..d131d1854 100644
--- a/app/components/Header/MobileMenu.client.vue
+++ b/app/components/Header/MobileMenu.client.vue
@@ -112,6 +112,15 @@ onUnmounted(deactivate)
                   {{ $t('footer.about') }}
                 </NuxtLink>
 
+                <NuxtLink
+                  to="/cookie-policy"
+                  class="flex items-center gap-3 px-3 py-3 rounded-md font-mono text-sm text-fg hover:bg-bg-subtle transition-colors duration-200 lowercase"
+                  @click="closeMenu"
+                >
+                  <span class="i-carbon:cookie rtl-flip w-5 h-5 text-fg-muted" aria-hidden="true" />
+                  {{ $t('cookie_policy.title') }}
+                </NuxtLink>
+
                 <NuxtLink
                   to="/compare"
                   class="flex items-center gap-3 px-3 py-3 rounded-md font-mono text-sm text-fg hover:bg-bg-subtle transition-colors duration-200"

From 641cba405ad11f9dc7b2ee13cd970eaee021bca3 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 5 Feb 2026 03:48:05 +0100
Subject: [PATCH 07/13] chore: revert layout changes at app footer and build
 environment components

---
 app/components/AppFooter.vue        | 2 +-
 app/components/BuildEnvironment.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
index 82e682c1d..1ca54cf58 100644
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -11,6 +11,7 @@ const isHome = computed(() => route.name === 'index')
       >
         <div>
           <p class="font-mono text-balance m-0 hidden sm:block">{{ $t('tagline') }}</p>
+          <BuildEnvironment v-if="!isHome" footer />
         </div>
         <!-- Desktop: Show all links. Mobile: Links are in MobileMenu -->
         <div class="hidden sm:flex items-center gap-6">
@@ -61,7 +62,6 @@ const isHome = computed(() => route.name === 'index')
           </a>
         </div>
       </div>
-      <BuildEnvironment v-if="!isHome" footer />
       <p class="text-xs text-fg-muted text-center sm:text-start m-0">
         <span class="sm:hidden">{{ $t('non_affiliation_disclaimer') }}</span>
         <span class="hidden sm:inline">{{ $t('trademark_disclaimer') }}</span>
diff --git a/app/components/BuildEnvironment.vue b/app/components/BuildEnvironment.vue
index e9ae39600..6482f2bb9 100644
--- a/app/components/BuildEnvironment.vue
+++ b/app/components/BuildEnvironment.vue
@@ -10,7 +10,7 @@ const buildInfo = useAppConfig().buildInfo
 <template>
   <div
     class="font-mono text-xs text-fg-muted flex items-center gap-2 motion-safe:animate-fade-in motion-safe:animate-fill-both"
-    :class="footer ? 'mt-0 mb-3 justify-center sm:justify-start' : 'mb-8 justify-center'"
+    :class="footer ? 'mt-4 justify-start' : 'mb-8 justify-center'"
     style="animation-delay: 0.05s"
   >
     <i18n-t keypath="built_at" scope="global">

From db675a80df5ebe44a91e491393249baf7748603a Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 5 Feb 2026 03:56:40 +0100
Subject: [PATCH 08/13] chore: remove text transformations

---
 app/pages/cookie-policy.vue | 16 ++++++++--------
 i18n/locales/en.json        | 16 ++++++++--------
 lunaria/files/en-GB.json    | 16 ++++++++--------
 lunaria/files/en-US.json    | 16 ++++++++--------
 4 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/app/pages/cookie-policy.vue b/app/pages/cookie-policy.vue
index e14928957..c24ee42dc 100644
--- a/app/pages/cookie-policy.vue
+++ b/app/pages/cookie-policy.vue
@@ -21,7 +21,7 @@ const { locale } = useI18n()
   <main class="container flex-1 py-12 sm:py-16 w-full">
     <article class="max-w-3xl mx-auto">
       <header class="mb-12">
-        <h1 class="font-mono text-3xl sm:text-4xl font-medium mb-4 lowercase">
+        <h1 class="font-mono text-3xl sm:text-4xl font-medium mb-4">
           {{ $t('cookie_policy.title') }}
         </h1>
         <i18n-t keypath="cookie_policy.last_updated" tag="p" scope="global" class="text-fg-muted">
@@ -46,14 +46,14 @@ const { locale } = useI18n()
         </p>
 
         <section class="mt-8">
-          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg-subtle tracking-wider mb-4">
             {{ $t('cookie_policy.section_1.title') }}
           </h2>
           <p>{{ $t('cookie_policy.section_1.p1') }}</p>
         </section>
 
         <section class="mt-8">
-          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg-subtle tracking-wider mb-4">
             {{ $t('cookie_policy.section_2.title') }}
           </h2>
           <p class="mb-4">
@@ -82,7 +82,7 @@ const { locale } = useI18n()
         </section>
 
         <section class="mt-8">
-          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg-subtle tracking-wider mb-4">
             {{ $t('cookie_policy.section_3.title') }}
           </h2>
           <p class="mb-4">
@@ -110,7 +110,7 @@ const { locale } = useI18n()
         </section>
 
         <section class="mt-8">
-          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg-subtle tracking-wider mb-4">
             {{ $t('cookie_policy.section_4.title') }}
           </h2>
           <p>
@@ -126,7 +126,7 @@ const { locale } = useI18n()
         </section>
 
         <section class="mt-8">
-          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg-subtle tracking-wider mb-4">
             {{ $t('cookie_policy.section_5.title') }}
           </h2>
           <p class="mb-4">
@@ -196,7 +196,7 @@ const { locale } = useI18n()
         </section>
 
         <section class="mt-8">
-          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg-subtle tracking-wider mb-4">
             {{ $t('cookie_policy.section_6.title') }}
           </h2>
           <p>
@@ -220,7 +220,7 @@ const { locale } = useI18n()
         </section>
 
         <section class="mt-8">
-          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg-subtle tracking-wider mb-4">
             {{ $t('cookie_policy.section_7.title') }}
           </h2>
           <p>{{ $t('cookie_policy.section_7.p1') }}</p>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 163a8d477..a81972919 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -961,15 +961,15 @@
     }
   },
   "cookie_policy": {
-    "title": "Cookie Policy",
+    "title": "cookie policy",
     "last_updated": "Last updated: {date}",
     "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
     "section_1": {
-      "title": "What are cookies?",
+      "title": "WHAT ARE COOKIES?",
       "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
     },
     "section_2": {
-      "title": "What types of cookies do we use?",
+      "title": "WHAT TYPES OF COOKIES DO WE USE?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
       "bold": "essential technical cookies",
       "cookie_vdpl": "__vdpl",
@@ -978,7 +978,7 @@
       "cookie_h3_desc": "This is our secure session cookie. It stores the OAuth access token when you connect your Atmosphere account. It is essential for maintaining your authenticated session."
     },
     "section_3": {
-      "title": "Other Storage Technologies",
+      "title": "OTHER STORAGE TECHNOLOGIES",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
       "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
@@ -986,13 +986,13 @@
       "settings": "settings"
     },
     "section_4": {
-      "title": "Cookie Acceptance and Application Access",
+      "title": "COOKIE ACCEPTANCE AND APPLICATION ACCESS",
       "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
       "bold": "essential for its proper functioning",
       "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
     },
     "section_5": {
-      "title": "Cookie Management",
+      "title": "COOKIE MANAGEMENT",
       "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
       "bold": "rejecting cookies will prevent access to and use of the application",
       "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
@@ -1001,12 +1001,12 @@
       "edge": "Microsoft Edge (opens in a new window)"
     },
     "section_6": {
-      "title": "Data Controller",
+      "title": "DATA CONTROLLER",
       "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
-      "title": "Changes to the Cookie Policy",
+      "title": "CHANGES TO THE COOKIE POLICY",
       "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
     }
   }
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index 64405542e..462717bef 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -961,15 +961,15 @@
     }
   },
   "cookie_policy": {
-    "title": "Cookie Policy",
+    "title": "cookie policy",
     "last_updated": "Last updated: {date}",
     "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
     "section_1": {
-      "title": "What are cookies?",
+      "title": "WHAT ARE COOKIES?",
       "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
     },
     "section_2": {
-      "title": "What types of cookies do we use?",
+      "title": "WHAT TYPES OF COOKIES DO WE USE?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
       "bold": "essential technical cookies",
       "cookie_vdpl": "__vdpl",
@@ -978,7 +978,7 @@
       "cookie_h3_desc": "This is our secure session cookie. It stores the OAuth access token when you connect your Atmosphere account. It is essential for maintaining your authenticated session."
     },
     "section_3": {
-      "title": "Other Storage Technologies",
+      "title": "OTHER STORAGE TECHNOLOGIES",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
       "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
@@ -986,13 +986,13 @@
       "settings": "settings"
     },
     "section_4": {
-      "title": "Cookie Acceptance and Application Access",
+      "title": "COOKIE ACCEPTANCE AND APPLICATION ACCESS",
       "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
       "bold": "essential for its proper functioning",
       "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
     },
     "section_5": {
-      "title": "Cookie Management",
+      "title": "COOKIE MANAGEMENT",
       "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
       "bold": "rejecting cookies will prevent access to and use of the application",
       "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
@@ -1001,12 +1001,12 @@
       "edge": "Microsoft Edge (opens in a new window)"
     },
     "section_6": {
-      "title": "Data Controller",
+      "title": "DATA CONTROLLER",
       "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
-      "title": "Changes to the Cookie Policy",
+      "title": "CHANGES TO THE COOKIE POLICY",
       "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
     }
   }
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index 163a8d477..a81972919 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -961,15 +961,15 @@
     }
   },
   "cookie_policy": {
-    "title": "Cookie Policy",
+    "title": "cookie policy",
     "last_updated": "Last updated: {date}",
     "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
     "section_1": {
-      "title": "What are cookies?",
+      "title": "WHAT ARE COOKIES?",
       "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
     },
     "section_2": {
-      "title": "What types of cookies do we use?",
+      "title": "WHAT TYPES OF COOKIES DO WE USE?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
       "bold": "essential technical cookies",
       "cookie_vdpl": "__vdpl",
@@ -978,7 +978,7 @@
       "cookie_h3_desc": "This is our secure session cookie. It stores the OAuth access token when you connect your Atmosphere account. It is essential for maintaining your authenticated session."
     },
     "section_3": {
-      "title": "Other Storage Technologies",
+      "title": "OTHER STORAGE TECHNOLOGIES",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
       "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
@@ -986,13 +986,13 @@
       "settings": "settings"
     },
     "section_4": {
-      "title": "Cookie Acceptance and Application Access",
+      "title": "COOKIE ACCEPTANCE AND APPLICATION ACCESS",
       "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
       "bold": "essential for its proper functioning",
       "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
     },
     "section_5": {
-      "title": "Cookie Management",
+      "title": "COOKIE MANAGEMENT",
       "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
       "bold": "rejecting cookies will prevent access to and use of the application",
       "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
@@ -1001,12 +1001,12 @@
       "edge": "Microsoft Edge (opens in a new window)"
     },
     "section_6": {
-      "title": "Data Controller",
+      "title": "DATA CONTROLLER",
       "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
-      "title": "Changes to the Cookie Policy",
+      "title": "CHANGES TO THE COOKIE POLICY",
       "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
     }
   }

From de9602edc3028e7fa855657bc236c80f8df44807 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 5 Feb 2026 04:02:06 +0100
Subject: [PATCH 09/13] chore: apply coderabbitai translation suggestions

---
 i18n/locales/en.json     | 4 ++--
 lunaria/files/en-GB.json | 4 ++--
 lunaria/files/en-US.json | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index a81972919..315e33baa 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -981,7 +981,7 @@
       "title": "OTHER STORAGE TECHNOLOGIES",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
-      "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
+      "p2": "This information is purely functional, stored only on your device, and {bold2}. We use it exclusively to improve your experience on our website.",
       "bold2": "contains no personal data nor is it used to track you",
       "settings": "settings"
     },
@@ -1002,7 +1002,7 @@
     },
     "section_6": {
       "title": "DATA CONTROLLER",
-      "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
+      "p1": "While we only use cookies for essential functionality and session management, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index 462717bef..73f7aa298 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -981,7 +981,7 @@
       "title": "OTHER STORAGE TECHNOLOGIES",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
-      "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
+      "p2": "This information is purely functional, stored only on your device, and {bold2}. We use it exclusively to improve your experience on our website.",
       "bold2": "contains no personal data nor is it used to track you",
       "settings": "settings"
     },
@@ -1002,7 +1002,7 @@
     },
     "section_6": {
       "title": "DATA CONTROLLER",
-      "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
+      "p1": "While we only use cookies for essential functionality and session management, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index a81972919..315e33baa 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -981,7 +981,7 @@
       "title": "OTHER STORAGE TECHNOLOGIES",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
-      "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
+      "p2": "This information is purely functional, stored only on your device, and {bold2}. We use it exclusively to improve your experience on our website.",
       "bold2": "contains no personal data nor is it used to track you",
       "settings": "settings"
     },
@@ -1002,7 +1002,7 @@
     },
     "section_6": {
       "title": "DATA CONTROLLER",
-      "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
+      "p1": "While we only use cookies for essential functionality and session management, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {

From 4f9382afc578b5c6a8d71c1381abe03d9fc6afbe Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 5 Feb 2026 04:05:52 +0100
Subject: [PATCH 10/13] chore: remove text transformations from mobile menu

---
 app/components/Header/MobileMenu.client.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Header/MobileMenu.client.vue b/app/components/Header/MobileMenu.client.vue
index c15b52bca..015e592df 100644
--- a/app/components/Header/MobileMenu.client.vue
+++ b/app/components/Header/MobileMenu.client.vue
@@ -114,7 +114,7 @@ onUnmounted(deactivate)
 
                 <NuxtLink
                   to="/cookie-policy"
-                  class="flex items-center gap-3 px-3 py-3 rounded-md font-mono text-sm text-fg hover:bg-bg-subtle transition-colors duration-200 lowercase"
+                  class="flex items-center gap-3 px-3 py-3 rounded-md font-mono text-sm text-fg hover:bg-bg-subtle transition-colors duration-200"
                   @click="closeMenu"
                 >
                   <span class="i-carbon:cookie rtl-flip w-5 h-5 text-fg-muted" aria-hidden="true" />

From 1755360cd1632a936a87d1c50254c6e43c7cd83a Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 5 Feb 2026 04:11:45 +0100
Subject: [PATCH 11/13] chore: update `section_2.p2` slot

---
 app/pages/cookie-policy.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/cookie-policy.vue b/app/pages/cookie-policy.vue
index c24ee42dc..4b38709e8 100644
--- a/app/pages/cookie-policy.vue
+++ b/app/pages/cookie-policy.vue
@@ -102,7 +102,7 @@ const { locale } = useI18n()
           </p>
           <p>
             <i18n-t keypath="cookie_policy.section_3.p2" tag="span" scope="global">
-              <template #bold>
+              <template #bold2>
                 <strong class="text-fg">{{ $t('cookie_policy.section_3.bold2') }}</strong>
               </template>
             </i18n-t>

From 744987774dd1f1b12ff01ec222af337dd5e84c16 Mon Sep 17 00:00:00 2001
From: userquin <userquin@gmail.com>
Date: Thu, 5 Feb 2026 06:07:55 +0100
Subject: [PATCH 12/13] chore: change styles and use bdi for cookies list item

---
 app/pages/cookie-policy.vue | 73 +++++++++++++++++++++++++++----------
 i18n/locales/en.json        |  3 ++
 lunaria/files/ar-EG.json    |  8 ++++
 lunaria/files/en-GB.json    |  3 ++
 lunaria/files/en-US.json    |  3 ++
 5 files changed, 71 insertions(+), 19 deletions(-)

diff --git a/app/pages/cookie-policy.vue b/app/pages/cookie-policy.vue
index 4b38709e8..71c07e42f 100644
--- a/app/pages/cookie-policy.vue
+++ b/app/pages/cookie-policy.vue
@@ -13,18 +13,35 @@ defineOgImageComponent('Default', {
   description: () => $t('cookie_policy.welcome', { app: 'npmx' }),
 })
 
+const router = useRouter()
 const buildInfo = useAppConfig().buildInfo
 const { locale } = useI18n()
 </script>
 
 <template>
-  <main class="container flex-1 py-12 sm:py-16 w-full">
-    <article class="max-w-3xl mx-auto">
+  <main class="container flex-1 py-12 sm:py-16 w-full overflow-x-hidden">
+    <article class="max-w-2xl mx-auto">
       <header class="mb-12">
-        <h1 class="font-mono text-3xl sm:text-4xl font-medium mb-4">
-          {{ $t('cookie_policy.title') }}
-        </h1>
-        <i18n-t keypath="cookie_policy.last_updated" tag="p" scope="global" class="text-fg-muted">
+        <div class="flex items-baseline justify-between gap-4 mb-4">
+          <h1 class="font-mono text-3xl sm:text-4xl font-medium">
+            {{ $t('cookie_policy.title') }}
+          </h1>
+          <button
+            type="button"
+            :title="$t('nav.back')"
+            class="inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
+            @click="router.back()"
+          >
+            <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
+            <span class="hidden sm:inline">{{ $t('nav.back') }}</span>
+          </button>
+        </div>
+        <i18n-t
+          keypath="cookie_policy.last_updated"
+          tag="p"
+          scope="global"
+          class="text-fg-muted text-lg"
+        >
           <template #date>
             <NuxtTime
               :locale
@@ -63,20 +80,38 @@ const { locale } = useI18n()
               </template>
             </i18n-t>
           </p>
-          <ul class="list-disc ps-5 space-y-2">
-            <li>
-              <strong class="text-fg font-mono text-sm">{{
-                $t('cookie_policy.section_2.cookie_vdpl')
-              }}</strong
-              >:
-              {{ $t('cookie_policy.section_2.cookie_vdpl_desc') }}
+          <ul class="list-none ps-5 space-y-2">
+            <li class="flex justify-start items-start gap-2">
+              <span aria-hidden="true" class="text-fg-subtle shrink-0">—</span>
+              <i18n-t keypath="cookie_policy.section_2.li1" tag="span">
+                <template #li11>
+                  <strong class="text-fg font-mono text-sm">
+                    <bdi>{{ $t('cookie_policy.section_2.cookie_vdpl') }}</bdi>
+                  </strong>
+                </template>
+                <template #separator>
+                  <bdi>{{ $t('cookie_policy.section_2.separator') }}</bdi>
+                </template>
+                <template #li12>
+                  <bdi>{{ $t('cookie_policy.section_2.cookie_vdpl_desc') }}</bdi>
+                </template>
+              </i18n-t>
             </li>
-            <li>
-              <strong class="text-fg font-mono text-sm">{{
-                $t('cookie_policy.section_2.cookie_h3')
-              }}</strong
-              >:
-              {{ $t('cookie_policy.section_2.cookie_h3_desc') }}
+            <li class="flex justify-start items-start gap-2">
+              <span aria-hidden="true" class="text-fg-subtle shrink-0">—</span>
+              <i18n-t keypath="cookie_policy.section_2.li2" tag="span">
+                <template #li21>
+                  <strong class="text-fg font-mono text-sm">
+                    <bdi>{{ $t('cookie_policy.section_2.cookie_h3') }}</bdi>
+                  </strong>
+                </template>
+                <template #separator>
+                  <bdi>{{ $t('cookie_policy.section_2.separator') }}</bdi>
+                </template>
+                <template #li22>
+                  <bdi>{{ $t('cookie_policy.section_2.cookie_h3_desc') }}</bdi>
+                </template>
+              </i18n-t>
             </li>
           </ul>
         </section>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 315e33baa..99a2d2805 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -972,6 +972,9 @@
       "title": "WHAT TYPES OF COOKIES DO WE USE?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
       "bold": "essential technical cookies",
+      "li1": "{li11}{separator} {li12}",
+      "li2": "{li21}{separator} {li22}",
+      "separator": ":",
       "cookie_vdpl": "__vdpl",
       "cookie_vdpl_desc": "This cookie is used by our hosting provider (Vercel) for skew protection. It ensures you fetch assets from the correct deployment version if a new update is released while you are browsing. It does not track you.",
       "cookie_h3": "h3",
diff --git a/lunaria/files/ar-EG.json b/lunaria/files/ar-EG.json
index e7ed0a3ab..fb35a43e7 100644
--- a/lunaria/files/ar-EG.json
+++ b/lunaria/files/ar-EG.json
@@ -929,5 +929,13 @@
         "vulnerabilities_summary": "{count} ({critical} حرجة/{high} عالية)"
       }
     }
+  },
+  "cookie_policy": {
+    "section_2": {
+      "li1": "{li11}{separator} {li12}",
+      "li2": "{li21}{separator} {li22}",
+      "cookie_vdpl_desc": "يستخدم مزود خدمة الاستضافة لدينا (Vercel) هذه الكعكة لحماية الموقع من التشويش. فهي تضمن لك جلب الملفات من إصدار النشر الصحيح في حال صدور تحديث جديد أثناء تصفحك. ولا تقوم هذه الكعكة بتتبعك.",
+      "cookie_h3_desc": "هذه هي كعكة الجلسة الآمنة الخاصة بنا. تقوم بتخزين رمز الوصول OAuth عند اتصالك بحساب Atmosphere الخاص بك. وهي ضرورية للحفاظ على جلستك الموثقة."
+    }
   }
 }
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index 73f7aa298..2061b2a5c 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -972,6 +972,9 @@
       "title": "WHAT TYPES OF COOKIES DO WE USE?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
       "bold": "essential technical cookies",
+      "li1": "{li11}{separator} {li12}",
+      "li2": "{li21}{separator} {li22}",
+      "separator": ":",
       "cookie_vdpl": "__vdpl",
       "cookie_vdpl_desc": "This cookie is used by our hosting provider (Vercel) for skew protection. It ensures you fetch assets from the correct deployment version if a new update is released while you are browsing. It does not track you.",
       "cookie_h3": "h3",
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index 315e33baa..99a2d2805 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -972,6 +972,9 @@
       "title": "WHAT TYPES OF COOKIES DO WE USE?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
       "bold": "essential technical cookies",
+      "li1": "{li11}{separator} {li12}",
+      "li2": "{li21}{separator} {li22}",
+      "separator": ":",
       "cookie_vdpl": "__vdpl",
       "cookie_vdpl_desc": "This cookie is used by our hosting provider (Vercel) for skew protection. It ensures you fetch assets from the correct deployment version if a new update is released while you are browsing. It does not track you.",
       "cookie_h3": "h3",

From eae2328b8be34cace6e0c2e480b974333e72ff1d Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Thu, 5 Feb 2026 05:09:07 +0000
Subject: [PATCH 13/13] [autofix.ci] apply automated fixes

---
 lunaria/files/ar-EG.json | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/lunaria/files/ar-EG.json b/lunaria/files/ar-EG.json
index fb35a43e7..e7ed0a3ab 100644
--- a/lunaria/files/ar-EG.json
+++ b/lunaria/files/ar-EG.json
@@ -929,13 +929,5 @@
         "vulnerabilities_summary": "{count} ({critical} حرجة/{high} عالية)"
       }
     }
-  },
-  "cookie_policy": {
-    "section_2": {
-      "li1": "{li11}{separator} {li12}",
-      "li2": "{li21}{separator} {li22}",
-      "cookie_vdpl_desc": "يستخدم مزود خدمة الاستضافة لدينا (Vercel) هذه الكعكة لحماية الموقع من التشويش. فهي تضمن لك جلب الملفات من إصدار النشر الصحيح في حال صدور تحديث جديد أثناء تصفحك. ولا تقوم هذه الكعكة بتتبعك.",
-      "cookie_h3_desc": "هذه هي كعكة الجلسة الآمنة الخاصة بنا. تقوم بتخزين رمز الوصول OAuth عند اتصالك بحساب Atmosphere الخاص بك. وهي ضرورية للحفاظ على جلستك الموثقة."
-    }
   }
 }