diff --git a/assets/components/SidePanel.vue b/assets/components/SidePanel.vue
index a208d773..b1505c87 100644
--- a/assets/components/SidePanel.vue
+++ b/assets/components/SidePanel.vue
@@ -2,9 +2,7 @@
   <aside class="fixed h-screen w-[inherit] overflow-auto p-3" data-testid="navigation">
     <h1>
       <router-link :to="{ name: '/' }">
-        <svg class="h-14 w-28 fill-secondary">
-          <use href="#logo"></use>
-        </svg>
+        <LogoWithText class="logo h-16 w-40" />
       </router-link>
 
       <small class="mb-4 block text-xs font-light" v-if="hostname">
@@ -28,5 +26,18 @@
 </template>
 
 <script lang="ts" setup>
+import LogoWithText from "@/logo-text.svg";
 const { hostname } = config;
 </script>
+
+<style scoped lang="postcss">
+.logo {
+  :deep(.content-fill) {
+    @apply fill-base-content;
+  }
+
+  :deep(.secondary-fill) {
+    @apply fill-secondary;
+  }
+}
+</style>
diff --git a/assets/components/common/MobileMenu.vue b/assets/components/common/MobileMenu.vue
index e2e303e3..68dfbb32 100644
--- a/assets/components/common/MobileMenu.vue
+++ b/assets/components/common/MobileMenu.vue
@@ -2,9 +2,7 @@
   <nav class="fixed top-0 z-10 w-full border-b border-base-content/20 bg-base p-2" data-testid="navigation">
     <div class="flex items-center">
       <router-link :to="{ name: '/' }">
-        <svg class="h-14 w-28 fill-secondary">
-          <use href="#logo"></use>
-        </svg>
+        <Logo class="logo h-10 w-14" />
       </router-link>
 
       <div class="ml-auto flex items-center gap-2">
@@ -28,6 +26,7 @@
 </template>
 
 <script lang="ts" setup>
+import Logo from "@/logo.svg";
 const route = useRoute();
 
 const show = ref(false);
@@ -59,4 +58,10 @@ li.exited {
 .fade-leave-to .menu {
   @apply -translate-y-2;
 }
+
+.logo {
+  :deep(.secondary-fill) {
+    @apply fill-secondary;
+  }
+}
 </style>
diff --git a/assets/favicon.svg b/assets/favicon.svg
deleted file mode 100644
index 07cc8884..00000000
--- a/assets/favicon.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="128" height="128" rx="6" fill="#222222"/>
-<path d="M82.3248 94.3863H123V104.093H67.8025V95.3506L106.164 44.3736H68.3808V34.5382H121.072V42.9594L82.3248 94.3863Z" fill="#FFDD57"/>
-<path d="M8 107.107L17.5656 14L43.8372 16.7013C51.9339 17.5338 58.9091 20.0604 64.7629 24.2812C70.6166 28.5019 74.8873 34.0893 77.5749 41.0432C80.3052 48.0016 81.2514 55.7674 80.4137 64.3407L79.8027 70.2877C78.9005 79.0698 76.4053 86.5894 72.3173 92.8468C68.2719 99.1084 62.914 103.684 56.2436 106.574C49.6158 109.468 42.1213 110.529 33.7602 109.755L8 107.107ZM28.8005 25.3655L21.3043 98.3288L34.2164 99.6565C43.6767 100.629 51.3299 98.4435 57.1758 93.0993C63.0644 87.7595 66.5671 79.6542 67.684 68.7832L68.2424 63.3477C69.3286 52.7752 67.6788 44.3123 63.293 37.9592C58.9542 31.5678 52.2295 27.8607 43.1188 26.8377L28.8005 25.3655Z" fill="#FFDD57"/>
-</svg>
diff --git a/assets/logo-text.svg b/assets/logo-text.svg
new file mode 100644
index 00000000..19dd616c
--- /dev/null
+++ b/assets/logo-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 396 114"><path class="secondary-fill" d="M89.408 46.477a6.49 6.49 0 0 0-6.488 6.49 6.488 6.488 0 1 0 12.978 0 6.49 6.49 0 0 0-6.49-6.49m-42.836 0a6.49 6.49 0 1 0 0 12.98 6.49 6.49 0 0 0 0-12.98M28.5 38.295a6.5 6.5 0 0 1-1.897-4.593 6.474 6.474 0 0 1 6.49-6.49c1.663 0 3.327.631 4.592 1.896l-1.517 1.12a51.67 51.67 0 0 1 31.822-10.91c11.999 0 23.028 4.078 31.823 10.91L98.3 29.113a6.47 6.47 0 0 1 4.592-1.897c1.659 0 3.324.63 4.588 1.897a6.52 6.52 0 0 1 1.892 4.593 6.47 6.47 0 0 1-1.892 4.594l1.514 1.113c21.944 21.942-15.406 31.822-15.406 31.822H42.392c-1.077 0-38.88-8.35-15.406-31.822zM102.214 94.411a7.894 7.894 0 0 1-7.894-7.895 7.893 7.893 0 1 1 15.787 0 7.89 7.89 0 0 1-7.893 7.895M37.355 95.13a7.894 7.894 0 0 1-7.895-7.896 7.894 7.894 0 0 1 7.895-7.893 7.894 7.894 0 0 1 7.896 7.893 7.894 7.894 0 0 1-7.896 7.895M44.372 72.866h47.402s-22.981 7.899-47.402 0"/><path class="content-fill" d="M142 79.928V33.446h13.836c3.571 0 6.886.574 9.947 1.786 3.06 1.147 5.675 2.805 7.779 4.846 4.272 4.144 6.822 10.01 6.822 16.514 0 3.379-.637 6.567-1.913 9.5-1.275 2.933-3.06 5.356-5.228 7.396-4.4 4.017-10.648 6.44-17.407 6.44zm4.91-41.89v37.3h8.735c3.889 0 7.332-.83 10.265-2.423 2.997-1.595 5.356-3.762 6.95-6.568 1.658-2.805 2.487-6.057 2.487-9.628 0-5.292-1.977-10.01-5.356-13.39-3.315-3.315-8.48-5.292-14.346-5.292zm86.587 18.554c0 4.4-1.02 8.416-2.997 12.05q-3.06 5.452-8.416 8.608c-3.634 2.104-7.588 3.188-12.051 3.188-3.252 0-6.312-.637-9.245-1.849-2.869-1.211-5.356-2.869-7.397-5.037-2.04-2.04-3.634-4.527-4.845-7.46-1.148-2.933-1.786-5.993-1.786-9.245q0-6.6 3.061-12.051c1.976-3.635 4.782-6.568 8.416-8.672C201.808 34.02 205.825 33 210.224 33c3.252 0 6.313.574 9.246 1.785 2.869 1.276 5.356 2.933 7.396 4.974 2.04 2.168 3.698 4.654 4.846 7.523 1.211 2.934 1.785 5.994 1.785 9.31m-5.037.255c0-5.229-1.913-10.075-5.101-13.581s-7.97-5.739-13.326-5.739c-3.443 0-6.567.893-9.373 2.55-2.805 1.786-4.973 4.081-6.503 6.95q-2.296 4.4-2.296 9.565c0 5.164 1.913 10.074 5.101 13.517 3.188 3.507 7.97 5.739 13.262 5.739 3.444 0 6.568-.893 9.373-2.615 2.87-1.657 5.037-4.017 6.568-6.886 1.53-2.87 2.295-6.057 2.295-9.5m43.932 18.618v4.463h-33.539v-4.463l27.672-37.555H239.81v-4.464h32.454v4.464l-27.8 37.555zm38.192 0v4.463h-33.538v-4.463l27.672-37.555h-26.715v-4.464h32.454v4.464l-27.8 37.555zm8.927 4.463V33.446h4.91v41.891h22.061v4.591zm34.622 0V33.446h29.075v4.527h-24.165v16.068h22.125v4.527h-22.125v16.833h24.42v4.527z"/></svg>
diff --git a/assets/logo.svg b/assets/logo.svg
new file mode 100644
index 00000000..ecebd7bc
--- /dev/null
+++ b/assets/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97 76" fill="none"><path class="secondary-fill" d="M70.091 27.16a6.49 6.49 0 0 0-6.488 6.49 6.488 6.488 0 1 0 12.978 0 6.49 6.49 0 0 0-6.49-6.49m-42.836 0a6.49 6.49 0 1 0 0 12.98 6.49 6.49 0 0 0 0-12.98M9.182 18.977a6.5 6.5 0 0 1-1.898-4.592 6.474 6.474 0 0 1 6.49-6.49c1.664 0 3.327.631 4.593 1.896l-1.517 1.12A51.67 51.67 0 0 1 48.672 0C60.671 0 71.7 4.08 80.495 10.911l-1.512-1.115A6.46 6.46 0 0 1 83.575 7.9c1.659 0 3.324.63 4.587 1.897a6.51 6.51 0 0 1 1.893 4.593 6.47 6.47 0 0 1-1.893 4.594l1.515 1.113c21.944 21.942-15.406 31.822-15.406 31.822H23.075c-1.077 0-38.88-8.35-15.406-31.822zM82.897 75.094a7.894 7.894 0 0 1-7.894-7.895 7.893 7.893 0 1 1 15.787 0 7.893 7.893 0 0 1-7.893 7.895M18.038 75.812a7.894 7.894 0 0 1-7.895-7.895 7.894 7.894 0 0 1 7.895-7.894 7.894 7.894 0 0 1 7.896 7.894 7.894 7.894 0 0 1-7.896 7.895M25.055 53.549h47.402s-22.981 7.899-47.402 0"/></svg>
diff --git a/assets/main.css b/assets/main.css
index c2b23003..4e0e2c3a 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -29,7 +29,7 @@
     --base-darker-color: 11% 0 0;
     --base-content-color: 89.23% 0 0;
     --primary-color: 70.96% 0.143 176.65;
-    --secondary-color: 91.36% 0.11098 90.1243;
+    --secondary-color: 81.38% 0.1448 90.1243;
   }
 
   html[data-theme="light"] {
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 3501795d..ebbf8a2b 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -27,6 +27,7 @@ export default defineConfig({
     ],
   ],
   themeConfig: {
+    logo: "/logo.svg",
     search: {
       provider: "local",
     },
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index bc302a2d..e253b88b 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -149,13 +149,11 @@
 
 .VPHomeHero .name {
   @apply text-7xl font-light;
-  font-family: "Playfair Display Variable", serif;
 }
 
 .VPNavBarTitle .title {
   @apply text-3xl font-light;
-  color: var(--bar-title-color);
-  font-family: "Playfair Display Variable", serif;
+  text-transform: uppercase;
 }
 
 .VPHero .container .image {
diff --git a/docs/public/logo.svg b/docs/public/logo.svg
new file mode 100644
index 00000000..6f5d9910
--- /dev/null
+++ b/docs/public/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97 76" width="97" height="76" fill="none"><path fill="oklch(81.38% .1448 90.1243)" d="M70.091 27.16a6.49 6.49 0 0 0-6.488 6.49 6.488 6.488 0 1 0 12.978 0 6.49 6.49 0 0 0-6.49-6.49m-42.836 0a6.49 6.49 0 1 0 0 12.98 6.49 6.49 0 0 0 0-12.98M9.182 18.977a6.5 6.5 0 0 1-1.898-4.592 6.474 6.474 0 0 1 6.49-6.49c1.664 0 3.327.631 4.593 1.896l-1.517 1.12A51.67 51.67 0 0 1 48.672 0C60.671 0 71.7 4.08 80.495 10.911l-1.512-1.115A6.46 6.46 0 0 1 83.575 7.9c1.659 0 3.324.63 4.587 1.897a6.51 6.51 0 0 1 1.893 4.593 6.47 6.47 0 0 1-1.893 4.594l1.515 1.113c21.944 21.942-15.406 31.822-15.406 31.822H23.075c-1.077 0-38.88-8.35-15.406-31.822zM82.897 75.094a7.894 7.894 0 0 1-7.894-7.895 7.893 7.893 0 1 1 15.787 0 7.893 7.893 0 0 1-7.893 7.895M18.038 75.812a7.894 7.894 0 0 1-7.895-7.895 7.894 7.894 0 0 1 7.895-7.894 7.894 7.894 0 0 1 7.896 7.894 7.894 7.894 0 0 1-7.896 7.895M25.055 53.549h47.402s-22.981 7.899-47.402 0"/></svg>
diff --git a/e2e/visual.spec.ts-snapshots/dark-homepage-1-Mobile-Chrome-linux.png b/e2e/visual.spec.ts-snapshots/dark-homepage-1-Mobile-Chrome-linux.png
index c01b5d6e..f8b374a9 100644
Binary files a/e2e/visual.spec.ts-snapshots/dark-homepage-1-Mobile-Chrome-linux.png and b/e2e/visual.spec.ts-snapshots/dark-homepage-1-Mobile-Chrome-linux.png differ
diff --git a/e2e/visual.spec.ts-snapshots/dark-homepage-1-chromium-linux.png b/e2e/visual.spec.ts-snapshots/dark-homepage-1-chromium-linux.png
index 2b7b85e3..4fcc10c4 100644
Binary files a/e2e/visual.spec.ts-snapshots/dark-homepage-1-chromium-linux.png and b/e2e/visual.spec.ts-snapshots/dark-homepage-1-chromium-linux.png differ
diff --git a/e2e/visual.spec.ts-snapshots/default-homepage-1-Mobile-Chrome-linux.png b/e2e/visual.spec.ts-snapshots/default-homepage-1-Mobile-Chrome-linux.png
index 986da5c5..f1dbfcef 100644
Binary files a/e2e/visual.spec.ts-snapshots/default-homepage-1-Mobile-Chrome-linux.png and b/e2e/visual.spec.ts-snapshots/default-homepage-1-Mobile-Chrome-linux.png differ
diff --git a/e2e/visual.spec.ts-snapshots/default-homepage-1-chromium-linux.png b/e2e/visual.spec.ts-snapshots/default-homepage-1-chromium-linux.png
index 201cf657..3f6074f0 100644
Binary files a/e2e/visual.spec.ts-snapshots/default-homepage-1-chromium-linux.png and b/e2e/visual.spec.ts-snapshots/default-homepage-1-chromium-linux.png differ
diff --git a/package.json b/package.json
index c679ef78..d1b5914e 100644
--- a/package.json
+++ b/package.json
@@ -72,6 +72,7 @@
     "vite": "5.4.10",
     "vite-plugin-compression2": "^1.3.0",
     "vite-plugin-vue-layouts": "^0.11.0",
+    "vite-svg-loader": "^5.1.0",
     "vitepress": "1.4.1",
     "vue": "^3.5.12",
     "vue-i18n": "^10.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 676a8024..7e79d731 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -137,6 +137,9 @@ importers:
       vite-plugin-vue-layouts:
         specifier: ^0.11.0
         version: 0.11.0(vite@5.4.10(@types/node@22.8.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+      vite-svg-loader:
+        specifier: ^5.1.0
+        version: 5.1.0(vue@3.5.12(typescript@5.6.3))
       vitepress:
         specifier: 1.4.1
         version: 1.4.1(@algolia/client-search@5.4.1)(@types/node@22.8.0)(fuse.js@7.0.0)(postcss@8.4.47)(search-insights@2.17.2)(sortablejs@1.15.3)(typescript@5.6.3)
@@ -1014,6 +1017,10 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20'
 
+  '@trysound/sax@0.2.0':
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+
   '@tsconfig/node10@1.0.11':
     resolution: {integrity: sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==}
 
@@ -1585,6 +1592,9 @@ packages:
   birpc@0.2.17:
     resolution: {integrity: sha512-+hkTxhot+dWsLpp3gia5AkVHIsKlZybNT5gIYiDlNzJrmYPcTM9k5/w2uaj3IPpd7LlEYpmCj4Jj1nC41VhDFg==}
 
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
 
@@ -1740,6 +1750,10 @@ packages:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
 
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
   computeds@0.0.1:
     resolution: {integrity: sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==}
 
@@ -1775,14 +1789,33 @@ packages:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
 
+  css-select@5.1.0:
+    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
+
   css-selector-tokenizer@0.8.0:
     resolution: {integrity: sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==}
 
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
     hasBin: true
 
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
   cssstyle@4.1.0:
     resolution: {integrity: sha512-h66W1URKpBS5YMI/V8PyXvTMFT8SupJ1IzoIV8IeBC/ji8WVmrO8dGlTi+2dh6whmdk6BiKJLD/ZBkhWbcg6nA==}
     engines: {node: '>=18'}
@@ -1866,15 +1899,6 @@ packages:
   de-indent@1.0.2:
     resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
 
-  debug@4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
   debug@4.3.6:
     resolution: {integrity: sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==}
     engines: {node: '>=6.0'}
@@ -1934,6 +1958,19 @@ packages:
   dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+
   dotenv@16.4.5:
     resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
@@ -2492,6 +2529,12 @@ packages:
   mdast-util-to-hast@13.2.0:
     resolution: {integrity: sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==}
 
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
   merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
 
@@ -2630,6 +2673,9 @@ packages:
     resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
   nwsapi@2.2.12:
     resolution: {integrity: sha512-qXDmcVlZV4XRtKFzddidpfVP4oMSGhga+xdMc25mv8kaLUHtgzCDhUxkrN8exkGdTlLNaXj7CV3GtON7zuGZ+w==}
 
@@ -3111,6 +3157,11 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  svgo@3.3.2:
+    resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
@@ -3436,6 +3487,11 @@ packages:
       vue: ^3.2.4
       vue-router: ^4.0.11
 
+  vite-svg-loader@5.1.0:
+    resolution: {integrity: sha512-M/wqwtOEjgb956/+m5ZrYT/Iq6Hax0OakWbokj8+9PXOnB7b/4AxESHieEtnNEy7ZpjsjYW1/5nK8fATQMmRxw==}
+    peerDependencies:
+      vue: '>=3.2.13'
+
   vite@5.4.10:
     resolution: {integrity: sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -4355,6 +4411,8 @@ snapshots:
       postcss-selector-parser: 6.0.10
       tailwindcss: 3.4.14(ts-node@10.9.2(@types/node@22.8.0)(typescript@5.6.3))
 
+  '@trysound/sax@0.2.0': {}
+
   '@tsconfig/node10@1.0.11': {}
 
   '@tsconfig/node12@1.0.11': {}
@@ -5112,6 +5170,8 @@ snapshots:
 
   birpc@0.2.17: {}
 
+  boolbase@1.0.0: {}
+
   brace-expansion@1.1.11:
     dependencies:
       balanced-match: 1.0.2
@@ -5291,6 +5351,8 @@ snapshots:
 
   commander@4.1.1: {}
 
+  commander@7.2.0: {}
+
   computeds@0.0.1: {}
 
   concat-map@0.0.1: {}
@@ -5328,13 +5390,37 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  css-select@5.1.0:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.1.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      nth-check: 2.1.1
+
   css-selector-tokenizer@0.8.0:
     dependencies:
       cssesc: 3.0.0
       fastparse: 1.1.2
 
+  css-tree@2.2.1:
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.2.1
+
+  css-tree@2.3.1:
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.2.1
+
+  css-what@6.1.0: {}
+
   cssesc@3.0.0: {}
 
+  csso@5.0.5:
+    dependencies:
+      css-tree: 2.2.1
+
   cssstyle@4.1.0:
     dependencies:
       rrweb-cssom: 0.7.1
@@ -5412,10 +5498,6 @@ snapshots:
 
   de-indent@1.0.2: {}
 
-  debug@4.3.4:
-    dependencies:
-      ms: 2.1.2
-
   debug@4.3.6:
     dependencies:
       ms: 2.1.2
@@ -5452,6 +5534,24 @@ snapshots:
 
   dlv@1.1.3: {}
 
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.1.0:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
   dotenv@16.4.5: {}
 
   eastasianwidth@0.2.0: {}
@@ -6099,6 +6199,10 @@ snapshots:
       unist-util-visit: 5.0.0
       vfile: 6.0.3
 
+  mdn-data@2.0.28: {}
+
+  mdn-data@2.0.30: {}
+
   merge-stream@2.0.0: {}
 
   merge2@1.4.1: {}
@@ -6213,6 +6317,10 @@ snapshots:
     dependencies:
       path-key: 4.0.0
 
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
   nwsapi@2.2.12: {}
 
   nypm@0.3.9:
@@ -6612,6 +6720,16 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  svgo@3.3.2:
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 5.1.0
+      css-tree: 2.3.1
+      css-what: 6.1.0
+      csso: 5.0.5
+      picocolors: 1.1.0
+
   symbol-tree@3.2.4: {}
 
   tabbable@6.2.0: {}
@@ -7042,7 +7160,7 @@ snapshots:
 
   vite-plugin-vue-layouts@0.11.0(vite@5.4.10(@types/node@22.8.0))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)):
     dependencies:
-      debug: 4.3.4
+      debug: 4.3.7
       fast-glob: 3.3.2
       vite: 5.4.10(@types/node@22.8.0)
       vue: 3.5.12(typescript@5.6.3)
@@ -7050,6 +7168,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  vite-svg-loader@5.1.0(vue@3.5.12(typescript@5.6.3)):
+    dependencies:
+      svgo: 3.3.2
+      vue: 3.5.12(typescript@5.6.3)
+
   vite@5.4.10(@types/node@22.8.0):
     dependencies:
       esbuild: 0.21.5
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index e21fa789..5acaa662 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 00000000..a09946fc
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/index.html b/public/index.html
index 46d91e75..c715b422 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,11 +7,7 @@
     <script type="application/json" id="config__json">
       {{ marshal .Config }}
     </script>
-    <link
-      rel="icon"
-      href="data:image/svg+xml,%3Csvg%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%22128%22%20height%3D%22128%22%20rx%3D%226%22%20fill%3D%22%23222222%22%2F%3E%0A%3Cpath%20d%3D%22M82.3248%2094.3863H123V104.093H67.8025V95.3506L106.164%2044.3736H68.3808V34.5382H121.072V42.9594L82.3248%2094.3863Z%22%20fill%3D%22%23FFDD57%22%2F%3E%0A%3Cpath%20d%3D%22M8%20107.107L17.5656%2014L43.8372%2016.7013C51.9339%2017.5338%2058.9091%2020.0604%2064.7629%2024.2812C70.6166%2028.5019%2074.8873%2034.0893%2077.5749%2041.0432C80.3052%2048.0016%2081.2514%2055.7674%2080.4137%2064.3407L79.8027%2070.2877C78.9005%2079.0698%2076.4053%2086.5894%2072.3173%2092.8468C68.2719%2099.1084%2062.914%20103.684%2056.2436%20106.574C49.6158%20109.468%2042.1213%20110.529%2033.7602%20109.755L8%20107.107ZM28.8005%2025.3655L21.3043%2098.3288L34.2164%2099.6565C43.6767%20100.629%2051.3299%2098.4435%2057.1758%2093.0993C63.0644%2087.7595%2066.5671%2079.6542%2067.684%2068.7832L68.2424%2063.3477C69.3286%2052.7752%2067.6788%2044.3123%2063.293%2037.9592C58.9542%2031.5678%2052.2295%2027.8607%2043.1188%2026.8377L28.8005%2025.3655Z%22%20fill%3D%22%23FFDD57%22%2F%3E%0A%3C%2Fsvg%3E%0A"
-      type="image/svg+xml"
-    />
+    <link rel="icon" href="{{ .Base }}/favicon.png" type="image/png" />
     {{- if .Dev}}
     <script type="module" src="http://localhost:5173/@vite/client"></script>
     <script type="module" src="http://localhost:5173/assets/main.ts"></script>
@@ -26,21 +22,6 @@
   </head>
 
   <body>
-    <svg
-      aria-hidden="true"
-      class="hidden"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-    >
-      <defs>
-        <symbol id="logo" viewBox="0 0 145 64">
-          <path
-            d="M15.12 18.016C20.848 18.016 25.104 19.456 27.888 22.336C30.672 25.184 32.064 29.28 32.064 34.624C32.064 38.112 31.376 41.168 30 43.792C28.656 46.384 26.688 48.4 24.096 49.84C21.504 51.28 18.368 52 14.688 52C13.984 52 12.944 51.984 11.568 51.952C10.192 51.888 8.992 51.856 7.968 51.856C6.848 51.856 5.744 51.872 4.656 51.904C3.568 51.904 2.688 51.936 2.016 52V51.04C3.104 50.976 3.92 50.848 4.464 50.656C5.04 50.464 5.424 50.08 5.616 49.504C5.808 48.928 5.904 48.064 5.904 46.912V23.104C5.904 21.92 5.808 21.056 5.616 20.512C5.424 19.936 5.04 19.552 4.464 19.36C3.92 19.136 3.104 19.008 2.016 18.976V18.016C2.688 18.048 3.568 18.096 4.656 18.16C5.744 18.192 6.816 18.192 7.872 18.16C8.992 18.128 10.256 18.096 11.664 18.064C13.072 18.032 14.224 18.016 15.12 18.016ZM13.92 18.88C12.448 18.88 11.488 19.152 11.04 19.696C10.592 20.24 10.368 21.344 10.368 23.008V47.008C10.368 48.672 10.592 49.776 11.04 50.32C11.52 50.864 12.496 51.136 13.968 51.136C17.456 51.136 20.16 50.512 22.08 49.264C24 47.984 25.344 46.128 26.112 43.696C26.88 41.264 27.264 38.304 27.264 34.816C27.264 29.44 26.272 25.44 24.288 22.816C22.336 20.192 18.88 18.88 13.92 18.88ZM47.8395 26.608C49.8875 26.608 51.7275 27.056 53.3595 27.952C54.9915 28.848 56.2875 30.256 57.2475 32.176C58.2395 34.096 58.7355 36.592 58.7355 39.664C58.7355 42.736 58.2395 45.232 57.2475 47.152C56.2875 49.04 54.9915 50.432 53.3595 51.328C51.7275 52.224 49.8875 52.672 47.8395 52.672C45.8235 52.672 43.9835 52.224 42.3195 51.328C40.6875 50.432 39.3755 49.04 38.3835 47.152C37.4235 45.232 36.9435 42.736 36.9435 39.664C36.9435 36.592 37.4235 34.096 38.3835 32.176C39.3755 30.256 40.6875 28.848 42.3195 27.952C43.9835 27.056 45.8235 26.608 47.8395 26.608ZM47.8395 27.568C46.0155 27.568 44.5115 28.512 43.3275 30.4C42.1755 32.288 41.5995 35.376 41.5995 39.664C41.5995 43.952 42.1755 47.04 43.3275 48.928C44.5115 50.784 46.0155 51.712 47.8395 51.712C49.6635 51.712 51.1515 50.784 52.3035 48.928C53.4875 47.04 54.0795 43.952 54.0795 39.664C54.0795 35.376 53.4875 32.288 52.3035 30.4C51.1515 28.512 49.6635 27.568 47.8395 27.568ZM82.0564 27.04L68.1844 51.28H73.4644C74.7444 51.28 75.8484 51.024 76.7764 50.512C77.7364 50 78.5044 49.184 79.0804 48.064C79.6564 46.912 80.0084 45.408 80.1364 43.552H81.2404C81.2404 45.6 81.2564 47.328 81.2884 48.736C81.3204 50.144 81.3684 51.296 81.4324 52.192C80.0244 52.128 78.5524 52.08 77.0164 52.048C75.5124 52.016 74.0084 52 72.5044 52C70.9044 52 69.2724 52.016 67.6084 52.048C65.9444 52.112 64.3444 52.176 62.8084 52.24L76.6804 28H71.4004C69.9924 28 68.8084 28.256 67.8484 28.768C66.9204 29.28 66.2004 30.112 65.6884 31.264C65.2084 32.384 64.8884 33.872 64.7284 35.728H63.6244C63.6244 33.648 63.6084 31.92 63.5764 30.544C63.5444 29.136 63.4964 27.984 63.4324 27.088C64.8404 27.152 66.2964 27.2 67.8004 27.232C69.3364 27.264 70.8564 27.28 72.3604 27.28C73.9604 27.28 75.5924 27.264 77.2564 27.232C78.9204 27.168 80.5204 27.104 82.0564 27.04ZM104.885 27.04L91.0125 51.28H96.2925C97.5725 51.28 98.6765 51.024 99.6045 50.512C100.565 50 101.333 49.184 101.909 48.064C102.485 46.912 102.837 45.408 102.965 43.552H104.069C104.069 45.6 104.085 47.328 104.117 48.736C104.149 50.144 104.197 51.296 104.261 52.192C102.853 52.128 101.381 52.08 99.8445 52.048C98.3405 52.016 96.8365 52 95.3325 52C93.7325 52 92.1005 52.016 90.4365 52.048C88.7725 52.112 87.1725 52.176 85.6365 52.24L99.5085 28H94.2285C92.8205 28 91.6365 28.256 90.6765 28.768C89.7485 29.28 89.0285 30.112 88.5165 31.264C88.0365 32.384 87.7165 33.872 87.5565 35.728H86.4525C86.4525 33.648 86.4365 31.92 86.4045 30.544C86.3725 29.136 86.3245 27.984 86.2605 27.088C87.6685 27.152 89.1245 27.2 90.6285 27.232C92.1645 27.264 93.6845 27.28 95.1885 27.28C96.7885 27.28 98.4205 27.264 100.085 27.232C101.749 27.168 103.349 27.104 104.885 27.04ZM115.665 14.368V47.536C115.665 48.88 115.937 49.792 116.481 50.272C117.057 50.752 118.001 50.992 119.313 50.992V52C118.769 51.968 117.937 51.936 116.817 51.904C115.729 51.84 114.625 51.808 113.505 51.808C112.417 51.808 111.313 51.84 110.193 51.904C109.073 51.936 108.241 51.968 107.697 52V50.992C109.009 50.992 109.937 50.752 110.481 50.272C111.057 49.792 111.345 48.88 111.345 47.536V20.128C111.345 18.688 111.089 17.632 110.577 16.96C110.065 16.256 109.105 15.904 107.697 15.904V14.896C108.721 14.992 109.713 15.04 110.673 15.04C111.601 15.04 112.481 14.992 113.313 14.896C114.177 14.768 114.961 14.592 115.665 14.368ZM132.962 26.608C135.778 26.608 137.97 27.472 139.538 29.2C141.138 30.896 141.938 33.552 141.938 37.168H124.994L124.946 36.256H137.33C137.394 34.688 137.266 33.248 136.946 31.936C136.626 30.592 136.114 29.52 135.41 28.72C134.738 27.92 133.858 27.52 132.77 27.52C131.298 27.52 129.986 28.256 128.834 29.728C127.714 31.2 127.042 33.536 126.818 36.736L126.962 36.928C126.898 37.408 126.85 37.936 126.818 38.512C126.786 39.088 126.77 39.664 126.77 40.24C126.77 42.416 127.122 44.288 127.826 45.856C128.53 47.424 129.442 48.624 130.562 49.456C131.714 50.256 132.898 50.656 134.114 50.656C135.554 50.656 136.882 50.304 138.098 49.6C139.314 48.896 140.338 47.648 141.17 45.856L142.13 46.24C141.778 47.296 141.202 48.32 140.402 49.312C139.602 50.304 138.594 51.12 137.378 51.76C136.162 52.368 134.754 52.672 133.154 52.672C130.85 52.672 128.866 52.144 127.202 51.088C125.57 50.032 124.306 48.576 123.41 46.72C122.546 44.832 122.114 42.672 122.114 40.24C122.114 37.424 122.562 35.008 123.458 32.992C124.354 30.944 125.618 29.376 127.25 28.288C128.882 27.168 130.786 26.608 132.962 26.608Z"
-          />
-        </symbol>
-      </defs>
-    </svg>
     <div id="app"></div>
   </body>
 </html>
diff --git a/vite.config.ts b/vite.config.ts
index 767e9f74..eb55302f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -11,6 +11,7 @@ import Layouts from "vite-plugin-vue-layouts";
 import VueI18nPlugin from "@intlify/unplugin-vue-i18n/vite";
 import { compression } from "vite-plugin-compression2";
 import { VueRouterAutoImports } from "unplugin-vue-router";
+import svgLoader from "vite-svg-loader";
 
 export default defineConfig(() => ({
   resolve: {
@@ -71,21 +72,8 @@ export default defineConfig(() => ({
       include: [path.resolve(__dirname, "locales/**")],
     }),
     compression({ algorithm: "brotliCompress", exclude: [/\.(html)$/] }),
+    svgLoader({}),
   ],
-  server: {
-    watch: {
-      ignored: ["**/data/**"],
-    },
-    proxy: {
-      "/api": {
-        target: {
-          host: "127.0.0.1",
-          port: 3100,
-        },
-        changeOrigin: false,
-      },
-    },
-  },
   test: {
     include: ["assets/**/*.spec.ts"],
   },