diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
index ad9a0e824..a2b408b52 100644
--- a/.github/workflows/gh-pages.yml
+++ b/.github/workflows/gh-pages.yml
@@ -22,8 +22,6 @@ jobs:
         cache: 'npm'
         cache-dependency-path: package-lock.json
         registry-url: 'https://npm.pkg.github.com/'
-    - name: Install Tools
-      run: npm install -g postcss-cli autoprefixer
     - name: NPM install
       run: |
         npm config set "@skymatic:registry" https://npm.pkg.github.com/
diff --git a/README.md b/README.md
index df88e98d1..f0cf42e68 100644
--- a/README.md
+++ b/README.md
@@ -3,9 +3,6 @@
 # Usage
 ## Requirements
 * Hugo
-* NPM
-  * postcss-cli (`npm install -g postcss-cli`)
-  * autoprefixer (`npm install -g autoprefixer`)
 * Fontawesome Pro `npm config set "@skymatic:registry" https://npm.pkg.github.com/ && npm config set "//npm.pkg.github.com/:_authToken" TOKEN`
 
 ## Building
diff --git a/assets/css/custom.css b/assets/css/custom.css
index 01a678f64..919f11d91 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -12,12 +12,12 @@
 }
 
 .btn {
-  @apply inline-block border rounded no-underline text-center px-4 py-2;
+  @apply inline-block border rounded-sm no-underline text-center px-4 py-2;
 }
 
 .btn:hover,
 .btn:focus {
-  @apply no-underline outline-none;
+  @apply no-underline outline-hidden;
 }
 
 .btn:disabled,
@@ -82,7 +82,7 @@
 }
 
 .StripeElement {
-  @apply rounded border border-gray-300 px-3 py-2;
+  @apply rounded-sm border border-gray-300 px-3 py-2;
 }
 
 .StripeElement--focus {
@@ -127,14 +127,6 @@ textarea:read-only {
   min-height: 80vh;
 }
 
-nav a {
-  color: inherit;
-}
-
-nav a:hover {
-  color: inherit;
-}
-
 .bg-trans-white {
   background-color: rgba(255, 255, 255, 0.05);
 }
@@ -168,8 +160,3 @@ nav a:hover {
   margin-top: -96px;
   visibility: hidden;
 }
-
-/* see https://alpinejs.dev/directives/cloak */
-[x-cloak] {
-  display: none !important;
-}
diff --git a/assets/css/main.css b/assets/css/main.css
index 194aaa0a3..ca044ab9f 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,8 +1,198 @@
-/* purgecss start ignore */
-@import "tailwindcss/base";
-@import "tailwindcss/components";
-/* purgecss end ignore */
-@import "assets/css/custom.css";
-@import "assets/css/fonts.css";
-@import "@skymatic/fontawesome-pro/css/all";
-@import "tailwindcss/utilities";
+@import 'tailwindcss';
+@import './fonts.css';
+
+@layer components {
+  @import './custom.css';
+}
+
+@import '@skymatic/fontawesome-pro/css/all' layer(components);
+
+@plugin '@tailwindcss/forms';
+@plugin '@tailwindcss/typography';
+
+@config './tailwind.config.js';
+
+@theme {
+  --color-*: initial;
+  --color-transparent: transparent;
+  --color-current: currentColor;
+  --color-black: #000;
+  --color-white: #fff;
+
+  --color-gray-100: #f7fafc;
+  --color-gray-200: #edf2f7;
+  --color-gray-300: #e2e8f0;
+  --color-gray-400: #cbd5e0;
+  --color-gray-500: #a0aec0;
+  --color-gray-600: #718096;
+  --color-gray-700: #4a5568;
+  --color-gray-800: #2d3748;
+  --color-gray-900: #1a202c;
+
+  --color-red-100: #fff5f5;
+  --color-red-200: #fed7d7;
+  --color-red-300: #feb2b2;
+  --color-red-400: #fc8181;
+  --color-red-500: #f56565;
+  --color-red-600: #e53e3e;
+  --color-red-700: #c53030;
+  --color-red-800: #9b2c2c;
+  --color-red-900: #742a2a;
+
+  --color-orange-100: #fffaf0;
+  --color-orange-200: #feebc8;
+  --color-orange-300: #fbd38d;
+  --color-orange-400: #f6ad55;
+  --color-orange-500: #ed8936;
+  --color-orange-600: #dd6b20;
+  --color-orange-700: #c05621;
+  --color-orange-800: #9c4221;
+  --color-orange-900: #7b341e;
+
+  --color-yellow-100: #fffff0;
+  --color-yellow-200: #fefcbf;
+  --color-yellow-300: #faf089;
+  --color-yellow-400: #f6e05e;
+  --color-yellow-500: #ecc94b;
+  --color-yellow-600: #d69e2e;
+  --color-yellow-700: #b7791f;
+  --color-yellow-800: #975a16;
+  --color-yellow-900: #744210;
+
+  --color-green-100: #f0fff4;
+  --color-green-200: #c6f6d5;
+  --color-green-300: #9ae6b4;
+  --color-green-400: #68d391;
+  --color-green-500: #48bb78;
+  --color-green-600: #38a169;
+  --color-green-700: #2f855a;
+  --color-green-800: #276749;
+  --color-green-900: #22543d;
+
+  --color-teal-100: #e6fffa;
+  --color-teal-200: #b2f5ea;
+  --color-teal-300: #81e6d9;
+  --color-teal-400: #4fd1c5;
+  --color-teal-500: #38b2ac;
+  --color-teal-600: #319795;
+  --color-teal-700: #2c7a7b;
+  --color-teal-800: #285e61;
+  --color-teal-900: #234e52;
+
+  --color-blue-100: #ebf8ff;
+  --color-blue-200: #bee3f8;
+  --color-blue-300: #90cdf4;
+  --color-blue-400: #63b3ed;
+  --color-blue-500: #4299e1;
+  --color-blue-600: #3182ce;
+  --color-blue-700: #2b6cb0;
+  --color-blue-800: #2c5282;
+  --color-blue-900: #2a4365;
+
+  --color-indigo-100: #ebf4ff;
+  --color-indigo-200: #c3dafe;
+  --color-indigo-300: #a3bffa;
+  --color-indigo-400: #7f9cf5;
+  --color-indigo-500: #667eea;
+  --color-indigo-600: #5a67d8;
+  --color-indigo-700: #4c51bf;
+  --color-indigo-800: #434190;
+  --color-indigo-900: #3c366b;
+
+  --color-purple-100: #faf5ff;
+  --color-purple-200: #e9d8fd;
+  --color-purple-300: #d6bcfa;
+  --color-purple-400: #b794f4;
+  --color-purple-500: #9f7aea;
+  --color-purple-600: #805ad5;
+  --color-purple-700: #6b46c1;
+  --color-purple-800: #553c9a;
+  --color-purple-900: #44337a;
+
+  --color-pink-100: #fff5f7;
+  --color-pink-200: #fed7e2;
+  --color-pink-300: #fbb6ce;
+  --color-pink-400: #f687b3;
+  --color-pink-500: #ed64a6;
+  --color-pink-600: #d53f8c;
+  --color-pink-700: #b83280;
+  --color-pink-800: #97266d;
+  --color-pink-900: #702459;
+
+  --color-primary: #49b04a;
+  --color-primary-l2: #ebf5eb;
+  --color-secondary: #008a7b;
+  --color-tertiary: #005e71;
+  --color-dark: #1e2b33;
+
+  --font-*: initial;
+  --font-headline: Quicksand, sans-serif;
+  --font-body: Open Sans, sans-serif;
+
+  --text-*: initial;
+  --text-xs: 0.75rem;
+  --text-sm: 0.875rem;
+  --text-base: 1rem;
+  --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --text-2xl: 1.5rem;
+  --text-3xl: 1.875rem;
+  --text-4xl: 2.25rem;
+  --text-5xl: 3rem;
+  --text-6xl: 4rem;
+  --text-7xl: 4.5rem;
+
+  --breakpoint-*: initial;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 1280px;
+
+  --animate-hover: hover 10s ease-in-out infinite;
+
+  --height-70px: 70px;
+  --height-412px: 412px;
+
+  --width-fit: fit-content;
+
+  @keyframes hover {
+    0%,
+    100% {
+      transform: rotate(0deg) translateY(0);
+    }
+    50% {
+      transform: rotate(-3deg) translateY(-10px);
+    }
+  }
+}
+
+@utility container {
+  margin-inline: auto;
+  padding-inline: 1rem;
+}
+
+/* see https://alpinejs.dev/directives/cloak */
+[x-cloak] {
+  display: none;
+}
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+}
diff --git a/content/_index.de.html b/content/_index.de.html
index 9e9479b2a..464a8b91c 100644
--- a/content/_index.de.html
+++ b/content/_index.de.html
@@ -9,14 +9,14 @@
         <h2>Nimm die Sicherung deiner Daten selbst in die Hand</h2>
         <p class="lead">Cryptomator ist ein einfaches Tool zur digitalen Selbstverteidigung. Es ermöglicht dir, deine Cloud-Daten eigenständig und unabhängig zu schützen.</p>
         <div class="flex mb-4">
-          <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+          <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-clouds fa-stack-1x fa-inverse"></i>
           </div>
           <span>Die meisten Cloudanbieter verschlüsseln Daten nur während der Übertragung oder aber sie behalten die Schlüssel zur Entschlüsselung für sich selbst. Diese Schlüssel können gestohlen, kopiert oder missbraucht werden. Dank Cryptomator hast nur du den Schlüssel zu deinen Daten in der Hand.</span>
         </div>
         <div class="flex">
-          <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+          <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-lightbulb-on fa-stack-1x fa-inverse"></i>
           </div>
@@ -24,7 +24,7 @@ <h2>Nimm die Sicherung deiner Daten selbst in die Hand</h2>
         </div>
       </div>
       <figure class="text-2xl max-w-sm md:max-w-none md:w-1/3 md:pl-4 lg:pl-8">
-        <img data-src="/img/home/man-vault.png" class="lazyload aspect-[768/533] w-full" alt="Person mit dem Schlüssel zu einem sehr sicheren Tresor"/>
+        <img data-src="/img/home/man-vault.png" class="lazyload aspect-768/533 w-full" alt="Person mit dem Schlüssel zu einem sehr sicheren Tresor"/>
       </figure>
     </div>
   </article>
@@ -37,21 +37,21 @@ <h2>Nimm die Sicherung deiner Daten selbst in die Hand</h2>
         <h2>Wie schützt Cryptomator deine Daten?</h2>
         <p class="lead">Cryptomators Technologie entspricht den neuesten Standards und verschlüsselt sowohl Dateien als auch Dateinamen mit AES und 256-Bit-Schlüssellänge.</p>
         <div class="flex mb-4">
-          <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+          <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-key fa-stack-1x fa-inverse"></i>
           </div>
           <span>Um mit Cryptomator zu starten, vergibst du ein Passwort für einen Ordner - bei uns heißt dieser dann Tresor - innerhalb deiner Cloud. Das ist alles. Keine komplizierte Schlüsselerstellung, keine Registrierung, keine Konfiguration!</span>
         </div>
         <div class="flex mb-4">
-          <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+          <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-hdd fa-stack-1x fa-inverse"></i>
           </div>
           <span>Um auf den Tresor zugreifen zu können, gibst du das Passwort einfach erneut ein. Dir wird ein virtuelles verschlüsseltes Laufwerk bereitgestellt, auf das du deine Daten schieben kannst - genau wie bei einem USB-Stick. Jedes Mal, wenn du etwas auf diesem Laufwerk speicherst, verschlüsselt Cryptomator die Daten automatisch. Ziemlich einfach, oder?</span>
         </div>
         <div class="flex">
-          <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+          <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-shield-check fa-stack-1x fa-inverse"></i>
           </div>
@@ -59,7 +59,7 @@ <h2>Wie schützt Cryptomator deine Daten?</h2>
         </div>
       </div>
       <figure class="text-2xl max-w-sm md:max-w-none md:w-1/3 md:pr-4 lg:pr-8">
-        <img data-src="/img/home/woman-laptop.png" class="lazyload aspect-[768/431] w-full" alt="Person, die vor einem Laptop sitzt, während Cryptobot neben der Person auf den Laptop zeigt"/>
+        <img data-src="/img/home/woman-laptop.png" class="lazyload aspect-768/431 w-full" alt="Person, die vor einem Laptop sitzt, während Cryptobot neben der Person auf den Laptop zeigt"/>
       </figure>
     </div>
   </article>
@@ -69,7 +69,7 @@ <h2>Wie schützt Cryptomator deine Daten?</h2>
   <article class="prose prose-sm md:prose max-w-none md:max-w-none">
     <h2>Optimaler Schutz dank neuesten Technologie-Standards</h2>
     <figure class="mx-auto md:w-5/6 lg:w-2/3">
-      <img data-src="/de/img/home/split-screenshots.avif" class="lazyload aspect-[1664/975] w-full" alt="Gegenüberstellung von verschlüsselten und entschlüsselten Daten in einem Cryptomator-Tresor"/>
+      <img data-src="/de/img/home/split-screenshots.avif" class="lazyload aspect-1664/975 w-full" alt="Gegenüberstellung von verschlüsselten und entschlüsselten Daten in einem Cryptomator-Tresor"/>
       <figcaption>Schaut jemand in den Ordner in deiner Cloud, kann er keinerlei Rückschlüsse auf deine Daten ziehen.</figcaption>
     </figure>
   </article>
@@ -88,7 +88,7 @@ <h3>DSGVO-konform über die Cloud mit deinem ganzen Team synchronisieren</h3>
         <p>Beim Einsatz von Cryptomator und einem Cloud-Service mit entsprechendem AVV kannst du <a href="/de/gdpr/">Daten DSGVO-konform über die Cloud synchronisieren</a> und mit einem ganzen Team nutzen.</p>
       </div>
       <figure class="text-2xl max-w-sm md:max-w-none md:w-1/3 md:pr-4 lg:pr-8">
-        <img data-src="/img/home/people-phone.png" class="lazyload aspect-[768/683] w-full" alt="Zwei Menschen springen freudig um ihr riesiges Smartphone herum und lassen eine vertrauenswürdige App laufen"/>
+        <img data-src="/img/home/people-phone.png" class="lazyload aspect-768/683 w-full" alt="Zwei Menschen springen freudig um ihr riesiges Smartphone herum und lassen eine vertrauenswürdige App laufen"/>
       </figure>
     </div>
   </article>
diff --git a/content/_index.en.html b/content/_index.en.html
index 3f5f7b8ac..da50c396f 100644
--- a/content/_index.en.html
+++ b/content/_index.en.html
@@ -9,14 +9,14 @@
         <h2>Take the security of your data into your own hands</h2>
         <p class="lead">Cryptomator is a simple tool for digital self-defense. It allows you to protect your cloud data by yourself and independently.</p>
         <div class="flex mb-4">
-          <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+          <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-clouds fa-stack-1x fa-inverse"></i>
           </div>
           <span>Most cloud providers encrypt data only during transmission or they keep the keys for decryption for themselves. These keys can be stolen, copied, or misused. Thanks to Cryptomator, only you have the key to your data in your hand.</span>
         </div>
         <div class="flex">
-          <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+          <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-lightbulb-on fa-stack-1x fa-inverse"></i>
           </div>
@@ -24,7 +24,7 @@ <h2>Take the security of your data into your own hands</h2>
         </div>
       </div>
       <figure class="text-2xl max-w-sm md:max-w-none md:w-1/3 md:pl-4 lg:pl-8">
-        <img data-src="/img/home/man-vault.png" class="lazyload aspect-[768/533] w-full" alt="Person holding the key to a very secure vault"/>
+        <img data-src="/img/home/man-vault.png" class="lazyload aspect-768/533 w-full" alt="Person holding the key to a very secure vault"/>
       </figure>
     </div>
   </article>
@@ -37,21 +37,21 @@ <h2>Take the security of your data into your own hands</h2>
         <h2>How does Cryptomator protect your data?</h2>
         <p class="lead">Cryptomator's technology meets the latest standards and encrypts both files and filenames with AES and 256 bit key length.</p>
         <div class="flex mb-4">
-          <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+          <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-key fa-stack-1x fa-inverse"></i>
           </div>
           <span>To start with Cryptomator, you assign a password for a folder - we call it a vault - within your cloud. That is all. No complicated key creation, no registration, no configuration!</span>
         </div>
         <div class="flex mb-4">
-          <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+          <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-hdd fa-stack-1x fa-inverse"></i>
           </div>
           <span>To access the vault, simply enter the password again. You will be provided with a virtual encrypted drive to which you can move your data - just like a USB flash drive. Every time you store something on this drive, Cryptomator encrypts the data automatically. Pretty simple, right?</span>
         </div>
         <div class="flex">
-          <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+          <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
             <i class="fas fa-circle fa-stack-2x"></i>
             <i class="fas fa-shield-check fa-stack-1x fa-inverse"></i>
           </div>
@@ -59,7 +59,7 @@ <h2>How does Cryptomator protect your data?</h2>
         </div>
       </div>
       <figure class="text-2xl max-w-sm md:max-w-none md:w-1/3 md:pr-4 lg:pr-8">
-        <img data-src="/img/home/woman-laptop.png" class="lazyload aspect-[768/431] w-full" alt="Person sitting in front of a laptop while Cryptobot next to the person is pointing at the laptop"/>
+        <img data-src="/img/home/woman-laptop.png" class="lazyload aspect-768/431 w-full" alt="Person sitting in front of a laptop while Cryptobot next to the person is pointing at the laptop"/>
       </figure>
     </div>
   </article>
@@ -69,7 +69,7 @@ <h2>How does Cryptomator protect your data?</h2>
   <article class="prose prose-sm md:prose max-w-none md:max-w-none">
     <h2>Optimal protection thanks to the latest technology standards</h2>
     <figure class="mx-auto md:w-5/6 lg:w-2/3">
-      <img data-src="/img/home/split-screenshots.avif" class="lazyload aspect-[1664/975] w-full" alt="Comparison of encrypted and decrypted data in a Cryptomator vault"/>
+      <img data-src="/img/home/split-screenshots.avif" class="lazyload aspect-1664/975 w-full" alt="Comparison of encrypted and decrypted data in a Cryptomator vault"/>
       <figcaption>If someone looks into the folder in your cloud, they cannot draw any conclusions about your data.</figcaption>
     </figure>
   </article>
@@ -88,7 +88,7 @@ <h3>GDPR-compliant synchronization with your entire team via the cloud</h3>
         <p>When using Cryptomator and a cloud service with an appropriate DPA, you can <a href="/gdpr/">synchronize data GDPR-compliant</a> over the cloud with an entire team.</p>
       </div>
       <figure class="text-2xl max-w-sm md:max-w-none md:w-1/3 md:pr-4 lg:pr-8">
-        <img data-src="/img/home/people-phone.png" class="lazyload aspect-[768/683] w-full" alt="Two people joyfully jumping around their giant smartphone running a trustworthy app"/>
+        <img data-src="/img/home/people-phone.png" class="lazyload aspect-768/683 w-full" alt="Two people joyfully jumping around their giant smartphone running a trustworthy app"/>
       </figure>
     </div>
   </article>
diff --git a/content/blog/2017-05-09-cyberduck-meets-cryptomator.de.md b/content/blog/2017-05-09-cyberduck-meets-cryptomator.de.md
index 3e1a12ffd..20b90ed0c 100644
--- a/content/blog/2017-05-09-cyberduck-meets-cryptomator.de.md
+++ b/content/blog/2017-05-09-cyberduck-meets-cryptomator.de.md
@@ -11,7 +11,7 @@ summary: Cyberduck 6.0 unterstützt jetzt Cryptomator-Tresore! Greifen Sie direk
 Cyberduck 6.0 mit der Unterstützung von Cryptomator-Tresoren ist seit heute erhältlich. Die neue Version ist unter {{< extlink "https://cyberduck.io/" "cyberduck.io" >}} herunterladbar. Cyberduck ist ein freier Remote-Dateibrowser für Mac und Windows und ist somit das perfekte Tool für alle, die ihre Cloud-Daten nicht lokal synchronisieren wollen.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
+  <img class="inline-block rounded-sm" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
   <figcaption>Illustration von {{< extlink "https://ktoons.org" "Katharina Hagemann" >}}</figcaption>
 </figure>
 
diff --git a/content/blog/2017-05-09-cyberduck-meets-cryptomator.en.md b/content/blog/2017-05-09-cyberduck-meets-cryptomator.en.md
index 88a29fc8f..9ddf4fc13 100644
--- a/content/blog/2017-05-09-cyberduck-meets-cryptomator.en.md
+++ b/content/blog/2017-05-09-cyberduck-meets-cryptomator.en.md
@@ -11,7 +11,7 @@ summary: Cyberduck 6.0 now supports Cryptomator vaults! Access cloud storage dir
 Cyberduck 6.0 with support for Cryptomator vaults has been released today. You can download the new version at {{< extlink "https://cyberduck.io/" "cyberduck.io" >}}. Cyberduck is a libre remote file browser for Mac and Windows, making it the perfect tool for all, who do not want to synchronize their cloud files locally.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
+  <img class="inline-block rounded-sm" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
   <figcaption>Illustration by {{< extlink "https://ktoons.org" "Katharina Hagemann" >}}</figcaption>
 </figure>
 
diff --git a/content/blog/2020-04-20-release-1.5.0.de.md b/content/blog/2020-04-20-release-1.5.0.de.md
index 4973bcf08..bfb61c1ca 100644
--- a/content/blog/2020-04-20-release-1.5.0.de.md
+++ b/content/blog/2020-04-20-release-1.5.0.de.md
@@ -8,7 +8,7 @@ tags: [cryptomator, desktop, ios, android]
 summary: Cryptomator 1.5.0 is now available with a brand-new user interface (incl. dark mode) and an improved vault format.
 ---
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/cryptomator-1-5-0.png" srcset="/img/blog/cryptomator-1-5-0.png 1x, /img/blog/cryptomator-1-5-0@2x.png 2x" alt="Cryptomator 1.5.0 is now available with a brand-new user interface (incl. dark mode) and an improved vault format" />
+  <img class="inline-block rounded-sm" src="/img/blog/cryptomator-1-5-0.png" srcset="/img/blog/cryptomator-1-5-0.png 1x, /img/blog/cryptomator-1-5-0@2x.png 2x" alt="Cryptomator 1.5.0 is now available with a brand-new user interface (incl. dark mode) and an improved vault format" />
 </figure>
 
 Cryptomator has been redesigned and comes with a new dark mode. It is not simply a redesign, it was a full rewrite of the UI. During the rewrite, a whole new code structure was planned which makes it easier to extend the application in the future. One goal of the redesign was to make the onboarding process easier for users who don't feel too comfortable with encryption software. Usability tests helped designing the workflows and understanding common misconceptions. Besides the redesign, the new vault format 7 increases compatibility with some cloud services and at the same time reduces the complexity for certain I/O operations.
diff --git a/content/blog/2020-04-20-release-1.5.0.en.md b/content/blog/2020-04-20-release-1.5.0.en.md
index efd052452..48b11bf3f 100644
--- a/content/blog/2020-04-20-release-1.5.0.en.md
+++ b/content/blog/2020-04-20-release-1.5.0.en.md
@@ -7,7 +7,7 @@ tags: [cryptomator, desktop, ios, android]
 summary: Cryptomator 1.5.0 is now available with a brand-new user interface (incl. dark mode) and an improved vault format.
 ---
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/cryptomator-1-5-0.png" srcset="/img/blog/cryptomator-1-5-0.png 1x, /img/blog/cryptomator-1-5-0@2x.png 2x" alt="Cryptomator 1.5.0 is now available with a brand-new user interface (incl. dark mode) and an improved vault format" />
+  <img class="inline-block rounded-sm" src="/img/blog/cryptomator-1-5-0.png" srcset="/img/blog/cryptomator-1-5-0.png 1x, /img/blog/cryptomator-1-5-0@2x.png 2x" alt="Cryptomator 1.5.0 is now available with a brand-new user interface (incl. dark mode) and an improved vault format" />
 </figure>
 
 Cryptomator has been redesigned and comes with a new dark mode. It is not simply a redesign, it was a full rewrite of the UI. During the rewrite, a whole new code structure was planned which makes it easier to extend the application in the future. One goal of the redesign was to make the onboarding process easier for users who don't feel too comfortable with encryption software. Usability tests helped designing the workflows and understanding common misconceptions. Besides the redesign, the new vault format 7 increases compatibility with some cloud services and at the same time reduces the complexity for certain I/O operations.
diff --git a/content/blog/2020-05-07-cryptomator-for-android-for-paranoids.de.md b/content/blog/2020-05-07-cryptomator-for-android-for-paranoids.de.md
index b71da261f..7308b67bc 100644
--- a/content/blog/2020-05-07-cryptomator-for-android-for-paranoids.de.md
+++ b/content/blog/2020-05-07-cryptomator-for-android-for-paranoids.de.md
@@ -20,7 +20,7 @@ Eine Backdoor erfordert Kommunikation mit einem externen Server. Wenn Tresore nu
 Verwendet man dieses Setup, kann die Internet-Berechtigung der Cryptomator-App entzogen werden, wodurch die App anschließend keine Daten aus dem Internet empfangen oder senden kann.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/android-for-paranoids-permission.png" alt="Internet-Berechtigung für Cryptomator auf Android entziehen" />
+  <img class="inline-block rounded-sm" src="/img/blog/android-for-paranoids-permission.png" alt="Internet-Berechtigung für Cryptomator auf Android entziehen" />
 </figure>
 
 Selbst wenn es also jemals eine Hintertür in der Cryptomator Android-App gäbe, wäre es nicht möglich, dass die abgefangenen Daten das Smartphone verlassen. Dies wird durch das Betriebssystem sichergestellt.
diff --git a/content/blog/2020-05-07-cryptomator-for-android-for-paranoids.en.md b/content/blog/2020-05-07-cryptomator-for-android-for-paranoids.en.md
index 033d0cada..68197158e 100644
--- a/content/blog/2020-05-07-cryptomator-for-android-for-paranoids.en.md
+++ b/content/blog/2020-05-07-cryptomator-for-android-for-paranoids.en.md
@@ -20,7 +20,7 @@ A backdoor usually requires communication with an external server. If vaults are
 Using this setup, the Cryptomator app can have its internet access revoked using the Android operating system features, which prevents the app from sending or receiving any data to or from the internet.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/android-for-paranoids-permission.png" alt="Android revoke Cryptomator's internet permission" />
+  <img class="inline-block rounded-sm" src="/img/blog/android-for-paranoids-permission.png" alt="Android revoke Cryptomator's internet permission" />
 </figure>
 
 Thus, even if there ever was a backdoor in Cryptomator for Android, it would not be possible for the intercepted data to leave the smartphone. This is ensured by the operating system.
diff --git a/content/blog/2020-11-20-roadmap.de.md b/content/blog/2020-11-20-roadmap.de.md
index eba109f7b..c3da5bc98 100644
--- a/content/blog/2020-11-20-roadmap.de.md
+++ b/content/blog/2020-11-20-roadmap.de.md
@@ -12,7 +12,7 @@ Wir haben kürzlich Cryptomator 1.5.10 für Windows, macOS und Linux mit vielen
 Mit dem Redesign und vollständigen Überarbeitung der Benutzeroberfläche in 1.5.0 haben wir eine gute Grundlage für das Hinzufügen weiterer Features geschaffen. Es gab allerdings ein älteres Feature, das nicht in die engere Wahl geschafft hat, aber jetzt mit der neuesten Version wieder verfügbar ist: Tresor-Statistik. :tada:
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/vault-statistics.png" srcset="/img/blog/vault-statistics.png 1x, /img/blog/vault-statistics@2x.png 2x" alt="Tresor-Statistik in Cryptomator" />
+  <img class="inline-block rounded-sm" src="/img/blog/vault-statistics.png" srcset="/img/blog/vault-statistics.png 1x, /img/blog/vault-statistics@2x.png 2x" alt="Tresor-Statistik in Cryptomator" />
 </figure>
 
 Aber es geht noch weiter! Tresor-Passwörter können jetzt auch unter Linux in [KWallet](https://de.wikipedia.org/wiki/KWallet) gespeichert werden. Herzlichen Dank an Ralph Plawetzki (purejava auf GitHub) für seine Open-Source-Beitrag! Außerdem ist es jetzt unter Windows möglich, den Tresor über FUSE zu mounten. Dies ist allerdings ein Beta-Feature! Um es auszuprobieren, muss [WinFSP](http://www.secfs.net/winfsp/) installiert sein. Wir würden uns über euer Feedback dazu freuen!
diff --git a/content/blog/2020-11-20-roadmap.en.md b/content/blog/2020-11-20-roadmap.en.md
index 82b210595..94f8b2081 100644
--- a/content/blog/2020-11-20-roadmap.en.md
+++ b/content/blog/2020-11-20-roadmap.en.md
@@ -12,7 +12,7 @@ We recently released Cryptomator 1.5.10 for Windows, macOS, and Linux with many
 With the redesign and full rewrite of the UI in 1.5.0, we established a good foundation for adding further features. There was one former feature that didn't make the cut though, which is now back with the latest version: Vault Statistics. :tada:
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/vault-statistics.png" srcset="/img/blog/vault-statistics.png 1x, /img/blog/vault-statistics@2x.png 2x" alt="Vault Statistics in Cryptomator" />
+  <img class="inline-block rounded-sm" src="/img/blog/vault-statistics.png" srcset="/img/blog/vault-statistics.png 1x, /img/blog/vault-statistics@2x.png 2x" alt="Vault Statistics in Cryptomator" />
 </figure>
 
 We didn't stop there! Vault passwords can now also be stored in [KWallet](https://en.wikipedia.org/wiki/KWallet) on Linux. Huge thanks to Ralph Plawetzki (purejava on GitHub) for his contribution! And last but not least, it is now possible to mount the vault via FUSE on Windows. This is still a beta feature! In order to try it, [WinFSP](http://www.secfs.net/winfsp/) needs to be installed. We'd love to hear your feedback on this!
diff --git a/content/blog/2020-12-23-android-open-source.de.md b/content/blog/2020-12-23-android-open-source.de.md
index 7b747f06a..eb31bd986 100644
--- a/content/blog/2020-12-23-android-open-source.de.md
+++ b/content/blog/2020-12-23-android-open-source.de.md
@@ -9,7 +9,7 @@ summary: "Wir haben es letzten Monat angekündigt und nun ist es soweit… unser
 Wir haben es letzten Monat angekündigt und nun ist es soweit… unser Geschenk an die Community rechtzeitig zu den Feiertagen: Cryptomator für Android ist jetzt vollständig Open-Source! Das Repository befindet sich hier: https://github.com/cryptomator/android
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/android-open-source.png" srcset="/img/blog/android-open-source.png 1x, /img/blog/android-open-source@2x.png 2x" alt="Cryptomator für Android is nun Open-Source" />
+  <img class="inline-block rounded-sm" src="/img/blog/android-open-source.png" srcset="/img/blog/android-open-source.png 1x, /img/blog/android-open-source@2x.png 2x" alt="Cryptomator für Android is nun Open-Source" />
 </figure>
 
 Es wird definitiv eine Übergangsphase und Lernkurve für uns geben, um das Repository feinzutunen und Open-Source-Beiträge zu koordinieren, aber es sollte nicht allzu weit vom "Haupt"-Repository Cryptomator für Windows, macOS und Linux entfernt sein, das von Anfang an Open-Source war.
diff --git a/content/blog/2020-12-23-android-open-source.en.md b/content/blog/2020-12-23-android-open-source.en.md
index 5feaf0313..698fb6cd4 100644
--- a/content/blog/2020-12-23-android-open-source.en.md
+++ b/content/blog/2020-12-23-android-open-source.en.md
@@ -9,7 +9,7 @@ summary: "We announced it last month and now we are ready… our gift to the com
 We announced it last month and now we are ready… our gift to the community for the holidays: Cryptomator for Android is now fully open-source! Check out the repository here: https://github.com/cryptomator/android
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/android-open-source.png" srcset="/img/blog/android-open-source.png 1x, /img/blog/android-open-source@2x.png 2x" alt="Cryptomator for Android is now open-source" />
+  <img class="inline-block rounded-sm" src="/img/blog/android-open-source.png" srcset="/img/blog/android-open-source.png 1x, /img/blog/android-open-source@2x.png 2x" alt="Cryptomator for Android is now open-source" />
 </figure>
 
 There will definitely be a transition phase and learning curve for us to fine-tune the repository and coordinate open-source contributions but it shouldn't be too far off the "main" repository Cryptomator for Windows, macOS, and Linux, which was open-source from the beginning.
diff --git a/content/blog/2021-06-30-ios-2.0-beta.de.md b/content/blog/2021-06-30-ios-2.0-beta.de.md
index 2f62cb020..44b1edccd 100644
--- a/content/blog/2021-06-30-ios-2.0-beta.de.md
+++ b/content/blog/2021-06-30-ios-2.0-beta.de.md
@@ -12,7 +12,7 @@ Endlich ist es soweit! :tada: Die brandneue iOS-App von Cryptomator kann nun in
 - Open-Source-Repository auf GitHub: https://github.com/cryptomator/ios
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/ios-2.0-beta.png" srcset="/img/blog/ios-2.0-beta.png 1x, /img/blog/ios-2.0-beta@2x.png 2x" alt="Cryptomator 2.0 für iOS: Open Source und Beta-Release" />
+  <img class="inline-block rounded-sm" src="/img/blog/ios-2.0-beta.png" srcset="/img/blog/ios-2.0-beta.png 1x, /img/blog/ios-2.0-beta@2x.png 2x" alt="Cryptomator 2.0 für iOS: Open Source und Beta-Release" />
 </figure>
 
 Die neue Cryptomator-App mit der vollständigen Integration in die Dateien-App von iOS erfüllt einen der größten Nutzerwünsche. Beispielsweise ist es nun möglich, Dateien innerhalb von Word direkt in einen Cryptomator-Tresor verschlüsselt zu speichern. Auf dem iPad wird Drag & Drop mit der neuen App ermöglicht. Generell werden alle Features der Dateien-App automatisch von Cryptomator mitunterstützt.
diff --git a/content/blog/2021-06-30-ios-2.0-beta.en.md b/content/blog/2021-06-30-ios-2.0-beta.en.md
index bc422e670..0c21a24f8 100644
--- a/content/blog/2021-06-30-ios-2.0-beta.en.md
+++ b/content/blog/2021-06-30-ios-2.0-beta.en.md
@@ -12,7 +12,7 @@ Finally, the time has come! :tada: The brand new iOS app of Cryptomator can now
 - Open-source repository on GitHub: https://github.com/cryptomator/ios
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/ios-2.0-beta.png" srcset="/img/blog/ios-2.0-beta.png 1x, /img/blog/ios-2.0-beta@2x.png 2x" alt="Cryptomator 2.0 for iOS: Open Source and Beta Release" />
+  <img class="inline-block rounded-sm" src="/img/blog/ios-2.0-beta.png" srcset="/img/blog/ios-2.0-beta.png 1x, /img/blog/ios-2.0-beta@2x.png 2x" alt="Cryptomator 2.0 for iOS: Open Source and Beta Release" />
 </figure>
 
 The new Cryptomator app with full integration into the Files app of iOS fulfills one of the biggest feature requests. For example, it is now possible to save encrypted files directly into a Cryptomator vault within Word. On iPad, drag & drop is possible with the new app. In general, all features of the Files app are automatically supported by Cryptomator.
diff --git a/content/blog/2021-10-11-1.6.0-what-you-need-to-know.de.md b/content/blog/2021-10-11-1.6.0-what-you-need-to-know.de.md
index e86fbe489..0fadc0774 100644
--- a/content/blog/2021-10-11-1.6.0-what-you-need-to-know.de.md
+++ b/content/blog/2021-10-11-1.6.0-what-you-need-to-know.de.md
@@ -13,7 +13,7 @@ In diesem Blog-Beitrag möchten wir euch einige Neuigkeiten über das bevorstehe
 Wir präsentieren euch die wichtigsten Änderungen und neuen Funktionen und wollen sicherstellen, dass ihr auf das Update vorbereite seid.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/cryptomator-1-6-0.png" srcset="/img/blog/cryptomator-1-6-0.png 1x, /img/blog/cryptomator-1-6-0@2x.png 2x" alt="Cryptomator 1.6.0 Release" />
+  <img class="inline-block rounded-sm" src="/img/blog/cryptomator-1-6-0.png" srcset="/img/blog/cryptomator-1-6-0.png 1x, /img/blog/cryptomator-1-6-0@2x.png 2x" alt="Cryptomator 1.6.0 Release" />
 </figure>
 
 ## Änderungen und Features
diff --git a/content/blog/2021-10-11-1.6.0-what-you-need-to-know.en.md b/content/blog/2021-10-11-1.6.0-what-you-need-to-know.en.md
index 038276414..f9cf326ce 100644
--- a/content/blog/2021-10-11-1.6.0-what-you-need-to-know.en.md
+++ b/content/blog/2021-10-11-1.6.0-what-you-need-to-know.en.md
@@ -13,7 +13,7 @@ In this blog post, we'd like to give you some news about the upcoming major upda
 We'll be highlighting the most significant changes and new features and make sure that you are ready for the update.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/cryptomator-1-6-0.png" srcset="/img/blog/cryptomator-1-6-0.png 1x, /img/blog/cryptomator-1-6-0@2x.png 2x" alt="Cryptomator 1.6.0 Release" />
+  <img class="inline-block rounded-sm" src="/img/blog/cryptomator-1-6-0.png" srcset="/img/blog/cryptomator-1-6-0.png 1x, /img/blog/cryptomator-1-6-0@2x.png 2x" alt="Cryptomator 1.6.0 Release" />
 </figure>
 
 ## Changes and Features
diff --git a/content/blog/2021-12-21-ios-2.0.de.md b/content/blog/2021-12-21-ios-2.0.de.md
index 9cee96f1c..6344df476 100644
--- a/content/blog/2021-12-21-ios-2.0.de.md
+++ b/content/blog/2021-12-21-ios-2.0.de.md
@@ -10,7 +10,7 @@ Wir freuen uns, euch mitteilen zu können, dass Cryptomator 2.0 für iOS ab sofo
 
 <figure class="text-center">
   <a href="https://apps.apple.com/de/app/cryptomator-2/id1560822163" target="_blank" rel="noopener">
-    <img class="inline-block rounded" src="/img/blog/ios-2.0.png" srcset="/img/blog/ios-2.0.png 1x, /img/blog/ios-2.0@2x.png 2x" alt="Cryptomator 2.0 for iOS" />
+    <img class="inline-block rounded-sm" src="/img/blog/ios-2.0.png" srcset="/img/blog/ios-2.0.png 1x, /img/blog/ios-2.0@2x.png 2x" alt="Cryptomator 2.0 for iOS" />
   </a>
 </figure>
 
diff --git a/content/blog/2021-12-21-ios-2.0.en.md b/content/blog/2021-12-21-ios-2.0.en.md
index dae39af8d..3437973b0 100644
--- a/content/blog/2021-12-21-ios-2.0.en.md
+++ b/content/blog/2021-12-21-ios-2.0.en.md
@@ -10,7 +10,7 @@ We are happy to announce that Cryptomator 2.0 for iOS is now available [in the A
 
 <figure class="text-center">
   <a href="https://apps.apple.com/us/app/cryptomator-2/id1560822163" target="_blank" rel="noopener">
-    <img class="inline-block rounded" src="/img/blog/ios-2.0.png" srcset="/img/blog/ios-2.0.png 1x, /img/blog/ios-2.0@2x.png 2x" alt="Cryptomator 2.0 for iOS" />
+    <img class="inline-block rounded-sm" src="/img/blog/ios-2.0.png" srcset="/img/blog/ios-2.0.png 1x, /img/blog/ios-2.0@2x.png 2x" alt="Cryptomator 2.0 for iOS" />
   </a>
 </figure>
 
diff --git a/content/blog/2023-02-01-1.7.0-what-you-need-to-know.de.md b/content/blog/2023-02-01-1.7.0-what-you-need-to-know.de.md
index 8b0392750..317da1597 100644
--- a/content/blog/2023-02-01-1.7.0-what-you-need-to-know.de.md
+++ b/content/blog/2023-02-01-1.7.0-what-you-need-to-know.de.md
@@ -12,7 +12,7 @@ Wenn du unsere [Releases auf GitHub](https://github.com/cryptomator/cryptomator/
 Wir sind sehr stolz auf diese Version, da sie technische Altlasten beseitigt, lang erwartete Funktionen liefert und Cryptomator Desktop auf die Zukunft vorbereitet. Aber abgesehen von etwa 3.000 Zeilen Code-Änderungen und 4 Monaten Entwicklungszeit (die Arbeit an unseren Bibliotheken nicht mitgerechnet), lass uns in diese Version eintauchen, um zu sehen, was du davon hast.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/cryptomator-1-7-0.png" srcset="/img/blog/cryptomator-1-7-0.png 1x, /img/blog/cryptomator-1-7-0@2x.png 2x" alt="Cryptomator 1.7.0 Release" />
+  <img class="inline-block rounded-sm" src="/img/blog/cryptomator-1-7-0.png" srcset="/img/blog/cryptomator-1-7-0.png 1x, /img/blog/cryptomator-1-7-0@2x.png 2x" alt="Cryptomator 1.7.0 Release" />
 </figure>
 
 ## Verschlüsselte Datei finden
@@ -20,7 +20,7 @@ Wie bereits erwähnt, enthält Cryptomator 1.7.0 eine Funktion, die schon lange
 
 Vor Version 1.7.0 musste man anhand der genauen Zeitstempel erraten, welche verschlüsselte Datei zu welcher Klartextdatei gehört. Jetzt kannst du, sobald der Tresor entsperrt ist, das verschlüsselte Gegenstück zu jeder Datei im Tresor herausfinden, indem du auf „Verschlüsselte Datei finden“ klickst und eine Datei im Tresor auswählst. Du kannst auch einfach Dateien aus deinem Tresor auf diese Schaltfläche ziehen. Überzeuge dich selbst in diesem kurzen Video:
 
-<video class="rounded" autoplay loop muted playsinline>
+<video class="rounded-sm" autoplay loop muted playsinline>
   <source src="https://static.cryptomator.org/blog/locate-encrypted-file.mov" type="video/mp4">
   Dein Browser unterstützt kein Video-Tag.
 </video>
@@ -33,7 +33,7 @@ Im vergangenen Jahr haben wir verzweifelt nach einer Alternative gesucht. Unser
 FUSE-T ist ein junges Projekt, das nicht auf veraltete macOS-APIs zurückgreift und als direkter Ersatz für macFUSE verwendet werden kann. Es erfordert eine weit weniger tiefe Systemintegration als macFUSE, bietet aber eine ähnliche Performance. Damit ist Cryptomator für die mittelfristige Zukunft von macOS gerüstet. Da FUSE-T noch recht neu ist, ist die Unterstützung im Moment noch experimentell. Wir ermutigen dich aber, es auszuprobieren!
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/preferences-fuse-t.png" srcset="/img/blog/preferences-fuse-t.png 1x, /img/blog/preferences-fuse-t@2x.png 2x" alt="Experimentelle Unterstützung für FUSE-T" />
+  <img class="inline-block rounded-sm" src="/img/blog/preferences-fuse-t.png" srcset="/img/blog/preferences-fuse-t.png 1x, /img/blog/preferences-fuse-t@2x.png 2x" alt="Experimentelle Unterstützung für FUSE-T" />
 </figure>
 
 Obwohl wir die Erweiterung des File Providers nicht aus den Augen verloren haben, sind wir erleichtert, dir eine stabile Systemintegration deiner Cryptomator-Tresore anbieten zu können.
@@ -52,7 +52,7 @@ Wir haben sogar eine Notfalloption hinzugefügt: Die bereits erwähnte Option 
 Windows-Benutzer werden feststellen, dass ihr Tresor jetzt standardmäßig als Netzlaufwerk eingebunden ist. Dies hat den Vorteil einer besseren Performance beim Auflisten großer Verzeichnisse. Der Nachteil ist, dass der Tresor nicht in ein Verzeichnis eingebunden werden kann. Der Zugriff auf den Tresor als privilegierter Benutzer ist weiterhin über den UNC-Pfad möglich.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/winfsp-change.png" srcset="/img/blog/winfsp-change.png 1x, /img/blog/winfsp-change@2x.png 2x" alt="WinFsp-Änderung: Lokales vs. Netzlaufwerk" />
+  <img class="inline-block rounded-sm" src="/img/blog/winfsp-change.png" srcset="/img/blog/winfsp-change.png 1x, /img/blog/winfsp-change@2x.png 2x" alt="WinFsp-Änderung: Lokales vs. Netzlaufwerk" />
 </figure>
 
 Falls wirklich ein lokales Laufwerk benötigt wird, kann der Laufwerkstyp jederzeit in den Einstellungen geändert werden.
diff --git a/content/blog/2023-02-01-1.7.0-what-you-need-to-know.en.md b/content/blog/2023-02-01-1.7.0-what-you-need-to-know.en.md
index aeb88d299..c88ab527a 100644
--- a/content/blog/2023-02-01-1.7.0-what-you-need-to-know.en.md
+++ b/content/blog/2023-02-01-1.7.0-what-you-need-to-know.en.md
@@ -12,7 +12,7 @@ If you're subscribed to our [releases on GitHub](https://github.com/cryptomator/
 We are very proud of this release, as it eliminates technical debt, delivers long-awaited features, and prepares Cryptomator Desktop for the future. But putting aside about 3,000 lines of code changes and a 4-month development iteration (not counting work in our libraries), let's dive into this release to see what you, the user, will get out of it.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/cryptomator-1-7-0.png" srcset="/img/blog/cryptomator-1-7-0.png 1x, /img/blog/cryptomator-1-7-0@2x.png 2x" alt="Cryptomator 1.7.0 Release" />
+  <img class="inline-block rounded-sm" src="/img/blog/cryptomator-1-7-0.png" srcset="/img/blog/cryptomator-1-7-0.png 1x, /img/blog/cryptomator-1-7-0@2x.png 2x" alt="Cryptomator 1.7.0 Release" />
 </figure>
 
 ## Locate Encrypted File
@@ -20,7 +20,7 @@ As already mentioned, Cryptomator 1.7.0 includes a feature that has been request
 
 Prior to 1.7.0, you had to guess which encrypted file corresponds to which cleartext file based on the exact timestamps. Now, once the vault is unlocked, the encrypted counterpart of any file in the vault can be revealed by clicking on the "Locate Encrypted File" button and selecting a file in the vault. Or you can simply drag and drop the files from your vault onto this button. See for yourself in this short video:
 
-<video class="rounded" autoplay loop muted playsinline>
+<video class="rounded-sm" autoplay loop muted playsinline>
   <source src="https://static.cryptomator.org/blog/locate-encrypted-file.mov" type="video/mp4">
   Your browser does not support the video tag.
 </video>
@@ -33,7 +33,7 @@ For the past year, we have been desperately searching for an alternative. Our pr
 FUSE-T is a young project that does not rely on deprecated macOS APIs and can be used as a drop-in-replacement for macFUSE. It requires a much less deep system integration than macFUSE while offering a similar performance. This makes Cryptomator ready for the medium-term future on macOS. But since FUSE-T is quite young, support for it is experimental for now. We encourage you to try it though!
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/preferences-fuse-t.png" srcset="/img/blog/preferences-fuse-t.png 1x, /img/blog/preferences-fuse-t@2x.png 2x" alt="Experimental Support for FUSE-T" />
+  <img class="inline-block rounded-sm" src="/img/blog/preferences-fuse-t.png" srcset="/img/blog/preferences-fuse-t.png 1x, /img/blog/preferences-fuse-t@2x.png 2x" alt="Experimental Support for FUSE-T" />
 </figure>
 
 So, while the File Provider extension is not out of our sight, we are relieved to be able to offer you a stable system integration of your Cryptomator vaults.
@@ -52,7 +52,7 @@ We have even added an emergency option: The aforementioned "WebDAV (Fallback)".
 Windows users may notice that their vault is now mounted as a network drive by default. This has the advantage of better performance when listing large directories. The disadvantage is that it cannot be mounted into a directory. Accessing the vault as a privileged user is still possible by using the UNC path.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/winfsp-change.png" srcset="/img/blog/winfsp-change.png 1x, /img/blog/winfsp-change@2x.png 2x" alt="WinFsp Change: Local vs. Network Drive" />
+  <img class="inline-block rounded-sm" src="/img/blog/winfsp-change.png" srcset="/img/blog/winfsp-change.png 1x, /img/blog/winfsp-change@2x.png 2x" alt="WinFsp Change: Local vs. Network Drive" />
 </figure>
 
 If you really need a local drive, you can always change the volume type in the preferences.
diff --git a/content/blog/2023-09-13-release-1.10.0.de.md b/content/blog/2023-09-13-release-1.10.0.de.md
index 627f7e0d2..25691c8d8 100644
--- a/content/blog/2023-09-13-release-1.10.0.de.md
+++ b/content/blog/2023-09-13-release-1.10.0.de.md
@@ -13,7 +13,7 @@ Wir freuen uns, die Veröffentlichung von Cryptomator 1.10.0 bekannt zu geben! :
 Wir wissen, dass erfahrene Nutzer mehr Kontrolle wünschen und einige Standardwerte in der Tresorkonfigurationsdatei überschreiben möchten. Daher bringt die neue Version die Einführung von Experteneinstellungen bei der Tresorerstellung. Ihr könnt nun die maximale Länge von verschlüsselten Dateinamen festlegen. Diese Funktion stellt sicher, dass sich Cryptomator an die Besonderheiten verschiedener Cloudspeicher-Systeme anpassen kann. :hammer_and_wrench:
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/expert-settings.png" srcset="/img/blog/expert-settings.png 1x, /img/blog/expert-settings@2x.png 2x" alt="Experteneinstellungen bei der Tresorerstellung" />
+  <img class="inline-block rounded-sm" src="/img/blog/expert-settings.png" srcset="/img/blog/expert-settings.png 1x, /img/blog/expert-settings@2x.png 2x" alt="Experteneinstellungen bei der Tresorerstellung" />
 </figure>
 
 ## Ordentliche Tray-Menü-Unterstützung auf Linux
@@ -21,7 +21,7 @@ Wir wissen, dass erfahrene Nutzer mehr Kontrolle wünschen und einige Standardwe
 Ein riesiges Dankeschön an [Ralph (purejava auf GitHub)](https://github.com/purejava) für seinen erneuten Open-Source-Beitrag! :raised_hands: Dank seiner Bemühungen haben wir jetzt eine ordentliche Tray-Menü-Unterstützung mit AppIndicator-Integration. Ein weiterer Schritt, um Cryptomator für Linux-Nutzer nativ und flüssig erscheinen zu lassen.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/tray-menu-appindicator.png" srcset="/img/blog/tray-menu-appindicator.png 1x, /img/blog/tray-menu-appindicator@2x.png 2x" alt="Ordentliche Tray-Menü-Unterstützung auf Linux" />
+  <img class="inline-block rounded-sm" src="/img/blog/tray-menu-appindicator.png" srcset="/img/blog/tray-menu-appindicator.png 1x, /img/blog/tray-menu-appindicator@2x.png 2x" alt="Ordentliche Tray-Menü-Unterstützung auf Linux" />
 </figure>
 
 ## AArch64-Build für AppImage
@@ -33,7 +33,7 @@ Gute Nachrichten für Linux-Nutzer auf AArch64-Architekturen! :tada: Cryptomator
 Auf einen Fehler zu stoßen, kann frustrierend sein :sweat:, besonders wenn man sich nicht sicher ist, was als Nächstes zu tun ist. Wir haben unseren Fehlerdialog überarbeitet und den Fokus auf Lösungen gelegt. Jetzt führt euch der Dialog zu einer potenziellen Lösung, falls eine in unserer Fehlerdatenbank existiert. Diese Verbesserung soll die Fehlerbehebung benutzerfreundlicher und effizienter gestalten. :white_check_mark:
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/look-up-solution.png" srcset="/img/blog/look-up-solution.png 1x, /img/blog/look-up-solution@2x.png 2x" alt="Verbesserter Fehlerdialog" />
+  <img class="inline-block rounded-sm" src="/img/blog/look-up-solution.png" srcset="/img/blog/look-up-solution.png 1x, /img/blog/look-up-solution@2x.png 2x" alt="Verbesserter Fehlerdialog" />
 </figure>
 
 ## Aktualisiertes macOS App-Icon
@@ -41,7 +41,7 @@ Auf einen Fehler zu stoßen, kann frustrierend sein :sweat:, besonders wenn man
 Mac-Nutzer, wir haben euch nicht vergessen! :green_apple: Ästhetik ist wichtig und mit diesem Update präsentiert Cryptomator ein brandneues App-Icon für macOS. Wie gefällt euch Cryptobot im Squircle?
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/macos-app-icon-2023.png" srcset="/img/blog/macos-app-icon-2023.png 1x, /img/blog/macos-app-icon-2023@2x.png 2x" alt="Aktualisiertes macOS App-Icon" />
+  <img class="inline-block rounded-sm" src="/img/blog/macos-app-icon-2023.png" srcset="/img/blog/macos-app-icon-2023.png 1x, /img/blog/macos-app-icon-2023@2x.png 2x" alt="Aktualisiertes macOS App-Icon" />
 </figure>
 
 ## Schlusswort
diff --git a/content/blog/2023-09-13-release-1.10.0.en.md b/content/blog/2023-09-13-release-1.10.0.en.md
index f791b32d6..009f52473 100644
--- a/content/blog/2023-09-13-release-1.10.0.en.md
+++ b/content/blog/2023-09-13-release-1.10.0.en.md
@@ -13,7 +13,7 @@ We're happy to announce the release of Cryptomator 1.10.0. :tada: Let's dive int
 We understand that expert users desire more control and would like to override some default values in the vault configuration file. That's why the new version brings the addition of expert settings during vault creation. For now, you can set the maximum length of encrypted file names. This feature ensures that Cryptomator adapts to the peculiarities of various cloud storage systems. :hammer_and_wrench:
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/expert-settings.png" srcset="/img/blog/expert-settings.png 1x, /img/blog/expert-settings@2x.png 2x" alt="Expert Settings During Vault Creation" />
+  <img class="inline-block rounded-sm" src="/img/blog/expert-settings.png" srcset="/img/blog/expert-settings.png 1x, /img/blog/expert-settings@2x.png 2x" alt="Expert Settings During Vault Creation" />
 </figure>
 
 ## Proper Tray Menu Support on Linux
@@ -21,7 +21,7 @@ We understand that expert users desire more control and would like to override s
 A huge shoutout to [Ralph (purejava on GitHub)](https://github.com/purejava) for his open-source contribution once again! :raised_hands: Thanks to his efforts, we now have proper tray menu support with AppIndicator integration. It's yet another step towards making Cryptomator feel native and fluid for Linux users.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/tray-menu-appindicator.png" srcset="/img/blog/tray-menu-appindicator.png 1x, /img/blog/tray-menu-appindicator@2x.png 2x" alt="Proper Tray Menu Support on Linux" />
+  <img class="inline-block rounded-sm" src="/img/blog/tray-menu-appindicator.png" srcset="/img/blog/tray-menu-appindicator.png 1x, /img/blog/tray-menu-appindicator@2x.png 2x" alt="Proper Tray Menu Support on Linux" />
 </figure>
 
 ## AArch64 Build for AppImage
@@ -33,7 +33,7 @@ Good news for Linux users on AArch64 architectures! :tada: Cryptomator 1.10.0 in
 Encountering an error can be frustrating :sweat:, especially when you're not sure what to do next. We've redesigned our error dialog to focus on solutions. Now, when you run into an error, the dialog will guide you to a potential solution if it exists in our error database. This enhancement aims to make troubleshooting more user-friendly and efficient. :white_check_mark:
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/look-up-solution.png" srcset="/img/blog/look-up-solution.png 1x, /img/blog/look-up-solution@2x.png 2x" alt="Improved Error Dialog" />
+  <img class="inline-block rounded-sm" src="/img/blog/look-up-solution.png" srcset="/img/blog/look-up-solution.png 1x, /img/blog/look-up-solution@2x.png 2x" alt="Improved Error Dialog" />
 </figure>
 
 ## Refreshed macOS App Icon
@@ -41,7 +41,7 @@ Encountering an error can be frustrating :sweat:, especially when you're not sur
 Mac users, we haven't forgotten about you! :green_apple: Aesthetics matter, and with this update, Cryptomator boasts a brand-new app icon for macOS. How do you like Cryptobot in a squircle?
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/macos-app-icon-2023.png" srcset="/img/blog/macos-app-icon-2023.png 1x, /img/blog/macos-app-icon-2023@2x.png 2x" alt="Refreshed macOS App Icon" />
+  <img class="inline-block rounded-sm" src="/img/blog/macos-app-icon-2023.png" srcset="/img/blog/macos-app-icon-2023.png 1x, /img/blog/macos-app-icon-2023@2x.png 2x" alt="Refreshed macOS App Icon" />
 </figure>
 
 ## Conclusion
diff --git a/content/blog/2024-09-17-ios-2.6.de.md b/content/blog/2024-09-17-ios-2.6.de.md
index 5908d85d1..88f16e804 100644
--- a/content/blog/2024-09-17-ios-2.6.de.md
+++ b/content/blog/2024-09-17-ios-2.6.de.md
@@ -17,7 +17,7 @@ Alle Anwender:innen unserer iOS-App dürfen sich über einen neuen Release freue
 
 <figure class="text-center">
   <a href="https://apps.apple.com/de/app/cryptomator/id1560822163" target="_blank" rel="noopener">
-    <img class="inline-block rounded md:w-1/2" src="/img/blog/ios-2.6.png" alt="Cryptomator 2.6 für iOS" />
+    <img class="inline-block rounded-sm md:w-1/2" src="/img/blog/ios-2.6.png" alt="Cryptomator 2.6 für iOS" />
   </a>
 </figure>
 
diff --git a/content/blog/2024-09-17-ios-2.6.en.md b/content/blog/2024-09-17-ios-2.6.en.md
index 0e5aa902a..d3043a65e 100644
--- a/content/blog/2024-09-17-ios-2.6.en.md
+++ b/content/blog/2024-09-17-ios-2.6.en.md
@@ -17,7 +17,7 @@ All users of our iOS app can look forward to a new release, as version 2.6 is no
 
 <figure class="text-center">
   <a href="https://apps.apple.com/us/app/cryptomator/id1560822163" target="_blank" rel="noopener">
-    <img class="inline-block rounded md:w-1/2" src="/img/blog/ios-2.6.png" alt="Cryptomator 2.6 for iOS" />
+    <img class="inline-block rounded-sm md:w-1/2" src="/img/blog/ios-2.6.png" alt="Cryptomator 2.6 for iOS" />
   </a>
 </figure>
 
diff --git a/content/blog/2024-09-17-release-1.14.0.de.md b/content/blog/2024-09-17-release-1.14.0.de.md
index eb1f27860..57eafd8ac 100644
--- a/content/blog/2024-09-17-release-1.14.0.de.md
+++ b/content/blog/2024-09-17-release-1.14.0.de.md
@@ -25,13 +25,13 @@ Mit dem neuen Feature „Quick Access“ bekommt ihr nun einen Tresor-Schnellzug
 Im folgenden Video könnt ihr euch direkt von dem neuen Feature überzeugen.
 
 *Ubuntu(Linux):*
-<video class="rounded" autoplay loop muted playsinline>
+<video class="rounded-sm" autoplay loop muted playsinline>
   <source src="https://static.cryptomator.org/blog/quickaccess-ubuntu.mp4" type="video/mp4">
   Your browser does not support the video tag.
 </video>
 
 *Windows:*
-<video class="rounded" autoplay loop muted playsinline>
+<video class="rounded-sm" autoplay loop muted playsinline>
   <source src="https://static.cryptomator.org/blog/quickaccess-windows.mp4" type="video/mp4">
   Your browser does not support the video tag.
 </video>
@@ -41,7 +41,7 @@ Im folgenden Video könnt ihr euch direkt von dem neuen Feature überzeugen.
 Manche Apps werden sofort benötigt, sobald der Computer startklar ist. Das geht jetzt auch mit Cryptomator unter Linux! In den Einstellungen der App könnt ihr festlegen, ob Cryptomator beim Login gestartet werden soll. Unterstützt werden die Desktop-Umgebungen GNOME und KDE und bei Installation über AUR, PPA oder DEB.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/auto-start.png" srcset="/img/blog/auto-start.png 1x, /img/blog/auto-start@2x.png 2x" alt="Auto Start unter Linux" />
+  <img class="inline-block rounded-sm" src="/img/blog/auto-start.png" srcset="/img/blog/auto-start.png 1x, /img/blog/auto-start@2x.png 2x" alt="Auto Start unter Linux" />
 </figure>
 
 ## Bug Fixes
diff --git a/content/blog/2024-09-17-release-1.14.0.en.md b/content/blog/2024-09-17-release-1.14.0.en.md
index a60236834..a6d9153c2 100644
--- a/content/blog/2024-09-17-release-1.14.0.en.md
+++ b/content/blog/2024-09-17-release-1.14.0.en.md
@@ -25,13 +25,13 @@ The new "Quick Access" feature provides quick vault access directly in the file
 Check out the new feature in action in the following video.
 
 *Ubuntu(Linux):*
-<video class="rounded" autoplay loop muted playsinline>
+<video class="rounded-sm" autoplay loop muted playsinline>
   <source src="https://static.cryptomator.org/blog/quickaccess-ubuntu.mp4" type="video/mp4">
   Your browser does not support the video tag.
 </video>
 
 *Windows:*
-<video class="rounded" autoplay loop muted playsinline>
+<video class="rounded-sm" autoplay loop muted playsinline>
   <source src="https://static.cryptomator.org/blog/quickaccess-windows.mp4" type="video/mp4">
   Your browser does not support the video tag.
 </video>
@@ -41,7 +41,7 @@ Check out the new feature in action in the following video.
 Some apps are needed as soon as the computer is ready. Now, this is also possible with Cryptomator on Linux! In the app’s settings, you can configure whether Cryptomator should start automatically when you log in. This feature supports the GNOME and KDE desktop environments and is available when installed via AUR, PPA, or DEB.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/auto-start.png" srcset="/img/blog/auto-start.png 1x, /img/blog/auto-start@2x.png 2x" alt="Auto Start on Linux" />
+  <img class="inline-block rounded-sm" src="/img/blog/auto-start.png" srcset="/img/blog/auto-start.png 1x, /img/blog/auto-start@2x.png 2x" alt="Auto Start on Linux" />
 </figure>
 
 ## Bug Fixes
diff --git a/content/blog/2024-10-23-ios-2.6.3.de.md b/content/blog/2024-10-23-ios-2.6.3.de.md
index 308397400..ee70c2701 100644
--- a/content/blog/2024-10-23-ios-2.6.3.de.md
+++ b/content/blog/2024-10-23-ios-2.6.3.de.md
@@ -16,7 +16,7 @@ Wir freuen uns, die Veröffentlichung von Cryptomator iOS Version 2.6.3 bekannt
 
 <figure class="text-center">
   <a href="https://apps.apple.com/de/app/cryptomator/id1560822163" target="_blank" rel="noopener">
-    <img class="inline-block rounded" src="/img/blog/ios-2.6.3.png" srcset="/img/blog/ios-2.6.3.png 1x, /img/blog/ios-2.6.3@2x.png 2x" alt="Neue Varianten von App-Icons in Cryptomator 2.6.3 für iOS" />
+    <img class="inline-block rounded-sm" src="/img/blog/ios-2.6.3.png" srcset="/img/blog/ios-2.6.3.png 1x, /img/blog/ios-2.6.3@2x.png 2x" alt="Neue Varianten von App-Icons in Cryptomator 2.6.3 für iOS" />
   </a>
 </figure>
 
diff --git a/content/blog/2024-10-23-ios-2.6.3.en.md b/content/blog/2024-10-23-ios-2.6.3.en.md
index 179557a6e..c0b3955f2 100644
--- a/content/blog/2024-10-23-ios-2.6.3.en.md
+++ b/content/blog/2024-10-23-ios-2.6.3.en.md
@@ -16,7 +16,7 @@ We're excited to announce the release of Cryptomator iOS version 2.6.3! This upd
 
 <figure class="text-center">
   <a href="https://apps.apple.com/us/app/cryptomator/id1560822163" target="_blank" rel="noopener">
-    <img class="inline-block rounded" src="/img/blog/ios-2.6.3.png" srcset="/img/blog/ios-2.6.3.png 1x, /img/blog/ios-2.6.3@2x.png 2x" alt="New variants of app icons in Cryptomator 2.6.3 for iOS" />
+    <img class="inline-block rounded-sm" src="/img/blog/ios-2.6.3.png" srcset="/img/blog/ios-2.6.3.png 1x, /img/blog/ios-2.6.3@2x.png 2x" alt="New variants of app icons in Cryptomator 2.6.3 for iOS" />
   </a>
 </figure>
 
diff --git a/content/blog/2024-11-02-hub-1.4.0-beta.de.md b/content/blog/2024-11-02-hub-1.4.0-beta.de.md
index 50b5063c8..a71f4a7ee 100644
--- a/content/blog/2024-11-02-hub-1.4.0-beta.de.md
+++ b/content/blog/2024-11-02-hub-1.4.0-beta.de.md
@@ -9,7 +9,7 @@ summary: "Zum zweiten Geburtstag von Cryptomator Hub gibt es spannende neue Feat
 Es ist kaum zu glauben, dass Cryptomator Hub nun schon zwei Jahre alt wird! Als zentrale Verwaltungsplattform für verschlüsselte Cloud-Speicherlösungen ermöglicht Cryptomator Hub Unternehmen und Organisationen, ihre Zugänge und Berechtigungen sicher und effizient zu verwalten. Seit dem Release am 2. November 2022 haben wir gemeinsam mit unserer Community hart daran gearbeitet, ein noch stärkeres und sichereres Tool für eure Bedürfnisse zu entwickeln. Dafür erst einmal ein großes Dankeschön an die Community! Zum zweiten Geburtstag haben wir spannende neue Features für euch – und das Beste daran: Ihr könnt sie schon jetzt in einer Beta-Version testen!
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/hub-identity-verification.png" srcset="/img/blog/hub-identity-verification.png 1x, /img/blog/hub-identity-verification@2x.png 2x" alt="Identitätsüberprüfung durch Bestätigung von Fingerabdruckzeichen in Cryptomator Hub 1.4.0" />
+  <img class="inline-block rounded-sm" src="/img/blog/hub-identity-verification.png" srcset="/img/blog/hub-identity-verification.png 1x, /img/blog/hub-identity-verification@2x.png 2x" alt="Identitätsüberprüfung durch Bestätigung von Fingerabdruckzeichen in Cryptomator Hub 1.4.0" />
 </figure>
 
 ## „Web of Trust“ – Mehr Sicherheit durch gegenseitige Verifikation
diff --git a/content/blog/2024-11-02-hub-1.4.0-beta.en.md b/content/blog/2024-11-02-hub-1.4.0-beta.en.md
index 4d3e3fe15..602a6a43f 100644
--- a/content/blog/2024-11-02-hub-1.4.0-beta.en.md
+++ b/content/blog/2024-11-02-hub-1.4.0-beta.en.md
@@ -9,7 +9,7 @@ summary: "Cryptomator Hub is turning two years old! Celebrate with us and test e
 It's hard to believe that Cryptomator Hub is already two years old! As a central management platform for encrypted cloud storage solutions, Cryptomator Hub enables businesses and organizations to securely and efficiently manage access and permissions. Since its release on November 2, 2022, we've worked hard with our community to develop an even stronger and more secure tool to meet your needs. First of all, a huge thank you to the community! To celebrate this milestone, we're introducing exciting new features – and the best part: you can test them now in a beta version!
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/hub-identity-verification.png" srcset="/img/blog/hub-identity-verification.png 1x, /img/blog/hub-identity-verification@2x.png 2x" alt="Identity verification by confirming fingerprint characters in Cryptomator Hub 1.4.0" />
+  <img class="inline-block rounded-sm" src="/img/blog/hub-identity-verification.png" srcset="/img/blog/hub-identity-verification.png 1x, /img/blog/hub-identity-verification@2x.png 2x" alt="Identity verification by confirming fingerprint characters in Cryptomator Hub 1.4.0" />
 </figure>
 
 ## "Web of Trust" – Enhanced Security through Mutual Verification
diff --git a/content/blog/2024-12-01-december-sale.de.md b/content/blog/2024-12-01-december-sale.de.md
index 323f5e53e..0d79a8417 100644
--- a/content/blog/2024-12-01-december-sale.de.md
+++ b/content/blog/2024-12-01-december-sale.de.md
@@ -12,7 +12,7 @@ Ihr könnt die Worte „Black Friday“ auch nicht mehr hören? Wir auch nicht 
 Nutzt für die APK-Version der Android-App und für das Supporter-Zertifikat den Rabattcode „DEC24“ und spart 33 %\* auf euren Kauf!
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/december-2024-sale.png" srcset="/img/blog/december-2024-sale.png 1x, /img/blog/december-2024-sale@2x.png 2x" alt="33 % Rabatt im Dezember auf Mobile-Apps und Supporter-Zertifikat" />
+  <img class="inline-block rounded-sm" src="/img/blog/december-2024-sale.png" srcset="/img/blog/december-2024-sale.png 1x, /img/blog/december-2024-sale@2x.png 2x" alt="33 % Rabatt im Dezember auf Mobile-Apps und Supporter-Zertifikat" />
 </figure>
 
 ## Einmal kaufen, dauerhaft nutzen – und noch vor der Preiserhöhung zugreifen
diff --git a/content/blog/2024-12-01-december-sale.en.md b/content/blog/2024-12-01-december-sale.en.md
index 11481abac..1f53ccac2 100644
--- a/content/blog/2024-12-01-december-sale.en.md
+++ b/content/blog/2024-12-01-december-sale.en.md
@@ -12,7 +12,7 @@ Tired of hearing the words "Black Friday"? So are we – that's why our sale is
 Use the discount code "DEC24" for the APK version of the Android app and the Supporter Certificate to save 33%\* on your purchase!
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/december-2024-sale.png" srcset="/img/blog/december-2024-sale.png 1x, /img/blog/december-2024-sale@2x.png 2x" alt="33%* Discount in December on Mobile Apps and Supporter Certificate!" />
+  <img class="inline-block rounded-sm" src="/img/blog/december-2024-sale.png" srcset="/img/blog/december-2024-sale.png 1x, /img/blog/december-2024-sale@2x.png 2x" alt="33%* Discount in December on Mobile Apps and Supporter Certificate!" />
 </figure>
 
 ## Buy Once, Use Forever – And Get In Before the Price Increase
diff --git a/content/blog/2025-02-05-release-1.15.0.de.md b/content/blog/2025-02-05-release-1.15.0.de.md
index 0c22433d0..b42a35988 100644
--- a/content/blog/2025-02-05-release-1.15.0.de.md
+++ b/content/blog/2025-02-05-release-1.15.0.de.md
@@ -16,11 +16,11 @@ Wir freuen uns, euch die neueste Version von Cryptomator, Version 1.15.0, vorzus
 - **Kompakte Tresorliste**: Die Tresorliste bietet nun eine Kompaktdarstellung, die in den Einstellungen aktiviert werden kann. In diesem Modus wird nur der Tresorname angezeigt – besonders praktisch, wenn man viele Tresore hat!
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/create-vault.png" srcset="/img/blog/create-vault.png 1x, /img/blog/create-vault@2x.png 2x" alt="Screenshot der Erstellung eines Tresors in der Cryptomator-App" />
+  <img class="inline-block rounded-sm" src="/img/blog/create-vault.png" srcset="/img/blog/create-vault.png 1x, /img/blog/create-vault@2x.png 2x" alt="Screenshot der Erstellung eines Tresors in der Cryptomator-App" />
 </figure>
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/compact-vault-list.png" srcset="/img/blog/compact-vault-list.png 1x, /img/blog/compact-vault-list@2x.png 2x" alt="Screenshot der neuen kompakten Listenansicht" />
+  <img class="inline-block rounded-sm" src="/img/blog/compact-vault-list.png" srcset="/img/blog/compact-vault-list.png 1x, /img/blog/compact-vault-list@2x.png 2x" alt="Screenshot der neuen kompakten Listenansicht" />
 </figure>
 
 ### Verbesserte Kompatibilität und neue Funktionen
diff --git a/content/blog/2025-02-05-release-1.15.0.en.md b/content/blog/2025-02-05-release-1.15.0.en.md
index 932582bef..33a479626 100644
--- a/content/blog/2025-02-05-release-1.15.0.en.md
+++ b/content/blog/2025-02-05-release-1.15.0.en.md
@@ -16,11 +16,11 @@ We are excited to introduce the latest version of Cryptomator, version 1.15.0! T
 - **Compact Vault List**: The vault list now offers a compact view, which can be enabled in the settings. In this mode, only the vault name is displayed—especially useful for those managing multiple vaults!
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/create-vault.png" srcset="/img/blog/create-vault.png 1x, /img/blog/create-vault@2x.png 2x" alt="Screenshot of creating a vault in the Cryptomator app" />
+  <img class="inline-block rounded-sm" src="/img/blog/create-vault.png" srcset="/img/blog/create-vault.png 1x, /img/blog/create-vault@2x.png 2x" alt="Screenshot of creating a vault in the Cryptomator app" />
 </figure>
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/blog/compact-vault-list.png" srcset="/img/blog/compact-vault-list.png 1x, /img/blog/compact-vault-list@2x.png 2x" alt="Screenshot showing the new Compact List View" />
+  <img class="inline-block rounded-sm" src="/img/blog/compact-vault-list.png" srcset="/img/blog/compact-vault-list.png 1x, /img/blog/compact-vault-list@2x.png 2x" alt="Screenshot showing the new Compact List View" />
 </figure>
 
 ### Enhanced Compatibility & New Features
diff --git a/content/boxcryptor-alternative.de.md b/content/boxcryptor-alternative.de.md
index 32230b544..a837fa053 100644
--- a/content/boxcryptor-alternative.de.md
+++ b/content/boxcryptor-alternative.de.md
@@ -81,7 +81,7 @@ Kommen wir nun zum Vergleich der sichtbaren Funktionen. Die folgende Tabelle zei
 
 {{< /markdownify >}}</div>
 
-<table class="table-fixed divide-y divide-primary rounded shadow bg-white min-w-full mt-6 mb-12">
+<table class="table-fixed divide-y divide-primary rounded-sm shadow-sm bg-white min-w-full mt-6 mb-12">
   <thead>
     <tr class="py-2">
       <th class="font-headline text-lg md:text-xl leading-relaxed font-normal text-left px-4 py-2 w-1/2"></th>
@@ -102,7 +102,7 @@ Kommen wir nun zum Vergleich der sichtbaren Funktionen. Die folgende Tabelle zei
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-check-circle fa-fw text-2xl text-gray-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">in Boxcryptor kostenpflichtig</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">in Boxcryptor kostenpflichtig</div>
         </div>
       </td>
     </tr>
@@ -112,7 +112,7 @@ Kommen wir nun zum Vergleich der sichtbaren Funktionen. Die folgende Tabelle zei
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-times-circle fa-fw text-2xl text-red-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">Opt-in für lokalen Account; Standardeinstellung speichert Schlüssel auf Boxcryptor-Server</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">Opt-in für lokalen Account; Standardeinstellung speichert Schlüssel auf Boxcryptor-Server</div>
         </div>
       </td>
     </tr>
@@ -126,7 +126,7 @@ Kommen wir nun zum Vergleich der sichtbaren Funktionen. Die folgende Tabelle zei
         <span>Passwort wiederherstellen ohne E-Mail-Adresse („Offline Key Recovery“)</span>
         <div class="has-tooltip">
           <i class="fas fa-info-circle fa-fw text-gray-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">Deine Daten liegen nicht in Mails bei einem E-Mail-Account-Anbieter, was die Sicherheit weiter erhöht.</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">Deine Daten liegen nicht in Mails bei einem E-Mail-Account-Anbieter, was die Sicherheit weiter erhöht.</div>
         </div>
       </td>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4"><i class="fas fa-check-circle fa-fw text-2xl text-primary"></i></td>
@@ -142,13 +142,13 @@ Kommen wir nun zum Vergleich der sichtbaren Funktionen. Die folgende Tabelle zei
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-check-circle fa-fw text-2xl text-primary"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">Windows, macOS, Linux, Android, iOS</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">Windows, macOS, Linux, Android, iOS</div>
         </div>
       </td>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-times-circle fa-fw text-2xl text-red-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">
             <p class="mb-2">Windows, macOS, Android, iOS</p>
             <p><i class="fas fa-times fa-fw text-red-600"></i> kein Linux</p>
           </div>
@@ -168,7 +168,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
 
 {{< /markdownify >}}</div>
 
-<table class="table-fixed divide-y divide-primary rounded shadow bg-white min-w-full mt-6 mb-12">
+<table class="table-fixed divide-y divide-primary rounded-sm shadow-sm bg-white min-w-full mt-6 mb-12">
   <thead>
     <tr class="py-2">
       <th class="font-headline text-lg md:text-xl leading-relaxed font-normal text-left px-4 py-2 w-1/2"></th>
@@ -186,7 +186,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isFileContentEncryptionOpen = !isFileContentEncryptionOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isFileContentEncryptionOpen, 'fa-chevron-circle-down': isFileContentEncryptionOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isFileContentEncryptionOpen, 'fa-chevron-circle-down': isFileContentEncryptionOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Dateiinhalte-Verschlüsselung</span>
         </a>
       </td>
@@ -204,7 +204,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isFileNameEncryptionOpen = !isFileNameEncryptionOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isFileNameEncryptionOpen, 'fa-chevron-circle-down': isFileNameEncryptionOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isFileNameEncryptionOpen, 'fa-chevron-circle-down': isFileNameEncryptionOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Dateinamen-Verschlüsselung</span>
         </a>
       </td>
@@ -212,7 +212,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-check-circle fa-fw text-2xl text-gray-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">in Boxcryptor kostenpflichtig und optional</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">in Boxcryptor kostenpflichtig und optional</div>
         </div>
       </td>
     </tr>
@@ -227,14 +227,14 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isFileAttributeEncryptionOpen = !isFileAttributeEncryptionOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isFileAttributeEncryptionOpen, 'fa-chevron-circle-down': isFileAttributeEncryptionOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isFileAttributeEncryptionOpen, 'fa-chevron-circle-down': isFileAttributeEncryptionOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Dateiattribute-Verschlüsselung</span>
         </a>
       </td>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-times-circle fa-fw text-2xl text-gray-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">geplant</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">geplant</div>
         </div>
       </td>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4"><i class="fas fa-times-circle fa-fw text-2xl text-red-600"></i></td>
@@ -250,7 +250,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isFOSSOpen = !isFOSSOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isFOSSOpen, 'fa-chevron-circle-down': isFOSSOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isFOSSOpen, 'fa-chevron-circle-down': isFOSSOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Freie & quelloffene Software (FOSS)</span>
         </a>
       </td>
@@ -268,7 +268,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isDirectoryObfuscationOpen = !isDirectoryObfuscationOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isDirectoryObfuscationOpen, 'fa-chevron-circle-down': isDirectoryObfuscationOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isDirectoryObfuscationOpen, 'fa-chevron-circle-down': isDirectoryObfuscationOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Verzeichnis-Verschleierung</span>
         </a>
       </td>
@@ -286,7 +286,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isIntegrityProtectionOpen = !isIntegrityProtectionOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isIntegrityProtectionOpen, 'fa-chevron-circle-down': isIntegrityProtectionOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isIntegrityProtectionOpen, 'fa-chevron-circle-down': isIntegrityProtectionOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Integritätsschutz</span>
         </a>
       </td>
@@ -304,7 +304,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isQuantumResistantOpen = !isQuantumResistantOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isQuantumResistantOpen, 'fa-chevron-circle-down': isQuantumResistantOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isQuantumResistantOpen, 'fa-chevron-circle-down': isQuantumResistantOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Quantenresistente Kryptographie</span>
         </a>
       </td>
@@ -322,7 +322,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isAuditedCryptographyOpen = !isAuditedCryptographyOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isAuditedCryptographyOpen, 'fa-chevron-circle-down': isAuditedCryptographyOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isAuditedCryptographyOpen, 'fa-chevron-circle-down': isAuditedCryptographyOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Geprüfte Kryptographie</span>
         </a>
       </td>
@@ -340,7 +340,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isMemoryHardKDFOpen = !isMemoryHardKDFOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isMemoryHardKDFOpen, 'fa-chevron-circle-down': isMemoryHardKDFOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isMemoryHardKDFOpen, 'fa-chevron-circle-down': isMemoryHardKDFOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Speicherintensive KDF</span>
         </a>
       </td>
@@ -359,7 +359,7 @@ Lass uns jetzt einen Blick auf diese Merkmale werfen. Dafür vergleichen wir die
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isShareKeysOpen = !isShareKeysOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isShareKeysOpen, 'fa-chevron-circle-down': isShareKeysOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isShareKeysOpen, 'fa-chevron-circle-down': isShareKeysOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Gemeinsame Nutzung ohne Weitergabe von Passwörtern</span>
         </a>
       </td>
diff --git a/content/boxcryptor-alternative.en.md b/content/boxcryptor-alternative.en.md
index cced260dc..b8e47ebf1 100644
--- a/content/boxcryptor-alternative.en.md
+++ b/content/boxcryptor-alternative.en.md
@@ -81,7 +81,7 @@ Let's now compare the visible features. The following table shows you the simila
 
 {{< /markdownify >}}</div>
 
-<table class="table-fixed divide-y divide-primary rounded shadow bg-white min-w-full mt-6 mb-12">
+<table class="table-fixed divide-y divide-primary rounded-sm shadow-sm bg-white min-w-full mt-6 mb-12">
   <thead>
     <tr class="py-2">
       <th class="font-headline text-lg md:text-xl leading-relaxed font-normal text-left px-4 py-2 w-1/2"></th>
@@ -102,7 +102,7 @@ Let's now compare the visible features. The following table shows you the simila
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-check-circle fa-fw text-2xl text-gray-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">in Boxcryptor with costs</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">in Boxcryptor with costs</div>
         </div>
       </td>
     </tr>
@@ -112,7 +112,7 @@ Let's now compare the visible features. The following table shows you the simila
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-times-circle fa-fw text-2xl text-red-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">Opt-in for local account; default settings store your key on Boxcryptor server</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">Opt-in for local account; default settings store your key on Boxcryptor server</div>
         </div>
       </td>
     </tr>
@@ -126,7 +126,7 @@ Let's now compare the visible features. The following table shows you the simila
         <span>Restore password without email address ("offline key recovery")</span>
         <div class="has-tooltip">
           <i class="fas fa-info-circle fa-fw text-gray-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">Your data is not stored in mails with an email account provider, which further increases security.</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">Your data is not stored in mails with an email account provider, which further increases security.</div>
         </div>
       </td>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4"><i class="fas fa-check-circle fa-fw text-2xl text-primary"></i></td>
@@ -142,13 +142,13 @@ Let's now compare the visible features. The following table shows you the simila
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-check-circle fa-fw text-2xl text-primary"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">Windows, macOS, Linux, Android, iOS</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">Windows, macOS, Linux, Android, iOS</div>
         </div>
       </td>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-times-circle fa-fw text-2xl text-red-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">
             <p class="mb-2">Windows, macOS, Android, iOS</p>
             <p><i class="fas fa-times fa-fw text-red-600"></i> no Linux</p>
           </div>
@@ -168,7 +168,7 @@ Let's now take a look at these features. For this we compare the features again
 
 {{< /markdownify >}}</div>
 
-<table class="table-fixed divide-y divide-primary rounded shadow bg-white min-w-full mt-6 mb-12">
+<table class="table-fixed divide-y divide-primary rounded-sm shadow-sm bg-white min-w-full mt-6 mb-12">
   <thead>
     <tr class="py-2">
       <th class="font-headline text-lg md:text-xl leading-relaxed font-normal text-left px-4 py-2 w-1/2"></th>
@@ -186,7 +186,7 @@ Let's now take a look at these features. For this we compare the features again
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isFileContentEncryptionOpen = !isFileContentEncryptionOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isFileContentEncryptionOpen, 'fa-chevron-circle-down': isFileContentEncryptionOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isFileContentEncryptionOpen, 'fa-chevron-circle-down': isFileContentEncryptionOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>File Content Encryption</span>
         </a>
       </td>
@@ -204,7 +204,7 @@ Let's now take a look at these features. For this we compare the features again
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isFileNameEncryptionOpen = !isFileNameEncryptionOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isFileNameEncryptionOpen, 'fa-chevron-circle-down': isFileNameEncryptionOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isFileNameEncryptionOpen, 'fa-chevron-circle-down': isFileNameEncryptionOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>File Name Encryption</span>
         </a>
       </td>
@@ -212,7 +212,7 @@ Let's now take a look at these features. For this we compare the features again
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-check-circle fa-fw text-2xl text-gray-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">in Boxcryptor with costs and optional</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">in Boxcryptor with costs and optional</div>
         </div>
       </td>
     </tr>
@@ -227,14 +227,14 @@ Let's now take a look at these features. For this we compare the features again
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isFileAttributeEncryptionOpen = !isFileAttributeEncryptionOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isFileAttributeEncryptionOpen, 'fa-chevron-circle-down': isFileAttributeEncryptionOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isFileAttributeEncryptionOpen, 'fa-chevron-circle-down': isFileAttributeEncryptionOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>File Attribute Encryption</span>
         </a>
       </td>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <div class="has-tooltip">
           <i class="fas fa-times-circle fa-fw text-2xl text-gray-600"></i>
-          <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-max max-w-xs p-2">planned</div>
+          <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-max max-w-xs p-2">planned</div>
         </div>
       </td>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4"><i class="fas fa-times-circle fa-fw text-2xl text-red-600"></i></td>
@@ -250,7 +250,7 @@ Let's now take a look at these features. For this we compare the features again
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isFOSSOpen = !isFOSSOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isFOSSOpen, 'fa-chevron-circle-down': isFOSSOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isFOSSOpen, 'fa-chevron-circle-down': isFOSSOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Free & Open-Source Software (FOSS)</span>
         </a>
       </td>
@@ -268,7 +268,7 @@ Let's now take a look at these features. For this we compare the features again
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isDirectoryObfuscationOpen = !isDirectoryObfuscationOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isDirectoryObfuscationOpen, 'fa-chevron-circle-down': isDirectoryObfuscationOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isDirectoryObfuscationOpen, 'fa-chevron-circle-down': isDirectoryObfuscationOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Directory Obfuscation</span>
         </a>
       </td>
@@ -286,7 +286,7 @@ Let's now take a look at these features. For this we compare the features again
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isIntegrityProtectionOpen = !isIntegrityProtectionOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isIntegrityProtectionOpen, 'fa-chevron-circle-down': isIntegrityProtectionOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isIntegrityProtectionOpen, 'fa-chevron-circle-down': isIntegrityProtectionOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Integrity Protection</span>
         </a>
       </td>
@@ -304,7 +304,7 @@ Let's now take a look at these features. For this we compare the features again
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isQuantumResistantOpen = !isQuantumResistantOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isQuantumResistantOpen, 'fa-chevron-circle-down': isQuantumResistantOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isQuantumResistantOpen, 'fa-chevron-circle-down': isQuantumResistantOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Quantum-Resistant Cryptography</span>
         </a>
       </td>
@@ -322,7 +322,7 @@ Let's now take a look at these features. For this we compare the features again
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isAuditedCryptographyOpen = !isAuditedCryptographyOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isAuditedCryptographyOpen, 'fa-chevron-circle-down': isAuditedCryptographyOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isAuditedCryptographyOpen, 'fa-chevron-circle-down': isAuditedCryptographyOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Audited Cryptography</span>
         </a>
       </td>
@@ -340,7 +340,7 @@ Let's now take a look at these features. For this we compare the features again
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isMemoryHardKDFOpen = !isMemoryHardKDFOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isMemoryHardKDFOpen, 'fa-chevron-circle-down': isMemoryHardKDFOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isMemoryHardKDFOpen, 'fa-chevron-circle-down': isMemoryHardKDFOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Memory-Hard KDF</span>
         </a>
       </td>
@@ -359,7 +359,7 @@ Let's now take a look at these features. For this we compare the features again
     <tr>
       <td class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isShareKeysOpen = !isShareKeysOpen">
-          <i :class="{ 'fa-chevron-circle-right': !isShareKeysOpen, 'fa-chevron-circle-down': isShareKeysOpen }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isShareKeysOpen, 'fa-chevron-circle-down': isShareKeysOpen }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>Sharing Without Disclosing Passwords</span>
         </a>
       </td>
diff --git a/content/coop/1und1.de.md b/content/coop/1und1.de.md
index 056133d20..4442657e3 100644
--- a/content/coop/1und1.de.md
+++ b/content/coop/1und1.de.md
@@ -8,7 +8,7 @@ aliases: ["/coop/1und1_de.html"]
 ---
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/1und1-banner.png" alt="1&amp;1 Coop Banner"/>
+  <img class="inline-block rounded-sm" src="/img/coop/1und1-banner.png" alt="1&amp;1 Coop Banner"/>
 </figure>
 
 Die Verschlüsselung erfolgt mithilfe eines einzigartigen, individuellen Schlüssels. Die Dateien werden in eine nicht lesbare Abfolge von Zeichen umgewandelt. Nur mit diesem Schlüssel können die Dateien wieder lesbar gemacht werden.
diff --git a/content/coop/1und1.en.md b/content/coop/1und1.en.md
index e472ee7fa..481d97018 100644
--- a/content/coop/1und1.en.md
+++ b/content/coop/1und1.en.md
@@ -8,7 +8,7 @@ aliases: ["/coop/1und1_en.html"]
 ---
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/1und1-banner.png" alt="1&amp;1 Coop Banner"/>
+  <img class="inline-block rounded-sm" src="/img/coop/1und1-banner.png" alt="1&amp;1 Coop Banner"/>
 </figure>
 
 Encryption is done using a unique, individual key. The files are converted into an unreadable sequence of characters. Only with this key, the files can be made readable again.
diff --git a/content/coop/cyberduck.de.md b/content/coop/cyberduck.de.md
index 2f069892c..7014fc53d 100644
--- a/content/coop/cyberduck.de.md
+++ b/content/coop/cyberduck.de.md
@@ -10,7 +10,7 @@ aliases: ["/coop/cyberduck_de.html"]
 ---
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
+  <img class="inline-block rounded-sm" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
   <figcaption>Illustration von {{< extlink "https://ktoons.org" "Katharina Hagemann" >}}</figcaption>
 </figure>
 
diff --git a/content/coop/cyberduck.en.md b/content/coop/cyberduck.en.md
index 410736342..5162b1d5e 100644
--- a/content/coop/cyberduck.en.md
+++ b/content/coop/cyberduck.en.md
@@ -10,7 +10,7 @@ aliases: ["/coop/cyberduck_en.html"]
 ---
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
+  <img class="inline-block rounded-sm" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
   <figcaption>Illustration by {{< extlink "https://ktoons.org" "Katharina Hagemann" >}}</figcaption>
 </figure>
 
diff --git a/content/coop/gmx.de.md b/content/coop/gmx.de.md
index 3db4dff9e..ef49ccb67 100644
--- a/content/coop/gmx.de.md
+++ b/content/coop/gmx.de.md
@@ -12,7 +12,7 @@ aliases: ["/coop/gmx_de.html"]
 Der GMX Tresor bietet Nutzern der GMX Cloud die Möglichkeit, Dateien zusätzlich zu schützen: Dank dieser Anwendung werden sie automatisch auf dem jeweiligen Gerät verschlüsselt und danach in die Cloud übertragen.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/gmx-banner.jpg" alt="GMX Coop Banner"/>
+  <img class="inline-block rounded-sm" src="/img/coop/gmx-banner.jpg" alt="GMX Coop Banner"/>
 </figure>
 
 GMX Cloud ist die kostenlose Cloud-Lösung für alle GMX Nutzer. Mit dem „Cloud made in Germany“-Versprechen garantiert GMX die Einhaltung strenger Datenschutzrichtlinien und die ausschließliche Speicherung aller Dateien in Deutschland.
diff --git a/content/coop/gmx.en.md b/content/coop/gmx.en.md
index f1527d990..f4a6190e9 100644
--- a/content/coop/gmx.en.md
+++ b/content/coop/gmx.en.md
@@ -12,7 +12,7 @@ aliases: ["/coop/gmx_en.html"]
 GMX Tresor offers users of GMX Cloud the possibility to additionally protect their files: Thanks to this application, they are automatically encrypted on the respective device and then transferred to the cloud.
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/gmx-banner.jpg" alt="GMX Coop Banner"/>
+  <img class="inline-block rounded-sm" src="/img/coop/gmx-banner.jpg" alt="GMX Coop Banner"/>
 </figure>
 
 GMX Cloud is the free cloud solution for all GMX users. With the "Cloud made in Germany" promise, GMX guarantees compliance with strict data protection guidelines and the exclusive storage of all files in Germany.
diff --git a/content/coop/mountainduck.de.md b/content/coop/mountainduck.de.md
index b75e73f56..82a43ae78 100644
--- a/content/coop/mountainduck.de.md
+++ b/content/coop/mountainduck.de.md
@@ -10,7 +10,7 @@ aliases: ["/coop/mountainduck_de.html"]
 ---
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
+  <img class="inline-block rounded-sm" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
   <figcaption>Illustration von {{< extlink "https://ktoons.org" "Katharina Hagemann" >}}</figcaption>
 </figure>
 
diff --git a/content/coop/mountainduck.en.md b/content/coop/mountainduck.en.md
index e237bb8aa..2e973eb3e 100644
--- a/content/coop/mountainduck.en.md
+++ b/content/coop/mountainduck.en.md
@@ -10,7 +10,7 @@ aliases: ["/coop/mountainduck_en.html"]
 ---
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
+  <img class="inline-block rounded-sm" src="/img/coop/cyberduck-banner.jpg" srcset="/img/coop/cyberduck-banner.jpg 1x, /img/coop/cyberduck-banner@2x.jpg 2x" alt="Cyberduck meets Cryptomator"/>
   <figcaption>Illustration by {{< extlink "https://ktoons.org" "Katharina Hagemann" >}}</figcaption>
 </figure>
 
diff --git a/content/coop/powerfolder.de.md b/content/coop/powerfolder.de.md
index 93eb3d5ad..1038b0062 100644
--- a/content/coop/powerfolder.de.md
+++ b/content/coop/powerfolder.de.md
@@ -9,7 +9,7 @@ ctatext: "Weitere Infos unter powerfolder.com"
 ---
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/powerfolder-banner.png" srcset="/img/coop/powerfolder-banner.png 1x, /img/coop/powerfolder-banner@2x.png 2x" alt="PowerFolder Logo"/>
+  <img class="inline-block rounded-sm" src="/img/coop/powerfolder-banner.png" srcset="/img/coop/powerfolder-banner.png 1x, /img/coop/powerfolder-banner@2x.png 2x" alt="PowerFolder Logo"/>
   <figcaption>PowerFolder verschlüsselt Daten nun mit Cryptomator.</figcaption>
 </figure>
 
diff --git a/content/coop/powerfolder.en.md b/content/coop/powerfolder.en.md
index 68e6e6832..64ddd9233 100644
--- a/content/coop/powerfolder.en.md
+++ b/content/coop/powerfolder.en.md
@@ -9,7 +9,7 @@ ctatext: "Visit powerfolder.com"
 ---
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/coop/powerfolder-banner.png" srcset="/img/coop/powerfolder-banner.png 1x, /img/coop/powerfolder-banner@2x.png 2x" alt="PowerFolder Logo"/>
+  <img class="inline-block rounded-sm" src="/img/coop/powerfolder-banner.png" srcset="/img/coop/powerfolder-banner.png 1x, /img/coop/powerfolder-banner@2x.png 2x" alt="PowerFolder Logo"/>
   <figcaption>PowerFolder now encrypts data with Cryptomator.</figcaption>
 </figure>
 
diff --git a/content/downloads/android.de.html b/content/downloads/android.de.html
index 6f6c55c34..f8ccc3c8b 100644
--- a/content/downloads/android.de.html
+++ b/content/downloads/android.de.html
@@ -13,7 +13,7 @@
     <h2>Cryptomator für Android</h2>
   </header>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>Google Play</h3>
     </div>
@@ -27,7 +27,7 @@ <h3>Google Play</h3>
     </div>
   </div>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>APK</h3>
     </div>
diff --git a/content/downloads/android.en.html b/content/downloads/android.en.html
index 6829eaa46..1df566bc0 100644
--- a/content/downloads/android.en.html
+++ b/content/downloads/android.en.html
@@ -13,7 +13,7 @@
     <h2>Cryptomator for Android</h2>
   </header>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>Google Play</h3>
     </div>
@@ -27,7 +27,7 @@ <h3>Google Play</h3>
     </div>
   </div>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>APK</h3>
     </div>
diff --git a/content/downloads/ios.de.html b/content/downloads/ios.de.html
index eb87d8688..2d5f04984 100644
--- a/content/downloads/ios.de.html
+++ b/content/downloads/ios.de.html
@@ -13,7 +13,7 @@
     <h2>Cryptomator für iOS</h2>
   </header>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>App Store</h3>
     </div>
diff --git a/content/downloads/ios.en.html b/content/downloads/ios.en.html
index 68a4f9221..1787e66cc 100644
--- a/content/downloads/ios.en.html
+++ b/content/downloads/ios.en.html
@@ -13,7 +13,7 @@
     <h2>Cryptomator for iOS</h2>
   </header>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>App Store</h3>
     </div>
diff --git a/content/downloads/linux.de.html b/content/downloads/linux.de.html
index c8aa38e70..e8022082d 100644
--- a/content/downloads/linux.de.html
+++ b/content/downloads/linux.de.html
@@ -21,7 +21,7 @@ <h2>Cryptomator für Linux</h2>
     <p>Version {{< siteparam releases.appimage.version >}} • <a href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.appimage.version >}}" target="_blank" rel="noopener">Änderungen</a></p>
   </header>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>AppImage</h3>
     </div>
@@ -38,7 +38,7 @@ <h3>AppImage</h3>
     </div>
   </div>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>Paketquellen</h3>
     </div>
diff --git a/content/downloads/linux.en.html b/content/downloads/linux.en.html
index 5936ce449..215d5cd81 100644
--- a/content/downloads/linux.en.html
+++ b/content/downloads/linux.en.html
@@ -21,7 +21,7 @@ <h2>Cryptomator for Linux</h2>
     <p>Version {{< siteparam releases.appimage.version >}} • <a href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.appimage.version >}}" target="_blank" rel="noopener">Changelog</a></p>
   </header>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>AppImage</h3>
     </div>
@@ -38,7 +38,7 @@ <h3>AppImage</h3>
     </div>
   </div>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>Package Repositories</h3>
     </div>
diff --git a/content/downloads/mac.de.html b/content/downloads/mac.de.html
index 0b815524f..32a5f38ea 100644
--- a/content/downloads/mac.de.html
+++ b/content/downloads/mac.de.html
@@ -21,7 +21,7 @@ <h2>Cryptomator für macOS</h2>
     <p>Version {{< siteparam releases.dmg.version >}} • <a href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.dmg.version >}}" target="_blank" rel="noopener">Änderungen</a></p>
   </header>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>DMG Image</h3>
     </div>
diff --git a/content/downloads/mac.en.html b/content/downloads/mac.en.html
index a5cb91b18..4eba0336e 100644
--- a/content/downloads/mac.en.html
+++ b/content/downloads/mac.en.html
@@ -21,7 +21,7 @@ <h2>Cryptomator for macOS</h2>
     <p>Version {{< siteparam releases.dmg.version >}} • <a href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.dmg.version >}}" target="_blank" rel="noopener">Changelog</a></p>
   </header>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>DMG Image</h3>
     </div>
diff --git a/content/downloads/win.de.html b/content/downloads/win.de.html
index cc7a2ad6a..0930d3d5e 100644
--- a/content/downloads/win.de.html
+++ b/content/downloads/win.de.html
@@ -21,7 +21,7 @@ <h2>Cryptomator für Windows</h2>
     <p>Version {{< siteparam releases.exe.version >}} • <a href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.exe.version >}}" target="_blank" rel="noopener">Änderungen</a></p>
   </header>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>EXE Installer</h3>
     </div>
@@ -38,7 +38,7 @@ <h3>EXE Installer</h3>
     </div>
   </div>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>Portable</h3>
     </div>
diff --git a/content/downloads/win.en.html b/content/downloads/win.en.html
index 52d50dae0..967f70c9d 100644
--- a/content/downloads/win.en.html
+++ b/content/downloads/win.en.html
@@ -21,7 +21,7 @@ <h2>Cryptomator for Windows</h2>
     <p>Version {{< siteparam releases.exe.version >}} • <a href="https://github.com/cryptomator/cryptomator/releases/tag/{{< siteparam releases.exe.version >}}" target="_blank" rel="noopener">Changelog</a></p>
   </header>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>EXE Installer</h3>
     </div>
@@ -38,7 +38,7 @@ <h3>EXE Installer</h3>
     </div>
   </div>
 
-  <div class="rounded shadow bg-white my-4">
+  <div class="rounded-sm shadow-sm bg-white my-4">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>Portable</h3>
     </div>
diff --git a/content/encrypt-dropbox.de.md b/content/encrypt-dropbox.de.md
index 153ddaad0..4565ad548 100644
--- a/content/encrypt-dropbox.de.md
+++ b/content/encrypt-dropbox.de.md
@@ -38,7 +38,7 @@ Das heißt: Angreifern würde es nicht mal etwas bringen, sich durch die Wand de
 
 {{< /markdownify >}}</div>
 
-<div class="rounded shadow bg-white my-6">
+<div class="rounded-sm shadow-sm bg-white my-6">
   <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
     <h3><i class="fab fa-dropbox fa-fw text-primary"></i> Nutze Dropbox wie bisher</h3>
   </div>
@@ -47,7 +47,7 @@ Das heißt: Angreifern würde es nicht mal etwas bringen, sich durch die Wand de
   </div>
 </div>
 
-<div class="rounded shadow bg-white my-6">
+<div class="rounded-sm shadow-sm bg-white my-6">
   <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
     <h3><i class="fas fa-share fa-fw text-primary"></i> Geschützte Daten bequem für Freunde, Familie und Kollegen freigeben</h3>
   </div>
@@ -56,7 +56,7 @@ Das heißt: Angreifern würde es nicht mal etwas bringen, sich durch die Wand de
   </div>
 </div>
 
-<div class="rounded shadow bg-white my-6">
+<div class="rounded-sm shadow-sm bg-white my-6">
   <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
     <h3><i class="fas fa-key fa-fw text-primary"></i> Zugriff auf deine Cloud-Daten hat nur, wer ihn haben soll</h3>
   </div>
@@ -65,7 +65,7 @@ Das heißt: Angreifern würde es nicht mal etwas bringen, sich durch die Wand de
   </div>
 </div>
 
-<div class="rounded shadow bg-white my-6">
+<div class="rounded-sm shadow-sm bg-white my-6">
   <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
     <h3><i class="fas fa-sync fa-fw text-primary"></i> Keine Dateien versehentlich überschreiben</h3>
   </div>
@@ -74,7 +74,7 @@ Das heißt: Angreifern würde es nicht mal etwas bringen, sich durch die Wand de
   </div>
 </div>
 
-<div class="rounded shadow bg-white mt-6 mb-12">
+<div class="rounded-sm shadow-sm bg-white mt-6 mb-12">
   <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
     <h3><i class="fas fa-clouds fa-fw text-primary"></i> Deine sensiblen Daten in Dropbox überall schnell griffbereit</h3>
   </div>
diff --git a/content/encrypt-dropbox.en.md b/content/encrypt-dropbox.en.md
index aeade3f29..11f80f71c 100644
--- a/content/encrypt-dropbox.en.md
+++ b/content/encrypt-dropbox.en.md
@@ -38,7 +38,7 @@ This means that attackers would not even benefit from drilling through the wall
 
 {{< /markdownify >}}</div>
 
-<div class="rounded shadow bg-white my-6">
+<div class="rounded-sm shadow-sm bg-white my-6">
   <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
     <h3><i class="fab fa-dropbox fa-fw text-primary"></i> Use Dropbox as before</h3>
   </div>
@@ -47,7 +47,7 @@ This means that attackers would not even benefit from drilling through the wall
   </div>
 </div>
 
-<div class="rounded shadow bg-white my-6">
+<div class="rounded-sm shadow-sm bg-white my-6">
   <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
     <h3><i class="fas fa-share fa-fw text-primary"></i> Share protected data conveniently with friends, family, and colleagues</h3>
   </div>
@@ -56,7 +56,7 @@ This means that attackers would not even benefit from drilling through the wall
   </div>
 </div>
 
-<div class="rounded shadow bg-white my-6">
+<div class="rounded-sm shadow-sm bg-white my-6">
   <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
     <h3><i class="fas fa-key fa-fw text-primary"></i> Only those have access to your cloud data who should have it</h3>
   </div>
@@ -65,7 +65,7 @@ This means that attackers would not even benefit from drilling through the wall
   </div>
 </div>
 
-<div class="rounded shadow bg-white my-6">
+<div class="rounded-sm shadow-sm bg-white my-6">
   <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
     <h3><i class="fas fa-sync fa-fw text-primary"></i> Files don't accidentally get overwritten</h3>
   </div>
@@ -74,7 +74,7 @@ This means that attackers would not even benefit from drilling through the wall
   </div>
 </div>
 
-<div class="rounded shadow bg-white mt-6 mb-12">
+<div class="rounded-sm shadow-sm bg-white mt-6 mb-12">
   <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
     <h3><i class="fas fa-clouds fa-fw text-primary"></i> Quickly access your sensitive data in Dropbox from everywhere</h3>
   </div>
diff --git a/content/enterprise.de.html b/content/enterprise.de.html
index a018e8e39..0844e27ca 100644
--- a/content/enterprise.de.html
+++ b/content/enterprise.de.html
@@ -7,7 +7,7 @@
 ---
 
 <section class="grid grid-cols-1 lg:grid-cols-3 gap-4 mb-12">
-  <div class="rounded shadow bg-white">
+  <div class="rounded-sm shadow-sm bg-white">
     <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3><i class="fas fa-adjust fa-fw text-primary"></i> White-Labeling</h3>
     </div>
@@ -16,7 +16,7 @@ <h3><i class="fas fa-adjust fa-fw text-primary"></i> White-Labeling</h3>
     </div>
   </div>
 
-  <div class="rounded shadow bg-white">
+  <div class="rounded-sm shadow-sm bg-white">
     <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3><i class="fas fa-book fa-fw text-primary"></i> Krypto-Bibliotheken</h3>
     </div>
@@ -25,7 +25,7 @@ <h3><i class="fas fa-book fa-fw text-primary"></i> Krypto-Bibliotheken</h3>
     </div>
   </div>
 
-  <div class="rounded shadow bg-white">
+  <div class="rounded-sm shadow-sm bg-white">
     <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3><i class="fas fa-edit fa-fw text-primary"></i> Individualentwicklung</h3>
     </div>
@@ -41,7 +41,7 @@ <h2>Open-Source-Bibliotheken unter AGPLv3</h2>
     <p>Die Bibliotheken von Cryptomator sind unter der AGPLv3 für FOSS-Projekte sowie einer von der LGPL abgeleiteten kommerziellen Lizenz für unabhängige Softwareanbieter und Reseller lizenziert. Wenn du diese Bibliotheken in Anwendungen verwenden möchtest, die nicht unter der AGPL lizenziert sind, kontaktiere uns bitte.</p>
   </div>
   <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/cryptolib" target="_blank" rel="noopener">CryptoLib</a></h3>
       </div>
@@ -56,7 +56,7 @@ <h3><a href="https://github.com/cryptomator/cryptolib" target="_blank" rel="noop
       </div>
     </div>
   
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/cryptofs" target="_blank" rel="noopener">CryptoFS</a></h3>
       </div>
@@ -71,7 +71,7 @@ <h3><a href="https://github.com/cryptomator/cryptofs" target="_blank" rel="noope
       </div>
     </div>
   
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/webdav-nio-adapter-servlet" target="_blank" rel="noopener">WebDAV-NIO-Adapter-Servlet</a></h3>
       </div>
@@ -85,7 +85,7 @@ <h3><a href="https://github.com/cryptomator/webdav-nio-adapter-servlet" target="
       </div>
     </div>
 
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/webdav-nio-adapter" target="_blank" rel="noopener">WebDAV-NIO-Adapter</a></h3>
       </div>
@@ -99,7 +99,7 @@ <h3><a href="https://github.com/cryptomator/webdav-nio-adapter" target="_blank"
       </div>
     </div>
   
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/fuse-nio-adapter" target="_blank" rel="noopener">FUSE-NIO-Adapter</a></h3>
       </div>
@@ -113,7 +113,7 @@ <h3><a href="https://github.com/cryptomator/fuse-nio-adapter" target="_blank" re
       </div>
     </div>
   
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/dokany-nio-adapter" target="_blank" rel="noopener">Dokany-NIO-Adapter</a></h3>
       </div>
diff --git a/content/enterprise.en.html b/content/enterprise.en.html
index d0466fdfe..54ef77ddf 100644
--- a/content/enterprise.en.html
+++ b/content/enterprise.en.html
@@ -7,7 +7,7 @@
 ---
 
 <section class="grid grid-cols-1 lg:grid-cols-3 gap-4 mb-12">
-  <div class="rounded shadow bg-white">
+  <div class="rounded-sm shadow-sm bg-white">
     <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3><i class="fas fa-adjust fa-fw text-primary"></i> White Labeling</h3>
     </div>
@@ -16,7 +16,7 @@ <h3><i class="fas fa-adjust fa-fw text-primary"></i> White Labeling</h3>
     </div>
   </div>
 
-  <div class="rounded shadow bg-white">
+  <div class="rounded-sm shadow-sm bg-white">
     <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3><i class="fas fa-book fa-fw text-primary"></i> Crypto Libraries</h3>
     </div>
@@ -25,7 +25,7 @@ <h3><i class="fas fa-book fa-fw text-primary"></i> Crypto Libraries</h3>
     </div>
   </div>
 
-  <div class="rounded shadow bg-white">
+  <div class="rounded-sm shadow-sm bg-white">
     <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3><i class="fas fa-edit fa-fw text-primary"></i> Custom Development</h3>
     </div>
@@ -41,7 +41,7 @@ <h2>Open-Source Libraries Under AGPLv3</h2>
     <p>Cryptomator's libraries are dual-licensed under the AGPLv3 for FOSS projects as well as a commercial license derived from the LGPL for independent software vendors and resellers. If you want to use these libraries in applications that are not licensed under the AGPL, feel free to contact us.</p>
   </div>
   <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/cryptolib" target="_blank" rel="noopener">CryptoLib</a></h3>
       </div>
@@ -56,7 +56,7 @@ <h3><a href="https://github.com/cryptomator/cryptolib" target="_blank" rel="noop
       </div>
     </div>
   
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/cryptofs" target="_blank" rel="noopener">CryptoFS</a></h3>
       </div>
@@ -71,7 +71,7 @@ <h3><a href="https://github.com/cryptomator/cryptofs" target="_blank" rel="noope
       </div>
     </div>
   
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/webdav-nio-adapter-servlet" target="_blank" rel="noopener">WebDAV-NIO-Adapter-Servlet</a></h3>
       </div>
@@ -85,7 +85,7 @@ <h3><a href="https://github.com/cryptomator/webdav-nio-adapter-servlet" target="
       </div>
     </div>
 
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/webdav-nio-adapter" target="_blank" rel="noopener">WebDAV-NIO-Adapter</a></h3>
       </div>
@@ -99,7 +99,7 @@ <h3><a href="https://github.com/cryptomator/webdav-nio-adapter" target="_blank"
       </div>
     </div>
   
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/fuse-nio-adapter" target="_blank" rel="noopener">FUSE-NIO-Adapter</a></h3>
       </div>
@@ -113,7 +113,7 @@ <h3><a href="https://github.com/cryptomator/fuse-nio-adapter" target="_blank" re
       </div>
     </div>
   
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3><a href="https://github.com/cryptomator/dokany-nio-adapter" target="_blank" rel="noopener">Dokany-NIO-Adapter</a></h3>
       </div>
diff --git a/content/open-source.de.md b/content/open-source.de.md
index aef71ddf4..56697f7b6 100644
--- a/content/open-source.de.md
+++ b/content/open-source.de.md
@@ -35,7 +35,7 @@ Welche der folgenden Szenarien hört sich für dich sicherer an:
 <table class="my-6">
   <tr>
     <td class="text-center">
-      <div class="fa-stack flex-shrink-0 text-xl text-secondary">
+      <div class="fa-stack shrink-0 text-xl text-secondary">
         <i class="fas fa-circle fa-stack-2x"></i>
         <strong class="fa-stack-1x fa-inverse">1</strong>
       </div>
@@ -54,7 +54,7 @@ Welche der folgenden Szenarien hört sich für dich sicherer an:
 
   <tr>
     <td class="text-center">
-      <div class="fa-stack flex-shrink-0 text-xl text-secondary">
+      <div class="fa-stack shrink-0 text-xl text-secondary">
         <i class="fas fa-circle fa-stack-2x"></i>
         <strong class="fa-stack-1x fa-inverse">2</strong>
       </div>
@@ -90,7 +90,7 @@ Bevor wir weitergehen, lass uns nun noch kurz die Maxime der Datenverschlüsselu
 Die Sicherheit eines Verschlüsselungsverfahrens muss allein vom Schlüssel abhängen und darf nicht auf der Geheimhaltung der Verschlüsselungsalgorithmen beruhen. (Das sogenannte {{< extlink "https://de.wikipedia.org/wiki/Kerckhoffs%E2%80%99_Prinzip" "Kerckhoffs’sche Prinzip" >}}.)
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/open-source/auguste-kerckhoffs.jpg" alt="Auguste Kerckhoffs" />
+  <img class="inline-block rounded-sm" src="/img/open-source/auguste-kerckhoffs.jpg" alt="Auguste Kerckhoffs" />
   <figcaption>Benannt nach {{< extlink "https://de.wikipedia.org/wiki/Auguste_Kerckhoffs" "Auguste Kerckhoffs" >}} (1835 – 1903)</figcaption>
 </figure>
 
@@ -101,7 +101,7 @@ Gleichzeitig hat Quelloffenheit aber viele sicherheitsfördernde Vorteile:
 {{< /markdownify >}}</div>
 
 <div class="flex my-6">
-  <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+  <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
     <i class="fas fa-circle fa-stack-2x"></i>
     <i class="fas fa-users fa-stack-1x fa-inverse"></i>
   </div>
@@ -109,7 +109,7 @@ Gleichzeitig hat Quelloffenheit aber viele sicherheitsfördernde Vorteile:
     <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">Der Quellcode kann von einer Community aus Programmierern – vom Hobbyprogrammierer bis zum Sicherheitsforscher – eingesehen werden, wodurch unbefugter Zugriff direkt erkannt wird.</p>
     <div x-data="{ isLearnMoreOpen: false }">
       <a class="text-primary no-underline hover:underline" href="#" @click.prevent="isLearnMoreOpen = !isLearnMoreOpen"><i :class="{ 'fa-eye': !isLearnMoreOpen, 'fa-eye-slash': isLearnMoreOpen }" class="fas fa-fw"></i> Mehr erfahren</a>
-      <div x-show="isLearnMoreOpen" x-cloak class="rounded shadow bg-white mt-4">
+      <div x-show="isLearnMoreOpen" x-cloak class="rounded-sm shadow-sm bg-white mt-4">
         <div class="p-4">
           <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">Weil jeder den Quellcode einsehen kann, wird verhindert, dass unbemerkt Hintertüren für Regierungen, Strafverfolgungsbehörden oder Geschäftspartner eingebaut werden können.</p>
           <p class="text-sm md:text-base leading-relaxed text-gray-700"><strong>Würde also jemand Unbefugtes Zugriff auf deine Daten haben, würde das zumindest sehr schnell auffallen.</strong></p>
@@ -120,7 +120,7 @@ Gleichzeitig hat Quelloffenheit aber viele sicherheitsfördernde Vorteile:
 </div>
 
 <div class="flex my-6">
-  <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+  <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
     <i class="fas fa-circle fa-stack-2x"></i>
     <i class="fas fa-sync fa-stack-1x fa-inverse"></i>
   </div>
@@ -128,7 +128,7 @@ Gleichzeitig hat Quelloffenheit aber viele sicherheitsfördernde Vorteile:
     <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">Der Quellcode wird ständig überprüft und somit laufend weiter verbessert.</p>
     <div x-data="{ isLearnMoreOpen: false }">
       <a class="text-primary no-underline hover:underline" href="#" @click.prevent="isLearnMoreOpen = !isLearnMoreOpen"><i :class="{ 'fa-eye': !isLearnMoreOpen, 'fa-eye-slash': isLearnMoreOpen }" class="fas fa-fw"></i> Mehr erfahren</a>
-      <div x-show="isLearnMoreOpen" x-cloak class="rounded shadow bg-white mt-4">
+      <div x-show="isLearnMoreOpen" x-cloak class="rounded-sm shadow-sm bg-white mt-4">
         <div class="p-4">
           <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">Abgesehen von offiziellen Audits wird der Quellcode auch von Dritten verwendet und somit ständig überprüft.</p>
           <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">Werden dabei Schwachstellen gefunden, können diese nicht stillschweigend ignoriert werden. Falls es mal ein Problem gibt, fällt dies schnell auf und der Anbieter der Verschlüsselungssoftware ist zu einer zügigen Reaktion gezwungen. Sowohl die Ursache als auch die Abhilfe werden öffentlich dokumentiert.</p>
@@ -141,7 +141,7 @@ Gleichzeitig hat Quelloffenheit aber viele sicherheitsfördernde Vorteile:
 </div>
 
 <div class="flex mt-6 mb-12">
-  <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+  <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
     <i class="fas fa-circle fa-stack-2x"></i>
     <i class="fas fa-clouds fa-stack-1x fa-inverse"></i>
   </div>
@@ -149,7 +149,7 @@ Gleichzeitig hat Quelloffenheit aber viele sicherheitsfördernde Vorteile:
     <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">Der Quellcode wird hundertfach kopiert, was die Verschlüsselung unabhängig vom Anbieter macht.</p>
     <div x-data="{ isLearnMoreOpen: false }">
       <a class="text-primary no-underline hover:underline" href="#" @click.prevent="isLearnMoreOpen = !isLearnMoreOpen"><i :class="{ 'fa-eye': !isLearnMoreOpen, 'fa-eye-slash': isLearnMoreOpen }" class="fas fa-fw"></i> Mehr erfahren</a>
-      <div x-show="isLearnMoreOpen" x-cloak class="rounded shadow bg-white mt-4">
+      <div x-show="isLearnMoreOpen" x-cloak class="rounded-sm shadow-sm bg-white mt-4">
         <div class="p-4">
           <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">Selbst wenn der Anbieter der Verschlüsselungssoftware irgendwann seinen Betrieb einstellt, <strong>hast du weiterhin Zugriff auf deine verschlüsselten Daten und kannst deinen Cloud-Speicher weiterhin verschlüsseln.</strong></p>
           <p class="text-sm md:text-base leading-relaxed text-gray-700">Denn der Quellcode wird hunderte Male kopiert und kann völlig legal von anderen weiterveröffentlicht werden.</p>
diff --git a/content/open-source.en.md b/content/open-source.en.md
index 97b113535..fe6cb9652 100644
--- a/content/open-source.en.md
+++ b/content/open-source.en.md
@@ -35,7 +35,7 @@ Which of the following scenarios sounds safer to you:
 <table class="my-6">
   <tr>
     <td class="text-center">
-      <div class="fa-stack flex-shrink-0 text-xl text-secondary">
+      <div class="fa-stack shrink-0 text-xl text-secondary">
         <i class="fas fa-circle fa-stack-2x"></i>
         <strong class="fa-stack-1x fa-inverse">1</strong>
       </div>
@@ -54,7 +54,7 @@ Which of the following scenarios sounds safer to you:
 
   <tr>
     <td class="text-center">
-      <div class="fa-stack flex-shrink-0 text-xl text-secondary">
+      <div class="fa-stack shrink-0 text-xl text-secondary">
         <i class="fas fa-circle fa-stack-2x"></i>
         <strong class="fa-stack-1x fa-inverse">2</strong>
       </div>
@@ -90,7 +90,7 @@ Before we go any further, let's now briefly look at the following axiom of data
 The security of an encryption process must depend solely on the key and must not be based on the secrecy of the encryption algorithms. (The so-called {{< extlink "https://en.wikipedia.org/wiki/Kerckhoffs%27s_principle" "Kerckhoff's principle" >}}.)
 
 <figure class="text-center">
-  <img class="inline-block rounded" src="/img/open-source/auguste-kerckhoffs.jpg" alt="Auguste Kerckhoffs" />
+  <img class="inline-block rounded-sm" src="/img/open-source/auguste-kerckhoffs.jpg" alt="Auguste Kerckhoffs" />
   <figcaption>Named after {{< extlink "https://en.wikipedia.org/wiki/Auguste_Kerckhoffs" "Auguste Kerckhoffs" >}} (1835 – 1903)</figcaption>
 </figure>
 
@@ -101,7 +101,7 @@ At the same time, however, open source has many security-enhancing advantages:
 {{< /markdownify >}}</div>
 
 <div class="flex my-6">
-  <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+  <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
     <i class="fas fa-circle fa-stack-2x"></i>
     <i class="fas fa-users fa-stack-1x fa-inverse"></i>
   </div>
@@ -109,7 +109,7 @@ At the same time, however, open source has many security-enhancing advantages:
     <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">The source code can be viewed by a community of programmers – from hobby programmers to security researchers – which directly detects unauthorized access.</p>
     <div x-data="{ isLearnMoreOpen: false }">
       <a class="text-primary no-underline hover:underline" href="#" @click.prevent="isLearnMoreOpen = !isLearnMoreOpen"><i :class="{ 'fa-eye': !isLearnMoreOpen, 'fa-eye-slash': isLearnMoreOpen }" class="fas fa-fw"></i> Learn more</a>
-      <div x-show="isLearnMoreOpen" x-cloak class="rounded shadow bg-white mt-4">
+      <div x-show="isLearnMoreOpen" x-cloak class="rounded-sm shadow-sm bg-white mt-4">
         <div class="p-4">
           <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">Because anyone can view the source code, it prevents backdoors for governments, law enforcement agencies, or business partners from being built in unnoticed.</p>
           <p class="text-sm md:text-base leading-relaxed text-gray-700"><strong>So if someone unauthorized had access to your data, it would at least be noticed very quickly.</strong></p>
@@ -120,7 +120,7 @@ At the same time, however, open source has many security-enhancing advantages:
 </div>
 
 <div class="flex my-6">
-  <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+  <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
     <i class="fas fa-circle fa-stack-2x"></i>
     <i class="fas fa-sync fa-stack-1x fa-inverse"></i>
   </div>
@@ -128,7 +128,7 @@ At the same time, however, open source has many security-enhancing advantages:
     <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">The source code is constantly reviewed and thus continuously improved.</p>
     <div x-data="{ isLearnMoreOpen: false }">
       <a class="text-primary no-underline hover:underline" href="#" @click.prevent="isLearnMoreOpen = !isLearnMoreOpen"><i :class="{ 'fa-eye': !isLearnMoreOpen, 'fa-eye-slash': isLearnMoreOpen }" class="fas fa-fw"></i> Learn more</a>
-      <div x-show="isLearnMoreOpen" x-cloak class="rounded shadow bg-white mt-4">
+      <div x-show="isLearnMoreOpen" x-cloak class="rounded-sm shadow-sm bg-white mt-4">
         <div class="p-4">
           <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">Apart from official audits, the source code is also used by third parties and is thus constantly checked.</p>
           <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">If vulnerabilities are found, they cannot be silently ignored. If there is ever a problem, it is quickly noticed and the provider of the encryption software is forced to react quickly. Both the cause and the remedy are publicly documented.</p>
@@ -141,7 +141,7 @@ At the same time, however, open source has many security-enhancing advantages:
 </div>
 
 <div class="flex mt-6 mb-12">
-  <div class="fa-stack flex-shrink-0 text-xl text-secondary mr-3">
+  <div class="fa-stack shrink-0 text-xl text-secondary mr-3">
     <i class="fas fa-circle fa-stack-2x"></i>
     <i class="fas fa-clouds fa-stack-1x fa-inverse"></i>
   </div>
@@ -149,7 +149,7 @@ At the same time, however, open source has many security-enhancing advantages:
     <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">The source code is copied hundreds of times, which makes the encryption independent of the provider.</p>
     <div x-data="{ isLearnMoreOpen: false }">
       <a class="text-primary no-underline hover:underline" href="#" @click.prevent="isLearnMoreOpen = !isLearnMoreOpen"><i :class="{ 'fa-eye': !isLearnMoreOpen, 'fa-eye-slash': isLearnMoreOpen }" class="fas fa-fw"></i> Learn more</a>
-      <div x-show="isLearnMoreOpen" x-cloak class="rounded shadow bg-white mt-4">
+      <div x-show="isLearnMoreOpen" x-cloak class="rounded-sm shadow-sm bg-white mt-4">
         <div class="p-4">
           <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">Even if the encryption software provider eventually ceases operations, <strong>you will still have access to your encrypted data and can continue to encrypt your cloud storage.</strong></p>
           <p class="text-sm md:text-base leading-relaxed text-gray-700">This is because the source code is copied hundreds of times and can be legally re-published by others.</p>
diff --git a/content/presskit/01-logos.de.md b/content/presskit/01-logos.de.md
index d1d35ff1e..1aff620c1 100644
--- a/content/presskit/01-logos.de.md
+++ b/content/presskit/01-logos.de.md
@@ -5,37 +5,37 @@ weight: 1
 ---
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-logo.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-logo.png" alt="Cryptomator Logo"/></a>
       <figcaption>Cryptomator Logo • 1024x1024 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-android-icon.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-android-icon.png" alt="Cryptomator für Android App Icon"/></a>
       <figcaption>Cryptomator für Android App Icon • 1024x1024 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-ios-icon.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-ios-icon.png" alt="Cryptomator für iOS App Icon"/></a>
       <figcaption>Cryptomator für iOS App Icon • 1024x1024 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-logo.svg"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-logo.svg" alt="Cryptomator Logo"/></a>
       <figcaption>Cryptomator Logo • SVG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-logo-text.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-logo-text.png" alt="Cryptomator Logo mit Text"/></a>
       <figcaption>Cryptomator Logo mit Text • 1944x384 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-hub-logo-text.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-hub-logo-text.png" alt="Cryptomator Hub Logo mit Text"/></a>
       <figcaption>Cryptomator Hub Logo mit Text • 2394x384 • PNG</figcaption>
     </figure>
diff --git a/content/presskit/01-logos.en.md b/content/presskit/01-logos.en.md
index 3c8e94020..30af288ec 100644
--- a/content/presskit/01-logos.en.md
+++ b/content/presskit/01-logos.en.md
@@ -5,37 +5,37 @@ weight: 1
 ---
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-logo.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-logo.png" alt="Cryptomator Logo"/></a>
       <figcaption>Cryptomator Logo • 1024x1024 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-android-icon.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-android-icon.png" alt="Cryptomator for Android App Icon"/></a>
       <figcaption>Cryptomator for Android App Icon • 1024x1024 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-ios-icon.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-ios-icon.png" alt="Cryptomator for iOS App Icon"/></a>
       <figcaption>Cryptomator for iOS App Icon • 1024x1024 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-logo.svg"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-logo.svg" alt="Cryptomator Logo"/></a>
       <figcaption>Cryptomator Logo • SVG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-logo-text.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-logo-text.png" alt="Cryptomator Logo with Text"/></a>
       <figcaption>Cryptomator Logo with Text • 1944x384 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cryptomator-hub-logo-text.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cryptomator-hub-logo-text.png" alt="Cryptomator Hub Logo with Text"/></a>
       <figcaption>Cryptomator Hub Logo with Text • 2394x384 • PNG</figcaption>
     </figure>
diff --git a/content/presskit/02-developer-info.de.md b/content/presskit/02-developer-info.de.md
index 9eadcbdf4..d664c29aa 100644
--- a/content/presskit/02-developer-info.de.md
+++ b/content/presskit/02-developer-info.de.md
@@ -9,13 +9,13 @@ Weitere Informationen gibt es {{< extlink "https://skymatic.de/" "auf der Websit
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/skymatic-team-1.jpg"><img class="inline-block m-remover lazyload" data-src="/presskit/skymatic-team-1.jpg" alt="Christian Schmickler, Armin Schrenk, Sebastian Stenzel, Julian Raufelder, Tobias Hagemann"/></a>
       <figcaption>Christian Schmickler, Armin Schrenk, Sebastian Stenzel, Julian Raufelder, Tobias Hagemann • Foto: Fynn Schubert • 1620x1080 • JPG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/skymatic-team-2.jpg"><img class="inline-block m-remover lazyload" data-src="/presskit/skymatic-team-2.jpg" alt="Julian Raufelder, Tobias Hagemann, Armin Schrenk, Christian Schmickler, Sebastian Stenzel"/></a>
       <figcaption>Julian Raufelder, Tobias Hagemann, Armin Schrenk, Christian Schmickler, Sebastian Stenzel • Foto: Fynn Schubert • 1620x1080 • JPG</figcaption>
     </figure>
diff --git a/content/presskit/02-developer-info.en.md b/content/presskit/02-developer-info.en.md
index 5790371e0..00639193f 100644
--- a/content/presskit/02-developer-info.en.md
+++ b/content/presskit/02-developer-info.en.md
@@ -9,13 +9,13 @@ Further information can be found {{< extlink "https://skymatic.de/en/" "on the S
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/skymatic-team-1.jpg"><img class="inline-block m-remover lazyload" data-src="/presskit/skymatic-team-1.jpg" alt="Christian Schmickler, Armin Schrenk, Sebastian Stenzel, Julian Raufelder, Tobias Hagemann"/></a>
       <figcaption>Christian Schmickler, Armin Schrenk, Sebastian Stenzel, Julian Raufelder, Tobias Hagemann • Photo: Fynn Schubert • 1620x1080 • JPG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/skymatic-team-2.jpg"><img class="inline-block m-remover lazyload" data-src="/presskit/skymatic-team-2.jpg" alt="Julian Raufelder, Tobias Hagemann, Armin Schrenk, Christian Schmickler, Sebastian Stenzel"/></a>
       <figcaption>Julian Raufelder, Tobias Hagemann, Armin Schrenk, Christian Schmickler, Sebastian Stenzel • Photo: Fynn Schubert • 1620x1080 • JPG</figcaption>
     </figure>
diff --git a/content/presskit/04-awards.de.md b/content/presskit/04-awards.de.md
index 047e99788..115b4433f 100644
--- a/content/presskit/04-awards.de.md
+++ b/content/presskit/04-awards.de.md
@@ -7,13 +7,13 @@ Cryptomator ist Preisträger des CeBIT Innovation Awards 2016 und Gewinner des {
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 md:w-1/2 lg:w-1/3">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cebit-award-2016.jpg"><img class="inline-block m-remover lazyload" data-src="/presskit/cebit-award-2016.jpg" alt="CeBIT Innovation Award 2016 for Usable Security and Privacy"/></a>
       <figcaption>CeBIT Innovation Award 2016 for Usable Security and Privacy • 2666x2000 • JPG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/3">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cebit-award-2016.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cebit-award-2016.png" alt="CeBIT Innovation Award 2016 for Usable Security and Privacy"/></a>
       <figcaption>CeBIT Innovation Award 2016 for Usable Security and Privacy • 640x480 • PNG</figcaption>
     </figure>
diff --git a/content/presskit/04-awards.en.md b/content/presskit/04-awards.en.md
index f47c10432..efe916b2c 100644
--- a/content/presskit/04-awards.en.md
+++ b/content/presskit/04-awards.en.md
@@ -7,13 +7,13 @@ Cryptomator is awardee of the CeBIT Innovation Award 2016 and won the {{< extlin
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 md:w-1/2 lg:w-1/3">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cebit-award-2016.jpg"><img class="inline-block m-remover lazyload" data-src="/presskit/cebit-award-2016.jpg" alt="CeBIT Innovation Award 2016 for Usable Security and Privacy"/></a>
       <figcaption>CeBIT Innovation Award 2016 for Usable Security and Privacy • 2666x2000 • JPG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/3">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/cebit-award-2016.png"><img class="inline-block m-remover lazyload" data-src="/presskit/cebit-award-2016.png" alt="CeBIT Innovation Award 2016 for Usable Security and Privacy"/></a>
       <figcaption>CeBIT Innovation Award 2016 for Usable Security and Privacy • 640x480 • PNG</figcaption>
     </figure>
diff --git a/content/presskit/05-videos.de.md b/content/presskit/05-videos.de.md
index f94036b09..63f25d4f4 100644
--- a/content/presskit/05-videos.de.md
+++ b/content/presskit/05-videos.de.md
@@ -5,7 +5,7 @@ weight: 5
 ---
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <div class="relative mb-2">
         <video controls preload="none" poster="https://static.cryptomator.org/desktop/get-started.jpg" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/desktop/get-started.mp4" type="video/mp4">
@@ -15,7 +15,7 @@ weight: 5
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <div class="relative mb-2">
         <video controls preload="none" poster="https://static.cryptomator.org/desktop/tutorial-de.jpg" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/desktop/tutorial-de.mp4" type="video/mp4">
@@ -25,7 +25,7 @@ weight: 5
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <div class="relative mb-2">
         <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
diff --git a/content/presskit/05-videos.en.md b/content/presskit/05-videos.en.md
index d0a5db3e6..80b08a101 100644
--- a/content/presskit/05-videos.en.md
+++ b/content/presskit/05-videos.en.md
@@ -5,7 +5,7 @@ weight: 5
 ---
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <div class="relative mb-2">
         <video controls preload="none" poster="https://static.cryptomator.org/desktop/get-started.jpg" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/desktop/get-started.mp4" type="video/mp4">
@@ -15,7 +15,7 @@ weight: 5
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <div class="relative mb-2">
         <video controls preload="none" poster="https://static.cryptomator.org/desktop/tutorial-en.jpg" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/desktop/tutorial-en.mp4" type="video/mp4">
@@ -25,7 +25,7 @@ weight: 5
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <div class="relative mb-2">
         <video controls preload="none" poster="https://static.cryptomator.org/hub/quick-introduction.png" class="w-full h-auto not-prose">
           <source src="https://static.cryptomator.org/hub/quick-introduction.mp4" type="video/mp4">
diff --git a/content/presskit/06-screenshots.de.md b/content/presskit/06-screenshots.de.md
index 75597220a..19c84a075 100644
--- a/content/presskit/06-screenshots.de.md
+++ b/content/presskit/06-screenshots.de.md
@@ -7,13 +7,13 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/win-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/win-screenshot-1.png" alt="Entsperren des Tresors"/></a>
       <figcaption>Entsperren des Tresors • 1374x1056 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/win-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/win-screenshot-2.png" alt="Entsperren des Tresors (Dunkel-Modus)"/></a>
       <figcaption>Entsperren des Tresors (Dunkel-Modus) • 1374x1056 • PNG</figcaption>
     </figure>
@@ -24,25 +24,25 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/mac-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/mac-screenshot-1.png" alt="Entsperren des Tresors"/></a>
       <figcaption>Entsperren des Tresors • 1374x1056 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/mac-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/mac-screenshot-2.png" alt="Entsperren des Tresors (Dunkel-Modus)"/></a>
       <figcaption>Entsperren des Tresors (Dunkel-Modus) • 1374x1056 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/mac-screenshot-3.png"><img class="inline-block m-remover lazyload" data-src="/presskit/mac-screenshot-3.png" alt="Entschlüsselter Zugriff über das Tresor-Laufwerk"/></a>
       <figcaption>Entschlüsselter Zugriff über das Tresor-Laufwerk • 1992 × 1250 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/mac-screenshot-4.png"><img class="inline-block m-remover lazyload" data-src="/presskit/mac-screenshot-4.png" alt="Verschlüsselte Dateien liegen im Zielort"/></a>
       <figcaption>Verschlüsselte Dateien liegen im Zielort • 1992 × 1250 • PNG</figcaption>
     </figure>
@@ -53,13 +53,13 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/linux-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/linux-screenshot-1.png" alt="Entsperren des Tresors"/></a>
       <figcaption>Entsperren des Tresors • 1374x1056 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/linux-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/linux-screenshot-2.png" alt="Entsperren des Tresors (Dunkel-Modus)"/></a>
       <figcaption>Entsperren des Tresors (Dunkel-Modus) • 1374x1056 • PNG</figcaption>
     </figure>
@@ -70,67 +70,67 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-1.png" alt="Übersicht aller Tresore in einer Liste"/></a>
       <figcaption>Übersicht aller Tresore in einer Liste • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-2.png" alt="Unterstützte Cloudspeicher-Dienste"/></a>
       <figcaption>Unterstützte Cloudspeicher-Dienste • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-3.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-3.png" alt="Entsperren des Tresors"/></a>
       <figcaption>Entsperren des Tresors • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-4.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-4.png" alt="Entsperren über Fingerabdruck"/></a>
       <figcaption>Entsperren über Fingerabdruck • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-5.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-5.png" alt="Navigieren innerhalb eines Tresors"/></a>
       <figcaption>Navigieren innerhalb eines Tresors • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-6.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-6.png" alt="Anzeige von verschlüsselten Daten"/></a>
       <figcaption>Anzeige von verschlüsselten Daten • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-7.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-7.png" alt="Übersicht aller Tresore in einer Liste (Dunkel-Modus)"/></a>
       <figcaption>Übersicht aller Tresore in einer Liste (Dunkel-Modus) • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-8.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-8.png" alt="Unterstützte Cloudspeicher-Dienste (Dunkel-Modus)"/></a>
       <figcaption>Unterstützte Cloudspeicher-Dienste (Dunkel-Modus) • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-9.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-9.png" alt="Entsperren des Tresors (Dunkel-Modus)"/></a>
       <figcaption>Entsperren des Tresors (Dunkel-Modus) • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-10.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-10.png" alt="Entsperren über Fingerabdruck (Dunkel-Modus)"/></a>
       <figcaption>Entsperren über Fingerabdruck (Dunkel-Modus) • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-11.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-11.png" alt="Navigieren innerhalb eines Tresors (Dunkel-Modus)"/></a>
       <figcaption>Navigieren innerhalb eines Tresors (Dunkel-Modus) • 1080x2160 • PNG</figcaption>
     </figure>
@@ -143,43 +143,43 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/iphone-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/iphone-screenshot-1.png" alt="Willkommen beim Onboarding"/></a>
       <figcaption>Willkommen beim Onboarding • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/iphone-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/iphone-screenshot-2.png" alt="Übersicht aller Tresore in einer Liste"/></a>
       <figcaption>Übersicht aller Tresore in einer Liste • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/iphone-screenshot-3.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/iphone-screenshot-3.png" alt="Unterstützte Cloudspeicher-Dienste"/></a>
       <figcaption>Unterstützte Cloudspeicher-Dienste • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/iphone-screenshot-4.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/iphone-screenshot-4.png" alt="Einstellungen und Aktionen eines Tresors"/></a>
       <figcaption>Einstellungen und Aktionen eines Tresors • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/iphone-screenshot-5.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/iphone-screenshot-5.png" alt="Integriert in die App „Dateien“"/></a>
       <figcaption>Integriert in die App „Dateien“ • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/iphone-screenshot-6.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/iphone-screenshot-6.png" alt="Entsperren des Tresors"/></a>
       <figcaption>Entsperren des Tresors • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/iphone-screenshot-7.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/iphone-screenshot-7.png" alt="Zugriff auf verschlüsselte Daten in der App „Dateien“"/></a>
       <figcaption>Zugriff auf verschlüsselte Daten in der App „Dateien“ • 1290x2796 • PNG</figcaption>
     </figure>
@@ -190,31 +190,31 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/ipad-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/ipad-screenshot-1.png" alt="Willkommen beim Onboarding"/></a>
       <figcaption>Willkommen beim Onboarding • 2732x2048 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/ipad-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/ipad-screenshot-2.png" alt="Unterstützte Cloudspeicher-Dienste"/></a>
       <figcaption>Unterstützte Cloudspeicher-Dienste • 2732x2048 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/ipad-screenshot-3.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/ipad-screenshot-3.png" alt="Einstellungen und Aktionen eines Tresors"/></a>
       <figcaption>Einstellungen und Aktionen eines Tresors • 2732x2048 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/ipad-screenshot-4.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/ipad-screenshot-4.png" alt="Entsperren des Tresors"/></a>
       <figcaption>Entsperren des Tresors • 2732x2048 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/ipad-screenshot-5.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/ipad-screenshot-5.png" alt="Zugriff auf verschlüsselte Daten in der App „Dateien“"/></a>
       <figcaption>Zugriff auf verschlüsselte Daten in der App „Dateien“ • 2732x2048 • PNG</figcaption>
     </figure>
@@ -225,13 +225,13 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/hub-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/hub-screenshot-1.png" alt="Übersicht aller Tresore in einer Liste"/></a>
       <figcaption>Übersicht aller Tresore in einer Liste • 2840x2076 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/de/presskit/hub-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/de/presskit/hub-screenshot-2.png" alt="Zugriffsverwaltung eines Tresors"/></a>
       <figcaption>Zugriffsverwaltung eines Tresors • 2840x2076 • PNG</figcaption>
     </figure>
diff --git a/content/presskit/06-screenshots.en.md b/content/presskit/06-screenshots.en.md
index 467c97e0b..1af968c2b 100644
--- a/content/presskit/06-screenshots.en.md
+++ b/content/presskit/06-screenshots.en.md
@@ -7,13 +7,13 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/win-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/win-screenshot-1.png" alt="Unlock vault"/></a>
       <figcaption>Unlock vault • 1374x1056 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/win-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/win-screenshot-2.png" alt="Unlock vault (Dark Mode)"/></a>
       <figcaption>Unlock vault (Dark Mode) • 1374x1056 • PNG</figcaption>
     </figure>
@@ -24,25 +24,25 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/mac-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/mac-screenshot-1.png" alt="Unlock vault"/></a>
       <figcaption>Unlock vault • 1374x1056 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/mac-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/mac-screenshot-2.png" alt="Unlock vault (Dark Mode)"/></a>
       <figcaption>Unlock vault (Dark Mode) • 1374x1056 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/mac-screenshot-3.png"><img class="inline-block m-remover lazyload" data-src="/presskit/mac-screenshot-3.png" alt="Cleartext access via vault drive"/></a>
       <figcaption>Cleartext access via vault drive • 1992 × 1250 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/mac-screenshot-4.png"><img class="inline-block m-remover lazyload" data-src="/presskit/mac-screenshot-4.png" alt="Encrypted files in target location"/></a>
       <figcaption>Encrypted files in target location • 1992 × 1250 • PNG</figcaption>
     </figure>
@@ -53,13 +53,13 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/linux-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/linux-screenshot-1.png" alt="Unlock vault"/></a>
       <figcaption>Unlock vault • 1374x1056 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/linux-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/linux-screenshot-2.png" alt="Unlock vault (Dark Mode)"/></a>
       <figcaption>Unlock vault (Dark Mode) • 1374x1056 • PNG</figcaption>
     </figure>
@@ -70,67 +70,67 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-1.png" alt="Overview of all vaults in a list"/></a>
       <figcaption>Overview of all vaults in a list • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-2.png" alt="Supported cloud storage services"/></a>
       <figcaption>Supported cloud storage services • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-3.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-3.png" alt="Unlock vault"/></a>
       <figcaption>Unlock vault • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-4.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-4.png" alt="Unlock via fingerprint"/></a>
       <figcaption>Unlock via fingerprint • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-5.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-5.png" alt="Navigate inside vault"/></a>
       <figcaption>Navigate inside vault • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-6.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-6.png" alt="View encrypted data"/></a>
       <figcaption>View encrypted data • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-7.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-7.png" alt="Overview of all vaults in a list (Dark Mode)"/></a>
       <figcaption>Overview of all vaults in a list (Dark Mode) • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-8.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-8.png" alt="Supported cloud storage services (Dark Mode)"/></a>
       <figcaption>Supported cloud storage services (Dark Mode) • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-9.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-9.png" alt="Unlock vault (Dark Mode)"/></a>
       <figcaption>Unlock vault (Dark Mode) • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-10.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-10.png" alt="Unlock via fingerprint (Dark Mode)"/></a>
       <figcaption>Unlock via fingerprint (Dark Mode) • 1080x2160 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/android-screenshot-11.png"><img class="inline-block m-remover lazyload" data-src="/presskit/android-screenshot-11.png" alt="Navigate inside vault (Dark Mode)"/></a>
       <figcaption>Navigate inside vault (Dark Mode) • 1080x2160 • PNG</figcaption>
     </figure>
@@ -143,43 +143,43 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/iphone-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/iphone-screenshot-1.png" alt="Welcome onboarding"/></a>
       <figcaption>Welcome onboarding • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/iphone-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/iphone-screenshot-2.png" alt="Overview of all vaults in a list"/></a>
       <figcaption>Overview of all vaults in a list • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/iphone-screenshot-3.png"><img class="inline-block m-remover lazyload" data-src="/presskit/iphone-screenshot-3.png" alt="Supported cloud storage services"/></a>
       <figcaption>Supported cloud storage services • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/iphone-screenshot-4.png"><img class="inline-block m-remover lazyload" data-src="/presskit/iphone-screenshot-4.png" alt="Settings and actions of a vault"/></a>
       <figcaption>Settings and actions of a vault • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/iphone-screenshot-5.png"><img class="inline-block m-remover lazyload" data-src="/presskit/iphone-screenshot-5.png" alt="Integrated into Files app"/></a>
       <figcaption>Integrated into Files app • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/iphone-screenshot-6.png"><img class="inline-block m-remover lazyload" data-src="/presskit/iphone-screenshot-6.png" alt="Unlock vault"/></a>
       <figcaption>Unlock vault • 1290x2796 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 md:w-1/2 lg:w-1/4">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/iphone-screenshot-7.png"><img class="inline-block m-remover lazyload" data-src="/presskit/iphone-screenshot-7.png" alt="Access encrypted data in Files app"/></a>
       <figcaption>Access encrypted data in Files app • 1290x2796 • PNG</figcaption>
     </figure>
@@ -190,31 +190,31 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/ipad-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/ipad-screenshot-1.png" alt="Welcome onboarding"/></a>
       <figcaption>Welcome onboarding • 2732x2048 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/ipad-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/ipad-screenshot-2.png" alt="Supported cloud storage services"/></a>
       <figcaption>Supported cloud storage services • 2732x2048 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/ipad-screenshot-3.png"><img class="inline-block m-remover lazyload" data-src="/presskit/ipad-screenshot-3.png" alt="Settings and actions of a vault"/></a>
       <figcaption>Settings and actions of a vault • 2732x2048 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/ipad-screenshot-4.png"><img class="inline-block m-remover lazyload" data-src="/presskit/ipad-screenshot-4.png" alt="Unlock vault"/></a>
       <figcaption>Unlock vault • 2732x2048 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/ipad-screenshot-5.png"><img class="inline-block m-remover lazyload" data-src="/presskit/ipad-screenshot-5.png" alt="Access encrypted data in Files app"/></a>
       <figcaption>Access encrypted data in Files app • 2732x2048 • PNG</figcaption>
     </figure>
@@ -225,13 +225,13 @@ weight: 6
 
 <div class="flex flex-wrap -mx-3">
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/hub-screenshot-1.png"><img class="inline-block m-remover lazyload" data-src="/presskit/hub-screenshot-1.png" alt="Overview of all vaults in a list"/></a>
       <figcaption>Overview of all vaults in a list • 2840x2076 • PNG</figcaption>
     </figure>
   </div>
   <div class="w-full px-3 lg:w-1/2">
-    <figure class="rounded shadow bg-white text-center p-2">
+    <figure class="rounded-sm shadow-sm bg-white text-center p-2">
       <a href="/presskit/hub-screenshot-2.png"><img class="inline-block m-remover lazyload" data-src="/presskit/hub-screenshot-2.png" alt="Access management of a vault"/></a>
       <figcaption>Access management of a vault • 2840x2076 • PNG</figcaption>
     </figure>
diff --git a/content/sponsors.de.html b/content/sponsors.de.html
index bbdb0ec92..514e15441 100644
--- a/content/sponsors.de.html
+++ b/content/sponsors.de.html
@@ -6,27 +6,27 @@
 
 <section class="mb-12">
   <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">3M</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Downloads</p>
     </div>
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">230k</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Codezeilen</p>
     </div>
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">6,3k</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Gelöste Issues</p>
     </div>
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p x-text="globalData.githubStargazers ?? '…'" class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">…</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">GitHub Stars</p>
     </div>
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">9,3k</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Twitter Followers</p>
     </div>
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">48</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Sprachen</p>
     </div>
@@ -79,7 +79,7 @@ <h2>Möchtest du ein offizieller Sponsor werden?</h2>
 
 <section class="mb-12">
   <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
-    <div class="rounded shadow bg-white text-center">
+    <div class="rounded-sm shadow-sm bg-white text-center">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3>Bronze</h3>
       </div>
@@ -98,7 +98,7 @@ <h3>Bronze</h3>
         </ul>
       </div>
     </div>
-    <div class="rounded shadow bg-white text-center">
+    <div class="rounded-sm shadow-sm bg-white text-center">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3>Silber</h3>
       </div>
@@ -119,7 +119,7 @@ <h3>Silber</h3>
         </ul>
       </div>
     </div>
-    <div class="rounded shadow bg-white text-center">
+    <div class="rounded-sm shadow-sm bg-white text-center">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3>Gold</h3>
       </div>
diff --git a/content/sponsors.en.html b/content/sponsors.en.html
index 29bc3d74e..638992c37 100644
--- a/content/sponsors.en.html
+++ b/content/sponsors.en.html
@@ -6,27 +6,27 @@
 
 <section class="mb-12">
   <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">3M</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Downloads</p>
     </div>
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">230k</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Lines of Code</p>
     </div>
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">6.3k</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Resolved Issues</p>
     </div>
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p x-text="globalData.githubStargazers ?? '…'" class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">…</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">GitHub Stars</p>
     </div>
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">9.3k</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Twitter Followers</p>
     </div>
-    <div class="rounded shadow bg-white text-center p-2">
+    <div class="rounded-sm shadow-sm bg-white text-center p-2">
       <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">48</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Languages</p>
     </div>
@@ -79,7 +79,7 @@ <h2>Want to become an official sponsor?</h2>
 
 <section class="mb-12">
   <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
-    <div class="rounded shadow bg-white text-center">
+    <div class="rounded-sm shadow-sm bg-white text-center">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3>Bronze</h3>
       </div>
@@ -98,7 +98,7 @@ <h3>Bronze</h3>
         </ul>
       </div>
     </div>
-    <div class="rounded shadow bg-white text-center">
+    <div class="rounded-sm shadow-sm bg-white text-center">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3>Silver</h3>
       </div>
@@ -119,7 +119,7 @@ <h3>Silver</h3>
         </ul>
       </div>
     </div>
-    <div class="rounded shadow bg-white text-center">
+    <div class="rounded-sm shadow-sm bg-white text-center">
       <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
         <h3>Gold</h3>
       </div>
diff --git a/cryptomator.org.code-workspace b/cryptomator.org.code-workspace
new file mode 100644
index 000000000..e3370e420
--- /dev/null
+++ b/cryptomator.org.code-workspace
@@ -0,0 +1,20 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"extensions": {
+		"recommendations": [
+			"bradlc.vscode-tailwindcss"
+		]
+	},
+	"settings": {
+		"files.associations": {
+			"*.css": "tailwindcss"
+		},
+		"files.exclude": {
+			"**/.DS_Store": true
+		},
+	}
+}
\ No newline at end of file
diff --git a/hugo.toml b/hugo.toml
index 593e11bd0..8ab5d8b8d 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -14,6 +14,11 @@ enableemoji = true
     languageName = "Deutsch"
     languageCode = "de_DE"
 
+[build]
+  [[build.cachebusters]]
+    source = 'layouts/.*'
+    target = 'css'
+
 [outputs]
   home = ["HTML", "RSS"]
   section = ["HTML"]
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 0eeea8d1b..ab8ef0bfb 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -59,10 +59,11 @@
     {{ end }}
     <meta name="apple-itunes-app" content="app-id=1560822163">
     {{ if hugo.IsDevelopment }}
-      {{ $css := resources.Get "css/main.css" | postCSS }}
+      {{ $css := resources.Get "css/main.css" | css.TailwindCSS }}
       <link rel="stylesheet" href="{{ $css.RelPermalink }}" media="screen" />
     {{ else }}
-      {{ $css := resources.Get "css/main.css" | postCSS | minify | fingerprint }}
+      {{ $tailwindOpts := dict "minify" true }}
+      {{ $css := resources.Get "css/main.css" | css.TailwindCSS $tailwindOpts | fingerprint }}
       <link rel="stylesheet" href="{{ $css.RelPermalink }}" integrity="{{ $css.Data.Integrity }}" media="screen" />
     {{ end }}
     <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="{{ .Site.LanguagePrefix }}/feed.xml" />
diff --git a/layouts/android/single.html b/layouts/android/single.html
index 402819e25..0658cd498 100644
--- a/layouts/android/single.html
+++ b/layouts/android/single.html
@@ -31,9 +31,9 @@ <h3 id="keyrecovery" class="font-headline text-xl md:text-2xl leading-relaxed mb
 
     <form x-show="!data.success" x-ref="form" class="max-w-xl mx-auto">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "android_keyrecovery_instruction" . }}</p>
-      <div class="flex justify-center items-center rounded bg-gray-300">
-        <input x-model="data.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="flex-grow rounded-l border-gray-300 focus:ring-0 focus:border-secondary" placeholder="{{ i18n "android_keyrecovery_email_placeholder" }}" required/>
-        <button :disabled="data.inProgress" @click.prevent="new KeyRecovery($refs.form, data).getUserHistory()" type="submit" class="flex-shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4 plausible-event-name=android-keyrecovery-form">
+      <div class="flex justify-center items-center rounded-sm bg-gray-300">
+        <input x-model="data.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="grow rounded-l border-gray-300 focus:ring-0 focus:border-secondary" placeholder="{{ i18n "android_keyrecovery_email_placeholder" }}" required/>
+        <button :disabled="data.inProgress" @click.prevent="new KeyRecovery($refs.form, data).getUserHistory()" type="submit" class="shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4 plausible-event-name=android-keyrecovery-form">
           <i :class="{'fa-envelope': !data.inProgress, 'fa-spinner fa-spin': data.inProgress}" class="fas fa-fw" aria-hidden="true"></i> {{ i18n "android_keyrecovery_retrieve" }}
         </button>
       </div>
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index 97c278311..e43b5f09c 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -6,7 +6,7 @@ <h1>{{ .Title }} <a href="{{ .Site.LanguagePrefix }}/feed.xml"><i class="fas fa-
 
     {{ range .Pages.ByDate.Reverse }}
       <section class="mb-6">
-        <article class="border rounded shadow bg-white p-4">
+        <article class="border rounded-sm shadow-sm bg-white p-4">
           <p class="text-xs md:text-sm text-gray-600 mb-1">{{ dateFormat "2006-01-02" .Params.Date }}</p>
           <div class="prose prose-sm md:prose max-w-none md:max-w-none">
             <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
diff --git a/layouts/contact/list.html b/layouts/contact/list.html
index 0abf8cab6..dd2ba5f84 100644
--- a/layouts/contact/list.html
+++ b/layouts/contact/list.html
@@ -11,7 +11,7 @@ <h2><i class="{{ .Params.faIcon }} fa-fw text-primary" aria-hidden="true"></i> {
         </div>
         <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
           {{ range .Pages }}
-            <div class="rounded shadow bg-white">
+            <div class="rounded-sm shadow-sm bg-white">
               <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
                 <h3><i class="{{ .Params.faIcon }} fa-fw text-primary" aria-hidden="true"></i> {{ .Title }}</h3>
               </div>
diff --git a/layouts/coop/list.html b/layouts/coop/list.html
index 737ba7068..642fa19c2 100644
--- a/layouts/coop/list.html
+++ b/layouts/coop/list.html
@@ -6,7 +6,7 @@ <h1>{{ .Title }}</h1>
 
     {{ range (.Pages.ByParam "prio") }}
       <section class="mb-6">
-        <article class="flex border rounded shadow bg-white p-4">
+        <article class="flex border rounded-sm shadow-sm bg-white p-4">
           <div class="w-1/6 text-center mr-3">
             <a href="{{ .RelPermalink }}"><img class="inline-block" src="{{ .Params.Img }}" srcset="{{ .Params.Img }} 1x, {{ .Params.Img2x }} 2x"/></a>
           </div>
@@ -23,7 +23,7 @@ <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
     <hr class="my-8"/>
 
     <section class="mb-6">
-      <article class="flex border rounded shadow bg-white p-4">
+      <article class="flex border rounded-sm shadow-sm bg-white p-4">
         <div class="w-1/6 text-center mr-3">
           <a href="{{ .RelPermalink }}"><i class="fas fa-question-circle text-5xl md:text-7xl text-gray-400"></i></a>
         </div>
diff --git a/layouts/donate-thanks/single.html b/layouts/donate-thanks/single.html
index efc4af892..3b0d6d383 100644
--- a/layouts/donate-thanks/single.html
+++ b/layouts/donate-thanks/single.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
   <div class="container text-center py-12">
     <header class="prose prose-sm md:prose max-w-none md:max-w-none">
-      <img src="/img/logo.svg" class="object-scale-down mx-auto w-1/4 mb-8 aspect-[1110/942]" alt="Cryptomator Logo"/>
+      <img src="/img/logo.svg" class="object-scale-down mx-auto w-1/4 mb-8 aspect-1110/942" alt="Cryptomator Logo"/>
       <h1>{{ .Title }}</h1>
       {{ .Content }}
     </header>
diff --git a/layouts/donate/list.html b/layouts/donate/list.html
index d2958f671..788544bcf 100644
--- a/layouts/donate/list.html
+++ b/layouts/donate/list.html
@@ -7,7 +7,7 @@ <h1>{{ .Title }}</h1>
 
     <div class="rounded-md bg-blue-100 p-4 mb-6">
       <div class="flex items-center">
-        <div class="flex-shrink-0">
+        <div class="shrink-0">
           <i class="fas fa-info-circle fa-fw text-blue-500"></i>
         </div>
         <div class="ml-3 text-sm text-dark">
@@ -20,9 +20,9 @@ <h1>{{ .Title }}</h1>
       {{ range .Pages }}
         <div class="space-y-2 lg:space-y-0">
           <div class="w-full lg:pr-3 lg:w-1/2">
-            <button @click.prevent="location.hash = '{{ .Params.TabHash }}'" :class="{'border-white': showTab != '{{ .Params.TabHash }}', 'border-primary': showTab == '{{ .Params.TabHash }}'}" class="flex items-center justify-between bg-white border-l-4 rounded shadow text-left p-4 w-full plausible-event-name=donate-{{ substr .Params.TabHash 1 }}-tab">
+            <button @click.prevent="location.hash = '{{ .Params.TabHash }}'" :class="{'border-white': showTab != '{{ .Params.TabHash }}', 'border-primary': showTab == '{{ .Params.TabHash }}'}" class="flex items-center justify-between bg-white border-l-4 rounded-sm shadow-sm text-left p-4 w-full plausible-event-name=donate-{{ substr .Params.TabHash 1 }}-tab">
               <div class="flex items-center">
-                <i :class="{'text-gray-600': showTab != '{{ .Params.TabHash }}', 'text-primary': showTab == '{{ .Params.TabHash }}'}" class="flex-shrink-0 {{ .Params.FaIcon }} fa-fw text-2xl mr-4" aria-hidden="true"></i>
+                <i :class="{'text-gray-600': showTab != '{{ .Params.TabHash }}', 'text-primary': showTab == '{{ .Params.TabHash }}'}" class="shrink-0 {{ .Params.FaIcon }} fa-fw text-2xl mr-4" aria-hidden="true"></i>
                 <h2 :class="{'text-primary': showTab == '{{ .Params.TabHash }}'}" class="font-headline font-medium text-xl lg:text-2xl leading-snug">{{ .Title }}</h2>
               </div>
               <div class="ml-3">
@@ -32,7 +32,7 @@ <h2 :class="{'text-primary': showTab == '{{ .Params.TabHash }}'}" class="font-he
             </button>
           </div>
           <div x-show="showTab == '{{ .Params.TabHash }}'" class="w-full lg:absolute lg:top-0 lg:right-0 lg:pl-3 lg:w-1/2" x-cloak>
-            <div class="rounded shadow bg-white p-4" x-cloak>
+            <div class="rounded-sm shadow-sm bg-white p-4" x-cloak>
               {{ partial .Params.Partial (dict "context" . "Site" $.Site "Params" $.Params) }}
             </div>
           </div>
@@ -46,9 +46,9 @@ <h3 class="font-headline text-xl md:text-2xl leading-relaxed mb-4">{{ i18n "dona
 
     <form x-show="!feedbackData.success" x-ref="form" class="max-w-xl mx-auto">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "donate_customer_portal_instruction" . }}</p>
-      <div class="flex justify-center items-center rounded bg-gray-300">
-        <input x-model="submitData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="flex-grow rounded-l border-gray-300 focus:ring-0 focus:border-secondary" placeholder="{{ i18n "donate_customer_portal_email_placeholder" }}" required/>
-        <button :disabled="feedbackData.inProgress" @click.prevent="customerPortal.request()" type="submit" class="flex-shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4 plausible-event-name=donate-customer-portal-form">
+      <div class="flex justify-center items-center rounded-sm bg-gray-300">
+        <input x-model="submitData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="grow rounded-l border-gray-300 focus:ring-0 focus:border-secondary" placeholder="{{ i18n "donate_customer_portal_email_placeholder" }}" required/>
+        <button :disabled="feedbackData.inProgress" @click.prevent="customerPortal.request()" type="submit" class="shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4 plausible-event-name=donate-customer-portal-form">
           <i :class="{'fa-envelope': !feedbackData.inProgress, 'fa-spinner fa-spin': feedbackData.inProgress}" class="fas fa-fw" aria-hidden="true"></i> {{ i18n "donate_customer_portal_retrieve" }}
         </button>
       </div>
diff --git a/layouts/downloads-thanks/single.html b/layouts/downloads-thanks/single.html
index d1856eb7b..db08671b2 100644
--- a/layouts/downloads-thanks/single.html
+++ b/layouts/downloads-thanks/single.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
   {{ $release := index .Site.Params.releases .Params.release }}
   <div class="container py-12" x-data="{showShaSignature: false, showPgpSignature: false}">
-    <div class="flex mx-auto w-full md:w-4/5 lg:w-1/2 bg-primary-l2 border-t-4 border-primary rounded text-dark p-3 shadow mb-2" role="alert">
+    <div class="flex mx-auto w-full md:w-4/5 lg:w-1/2 bg-primary-l2 border-t-4 border-primary rounded-sm text-dark p-3 shadow-sm mb-2" role="alert">
       <div class="pr-2">
         <i class="fas fa-download text-primary" aria-hidden="true"></i>
       </div>
@@ -34,7 +34,7 @@ <h1>{{ i18n "downloads_thanks_title" }}</h1>
   </div>
 
   <section class="container grid grid-cols-1 md:grid-cols-2 gap-4 pt-12 pb-24">
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
         <h3><i class="fas fa-question-circle fa-fw text-primary"></i> {{ i18n "downloads_thanks_getting_started_title" }}</h3>
       </div>
@@ -47,7 +47,7 @@ <h3><i class="fas fa-question-circle fa-fw text-primary"></i> {{ i18n "downloads
       </div>
     </div>
 
-    <div class="rounded shadow bg-white">
+    <div class="rounded-sm shadow-sm bg-white">
       <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
         <h3><i class="fas fa-donate fa-fw text-primary"></i> {{ i18n "downloads_thanks_support_cryptomator_title" }}</h3>
       </div>
diff --git a/layouts/downloads/list.html b/layouts/downloads/list.html
index 44c919b67..0620ce336 100644
--- a/layouts/downloads/list.html
+++ b/layouts/downloads/list.html
@@ -12,7 +12,7 @@
       </section>
     {{ end }}
     
-    <section class="bg-white shadow">
+    <section class="bg-white shadow-sm">
       <div class="container flex flex-wrap justify-center text-white p-2">
         {{ range $index, $element := .Pages }}
           <div class="w-1/3 md:w-1/5 p-2">
@@ -36,11 +36,11 @@ <h2 id="faq" class="font-headline font-medium text-xl md:text-2xl leading-snug m
     </header>
 
     {{- $data := index $.Site.Data $.Site.Language.Lang }}
-    <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_individuals_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded shadow bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
+    <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_individuals_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded-sm shadow-sm bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
       {{- range $index, $element := $data.pricing_individuals_faq }}
       <dt class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isOpen[{{ $index }}] = !isOpen[{{ $index }}]">
-          <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>{{ .Question }}</span>
         </a>
       </dt>
diff --git a/layouts/hub-billing/single.html b/layouts/hub-billing/single.html
index 735d9b1ac..939d41dfd 100644
--- a/layouts/hub-billing/single.html
+++ b/layouts/hub-billing/single.html
@@ -64,7 +64,7 @@ <h3 class="font-headline text-xl md:text-2xl leading-relaxed mb-4">
             <h1>{{ .Title }}</h1>
           </header>
           <dl class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
-            <div class="rounded shadow bg-white p-4">
+            <div class="rounded-sm shadow-sm bg-white p-4">
               <dt class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">
                 {{ i18n "hub_billing_manage_status_title" . }}
               </dt>
@@ -100,7 +100,7 @@ <h1>{{ .Title }}</h1>
                 </p>
               </dd>
             </div>
-            <div class="rounded shadow bg-white p-4">
+            <div class="rounded-sm shadow-sm bg-white p-4">
               <dt class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">
                 {{ i18n "hub_billing_manage_next_payment_title" . }}
               </dt>
@@ -131,7 +131,7 @@ <h1>{{ .Title }}</h1>
                 </p>
               </dd>
             </div>
-            <div class="rounded shadow bg-white p-4">
+            <div class="rounded-sm shadow-sm bg-white p-4">
               <dt class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">
                 {{ i18n "hub_billing_manage_payment_info_title" . }}
               </dt>
@@ -169,7 +169,7 @@ <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4 mt-12
           <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">
             {{ i18n "hub_billing_manage_license_key_instruction" . }}
           </p>
-          <textarea x-model="subscriptionData.token" class="text-sm md:text-base leading-relaxed break-all rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" rows="6" readonly></textarea>
+          <textarea x-model="subscriptionData.token" class="text-sm md:text-base leading-relaxed break-all rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" rows="6" readonly></textarea>
           <button :disabled="subscriptionData.inProgress || !subscriptionData.token" class="btn btn-primary text-center w-full md:w-64 mt-4" @click.prevent="hubSubscription.transferTokenToHub()">
             {{ i18n "hub_billing_manage_license_key_transfer_action" . }}
           </button>
@@ -178,10 +178,10 @@ <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4 mt-12
             <div class="fixed inset-0 bg-gray-500 bg-opacity-75"></div>
             <div class="fixed z-10 inset-0 overflow-y-auto">
               <div class="flex items-end md:items-center justify-center min-h-full p-4 text-center md:p-0">
-                <div class="relative rounded shadow bg-white text-left overflow-hidden md:my-8 md:max-w-lg md:w-full">
+                <div class="relative rounded-sm shadow-sm bg-white text-left overflow-hidden md:my-8 md:max-w-lg md:w-full">
                   <div class="p-4">
                     <div class="md:flex md:items-start">
-                      <div class="flex-shrink-0 text-center">
+                      <div class="shrink-0 text-center">
                         <div class="fa-stack text-2xl text-primary-l2 md:text-xl">
                           <i class="fas fa-circle fa-stack-2x"></i>
                           <i class="fas fa-play fa-stack-1x text-primary"></i>
@@ -203,11 +203,11 @@ <h3 class="font-headline text-xl md:text-2xl leading-relaxed mb-4" id="restart-m
                     </div>
                   </div>
                   <div class="border-t border-primary p-4 md:flex md:flex-row-reverse md:items-center">
-                    <button :disabled="subscriptionData.inProgress" @click.prevent="hubSubscription.restart()" type="submit" class="btn btn-primary flex-shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0">
+                    <button :disabled="subscriptionData.inProgress" @click.prevent="hubSubscription.restart()" type="submit" class="btn btn-primary shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0">
                       <i :class="{'fa-check': !subscriptionData.inProgress, 'fa-spinner fa-spin': subscriptionData.inProgress}" class="fas fa-fw" aria-hidden="true"></i>
                       {{ i18n "hub_billing_manage_modal_confirm" . }}
                     </button>
-                    <button :disabled="subscriptionData.inProgress" @click.prevent="subscriptionData.restartModal.open = false" type="button" class="btn btn-outline-gray-500 flex-shrink-0 w-full md:w-auto">
+                    <button :disabled="subscriptionData.inProgress" @click.prevent="subscriptionData.restartModal.open = false" type="button" class="btn btn-outline-gray-500 shrink-0 w-full md:w-auto">
                       {{ i18n "modal_cancel" . }}
                     </button>
                     <p x-show="subscriptionData.errorMessage" class="text-center text-sm text-red-600 mt-4 md:text-left md:mr-3 md:mt-0" x-text="subscriptionData.errorMessage"></p>
@@ -221,10 +221,10 @@ <h3 class="font-headline text-xl md:text-2xl leading-relaxed mb-4" id="restart-m
             <div class="fixed inset-0 bg-gray-500 bg-opacity-75"></div>
             <div class="fixed z-10 inset-0 overflow-y-auto">
               <div class="flex items-end md:items-center justify-center min-h-full p-4 text-center md:p-0">
-                <div class="relative rounded shadow bg-white text-left overflow-hidden md:my-8 md:max-w-lg md:w-full">
+                <div class="relative rounded-sm shadow-sm bg-white text-left overflow-hidden md:my-8 md:max-w-lg md:w-full">
                   <div class="p-4">
                     <div class="md:flex md:items-start">
-                      <div class="flex-shrink-0 text-center">
+                      <div class="shrink-0 text-center">
                         <div class="fa-stack text-2xl text-primary-l2 md:text-xl">
                           <i class="fas fa-circle fa-stack-2x"></i>
                           <i class="fas fa-arrows-v fa-stack-1x text-primary"></i>
@@ -238,7 +238,7 @@ <h3 class="font-headline text-xl md:text-2xl leading-relaxed mb-4" id="change-se
                           <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">
                             {{ i18n "hub_billing_manage_change_quantity_description" . }}
                           </p>
-                          <input x-model="subscriptionData.quantity" x-ref="quantity" :min="subscriptionData.customBilling?.quantity_min || 1" :max="subscriptionData.customBilling?.quantity_max || 10000" :placeholder="`min. ${$el.min}`" @blur="$refs.quantity.classList.add('show-invalid')" type="number" step="1" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" required/>
+                          <input x-model="subscriptionData.quantity" x-ref="quantity" :min="subscriptionData.customBilling?.quantity_min || 1" :max="subscriptionData.customBilling?.quantity_max || 10000" :placeholder="`min. ${$el.min}`" @blur="$refs.quantity.classList.add('show-invalid')" type="number" step="1" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" required/>
                           <p class="text-xs text-gray-600 mb-4">
                             {{ i18n "hub_billing_manage_change_quantity_amount_description" . }}
                           </p>
@@ -269,15 +269,15 @@ <h3 class="font-headline text-xl md:text-2xl leading-relaxed mb-4" id="change-se
                     </div>
                   </div>
                   <div class="border-t border-primary p-4 md:flex md:flex-row-reverse md:items-center">
-                    <button x-show="!subscriptionData.changeSeatsModal.confirmation" :disabled="subscriptionData.quantity == subscriptionData.details.quantity" @click.prevent="hubSubscription.askForChangeSeatsConfirmation()" type="submit" class="btn btn-primary flex-shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0">
+                    <button x-show="!subscriptionData.changeSeatsModal.confirmation" :disabled="subscriptionData.quantity == subscriptionData.details.quantity" @click.prevent="hubSubscription.askForChangeSeatsConfirmation()" type="submit" class="btn btn-primary shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0">
                       <i class="fas fa-chevron-right fa-fw" aria-hidden="true"></i>
                       {{ i18n "hub_billing_manage_modal_continue" . }}
                     </button>
-                    <button x-show="subscriptionData.changeSeatsModal.confirmation" :disabled="subscriptionData.inProgress" @click.prevent="hubSubscription.changeQuantity()" type="submit" class="btn btn-primary flex-shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0">
+                    <button x-show="subscriptionData.changeSeatsModal.confirmation" :disabled="subscriptionData.inProgress" @click.prevent="hubSubscription.changeQuantity()" type="submit" class="btn btn-primary shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0">
                       <i :class="{'fa-check': !subscriptionData.inProgress, 'fa-spinner fa-spin': subscriptionData.inProgress}" class="fas fa-fw" aria-hidden="true"></i>
                       {{ i18n "hub_billing_manage_modal_confirm" . }}
                     </button>
-                    <button :disabled="subscriptionData.inProgress" @click.prevent="subscriptionData.changeSeatsModal.open = false" type="button" class="btn btn-outline-gray-500 flex-shrink-0 w-full md:w-auto">
+                    <button :disabled="subscriptionData.inProgress" @click.prevent="subscriptionData.changeSeatsModal.open = false" type="button" class="btn btn-outline-gray-500 shrink-0 w-full md:w-auto">
                       {{ i18n "modal_cancel" . }}
                     </button>
                     <p x-show="subscriptionData.errorMessage" class="text-center text-sm text-red-600 mt-4 md:text-left md:mr-3 md:mt-0" x-text="subscriptionData.errorMessage"></p>
@@ -307,7 +307,7 @@ <h1>{{ .Title }}</h1>
               </button>
             </div>
             <div class="hidden md:block"></div>
-            <div class="rounded shadow bg-white">
+            <div class="rounded-sm shadow-sm bg-white">
               <div class="p-4 border-b border-primary">
                 <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide uppercase bg-primary-l2 text-dark mb-4">
                   {{ i18n "hub_billing_checkout_standard_title" . }}
@@ -344,7 +344,7 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
                     <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">
                       {{ i18n "hub_billing_checkout_standard_hubid" . }}
                     </label>
-                    <input x-model="subscriptionData.hubId" type="text" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" readonly/>
+                    <input x-model="subscriptionData.hubId" type="text" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" readonly/>
                     <p class="text-xs text-gray-600">
                       {{ i18n "hub_billing_checkout_standard_hubid_description" . }}
                     </p>
@@ -353,7 +353,7 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
                     <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">
                       {{ i18n "hub_billing_checkout_standard_quantity" . }}
                     </label>
-                    <input x-model="subscriptionData.quantity" x-ref="quantity" :min="subscriptionData.customBilling?.quantity_min || 1" :max="subscriptionData.customBilling?.quantity_max || 10000" :placeholder="`min. ${$el.min}`" @blur="$refs.quantity.classList.add('show-invalid')" type="number" step="1" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" required/>
+                    <input x-model="subscriptionData.quantity" x-ref="quantity" :min="subscriptionData.customBilling?.quantity_min || 1" :max="subscriptionData.customBilling?.quantity_max || 10000" :placeholder="`min. ${$el.min}`" @blur="$refs.quantity.classList.add('show-invalid')" type="number" step="1" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" required/>
                     <p class="text-xs text-gray-600">
                       {{ i18n "hub_billing_checkout_standard_quantity_description" . }}
                     </p>
@@ -363,7 +363,7 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
                   <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">
                     {{ i18n "hub_billing_checkout_standard_email" . }}
                   </label>
-                  <input x-model="subscriptionData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "hub_billing_checkout_standard_email_placeholder" . }}" required/>
+                  <input x-model="subscriptionData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "hub_billing_checkout_standard_email_placeholder" . }}" required/>
                 </div>
                 <div class="text-center mt-8">
                   <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">
@@ -379,7 +379,7 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
                 </div>
               </div>
             </div>
-            <div class="flex flex-col rounded shadow bg-white">
+            <div class="flex flex-col rounded-sm shadow-sm bg-white">
               <div class="p-4 border-b border-primary">
                 <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide uppercase bg-primary-l2 text-dark mb-4">
                   {{ i18n "hub_billing_checkout_enterprise_title" . }}
@@ -391,7 +391,7 @@ <h2 class="inline-flex px-4 py-1 rounded-full text-sm font-medium tracking-wide
                   {{ i18n "hub_billing_checkout_enterprise_description" . }}
                 </p>
               </div>
-              <div class="flex-grow">
+              <div class="grow">
                 <div class="flex flex-col items-center text-center h-full px-4 py-8">
                   <h3 class="font-headline text-lg md:text-xl leading-relaxed mb-4 md:mb-0">
                     {{ i18n "hub_billing_checkout_enterprise_subtitle" . }}
@@ -415,11 +415,11 @@ <h3 class="font-headline text-lg md:text-xl leading-relaxed mb-4 md:mb-0">
           </div>
           <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4 mt-24">{{ i18n "faq_title" . }}</h2>
           {{- $data := index $.Site.Data $.Site.Language.Lang }}
-          <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_teams_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded shadow bg-white divide-y divide-gray-200">
+          <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_teams_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded-sm shadow-sm bg-white divide-y divide-gray-200">
             {{- range $index, $element := $data.pricing_teams_faq }}
             <dt class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
               <a class="flex items-center" href="#" @click.prevent="isOpen[{{ $index }}] = !isOpen[{{ $index }}]">
-                <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+                <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
                 <span>{{ .Question }}</span>
               </a>
             </dt>
diff --git a/layouts/hub-demo/single.html b/layouts/hub-demo/single.html
index ec4c659c6..fcb35736e 100644
--- a/layouts/hub-demo/single.html
+++ b/layouts/hub-demo/single.html
@@ -6,7 +6,7 @@ <h1>{{ .Title }}</h1>
     </header>
 
     <form x-ref="form">
-      <section class="relative rounded shadow bg-white">
+      <section class="relative rounded-sm shadow-sm bg-white">
         <div x-show="!feedbackData.success" class="px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
           <header class="md:col-span-1">
             <h2 class="text-lg font-medium leading-6 text-gray-900">
@@ -22,7 +22,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
               <label for="email" class="block text-sm font-medium text-gray-700">
                 {{ i18n "hub_demo_info_email" }}
               </label>
-              <input type="email" id="email" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="submitData.email" @blur="$el.classList.add('show-invalid')" required>
+              <input type="email" id="email" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="submitData.email" @blur="$el.classList.add('show-invalid')" required>
               <p class="mt-2 text-sm text-gray-500">
                 {{ i18n "hub_demo_info_email_description" }}
               </p>
diff --git a/layouts/hub-managed/single.html b/layouts/hub-managed/single.html
index 33c4752ed..209fdf408 100644
--- a/layouts/hub-managed/single.html
+++ b/layouts/hub-managed/single.html
@@ -6,7 +6,7 @@ <h1>{{ .Title }}</h1>
     </header>
 
     <form x-ref="form">
-      <section class="relative rounded shadow bg-white">
+      <section class="relative rounded-sm shadow-sm bg-white">
         <div x-show="!feedbackData.success" class="px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
           <header class="md:col-span-1">
             <h2 class="text-lg font-medium leading-6 text-gray-900">
@@ -22,7 +22,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
               <label for="subdomain" class="block text-sm font-medium text-gray-700">
                 {{ i18n "hub_managed_info_subdomain" }}
               </label>
-              <div class="mt-1 flex items-center rounded bg-gray-300">
+              <div class="mt-1 flex items-center rounded-sm bg-gray-300">
                 <div class="text-gray-700 px-3">https://</div>
                 <input type="text" id="subdomain" pattern="[a-z\d](?:[a-z\d-]{0,61}[a-z\d])?" class="block w-full rounded-none border-gray-300 focus:ring-0 focus:border-secondary" maxlength="63" x-model="submitData.subdomain" @blur="$el.classList.add('show-invalid')" required>
                 <div class="text-gray-700 px-3">.cryptomator.cloud</div>
@@ -36,7 +36,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
               <label for="email" class="block text-sm font-medium text-gray-700">
                 {{ i18n "hub_managed_info_email" }}
               </label>
-              <input type="email" id="email" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="submitData.email" @blur="$el.classList.add('show-invalid')" required>
+              <input type="email" id="email" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="submitData.email" @blur="$el.classList.add('show-invalid')" required>
               <p class="mt-2 text-sm text-gray-500">
                 {{ i18n "hub_managed_info_email_description" }}
               </p>
@@ -46,7 +46,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
               <label for="quantity" class="block text-sm font-medium text-gray-700">
                 {{ i18n "hub_managed_info_quantity" }}
               </label>
-              <input type="number" id="quantity" min="1" max="10000" step="1" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="submitData.quantity" @blur="$el.classList.add('show-invalid')" required>
+              <input type="number" id="quantity" min="1" max="10000" step="1" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="submitData.quantity" @blur="$el.classList.add('show-invalid')" required>
               <p class="mt-2 text-sm text-gray-500">
                 {{ i18n "hub_managed_info_quantity_description" }}
               </p>
@@ -57,7 +57,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
                 {{ i18n "hub_managed_info_message" }}
               </label>
               <div class="mt-1">
-                <textarea id="message" rows="3" maxlength="400" class="block w-full rounded-md border-gray-300 shadow-sm focus:ring-0 focus:border-secondary" x-model="submitData.message"></textarea>
+                <textarea id="message" rows="3" maxlength="400" class="block w-full rounded-md border-gray-300 shadow-xs focus:ring-0 focus:border-secondary" x-model="submitData.message"></textarea>
               </div>
               <p class="mt-2 text-sm text-gray-500">
                 {{ i18n "hub_managed_info_message_description" }}
diff --git a/layouts/hub-self-hosted/single.html b/layouts/hub-self-hosted/single.html
index dfeb57160..7805d314d 100644
--- a/layouts/hub-self-hosted/single.html
+++ b/layouts/hub-self-hosted/single.html
@@ -7,7 +7,7 @@ <h1>{{ .Title }}</h1>
     </header>
 
     <!-- DEPLOYMENT SECTION -->
-    <section class="rounded shadow bg-white px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
+    <section class="rounded-sm shadow-sm bg-white px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
       <header class="md:col-span-1">
         <h2 class="text-lg font-medium leading-6 text-gray-900">
           {{ i18n "hub_setup_deployment_header_title" . }}
@@ -19,20 +19,20 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
       <div class="mt-5 md:mt-0 md:col-span-2 grid grid-cols-6 gap-6">
         <div class="col-span-6 grid grid-flow-row auto-rows-max grid-cols-1 gap-x-6 gap-y-4 lg:grid-cols-3">
           <!-- KUBERNETES -->
-          <label class="relative bg-white border rounded p-4 flex cursor-pointer focus:outline-none" :class="deploymentType == 'kubernetes' ? 'border-secondary z-10' : 'border-gray-300'">
-            <input type="radio" name="deployment-type" value="kubernetes" class="mt-0.5 h-4 w-4 flex-shrink-0 cursor-pointer text-secondary border-gray-500 focus:ring-secondary plausible-event-name=hub-self-hosted-kubernetes-tab" x-model="deploymentType" @click="cfg = HubSetup.defaultConfig()" aria-describedby="deployment-type-kubernetes-label">
+          <label class="relative bg-white border rounded-sm p-4 flex cursor-pointer focus:outline-hidden" :class="deploymentType == 'kubernetes' ? 'border-secondary z-10' : 'border-gray-300'">
+            <input type="radio" name="deployment-type" value="kubernetes" class="mt-0.5 h-4 w-4 shrink-0 cursor-pointer text-secondary border-gray-500 focus:ring-secondary plausible-event-name=hub-self-hosted-kubernetes-tab" x-model="deploymentType" @click="cfg = HubSetup.defaultConfig()" aria-describedby="deployment-type-kubernetes-label">
             <span id="deployment-type-kubernetes-label" class="block text-sm font-medium ml-3" :class="deploymentType == 'kubernetes' ? 'text-indigo-900' : 'text-gray-900'">Kubernetes</span>
           </label>
 
           <!-- DOCKER COMPOSE (PROD) -->
-          <label class="relative bg-white border rounded p-4 flex cursor-pointer focus:outline-none" :class="deploymentType == 'compose-prod' ? 'border-secondary z-10' : 'border-gray-300'">
-            <input type="radio" name="deployment-type" value="compose-prod" class="mt-0.5 h-4 w-4 flex-shrink-0 cursor-pointer text-secondary border-gray-500 focus:ring-secondary plausible-event-name=hub-self-hosted-compose-prod-tab" x-model="deploymentType" @click="cfg = HubSetup.defaultConfig()" aria-describedby="deployment-type-compose-prod-label">
+          <label class="relative bg-white border rounded-sm p-4 flex cursor-pointer focus:outline-hidden" :class="deploymentType == 'compose-prod' ? 'border-secondary z-10' : 'border-gray-300'">
+            <input type="radio" name="deployment-type" value="compose-prod" class="mt-0.5 h-4 w-4 shrink-0 cursor-pointer text-secondary border-gray-500 focus:ring-secondary plausible-event-name=hub-self-hosted-compose-prod-tab" x-model="deploymentType" @click="cfg = HubSetup.defaultConfig()" aria-describedby="deployment-type-compose-prod-label">
             <span id="deployment-type-compose-prod-label" class="block text-sm font-medium ml-3" :class="deploymentType == 'compose-prod' ? 'text-indigo-900' : 'text-gray-900'">Docker Compose (Prod)</span>
           </label>
 
           <!-- DOCKER COMPOSE (TEST) -->
-          <label class="relative bg-white border rounded p-4 flex cursor-pointer focus:outline-none" :class="deploymentType == 'compose-test' ? 'border-secondary z-10' : 'border-gray-300'">
-            <input type="radio" name="deployment-type" value="compose-test" class="mt-0.5 h-4 w-4 flex-shrink-0 cursor-pointer text-secondary border-gray-500 focus:ring-secondary plausible-event-name=hub-self-hosted-compose-test-tab" x-model="deploymentType" @click="cfg = HubSetup.defaultConfig(); cfg.hub.publicUrl = 'http://localhost:30000'; cfg.keycloak.publicUrl = 'http://localhost:31000'" aria-describedby="deployment-type-compose-test-label">
+          <label class="relative bg-white border rounded-sm p-4 flex cursor-pointer focus:outline-hidden" :class="deploymentType == 'compose-test' ? 'border-secondary z-10' : 'border-gray-300'">
+            <input type="radio" name="deployment-type" value="compose-test" class="mt-0.5 h-4 w-4 shrink-0 cursor-pointer text-secondary border-gray-500 focus:ring-secondary plausible-event-name=hub-self-hosted-compose-test-tab" x-model="deploymentType" @click="cfg = HubSetup.defaultConfig(); cfg.hub.publicUrl = 'http://localhost:30000'; cfg.keycloak.publicUrl = 'http://localhost:31000'" aria-describedby="deployment-type-compose-test-label">
             <span id="deployment-type-compose-test-label" class="block text-sm font-medium ml-3" :class="deploymentType == 'compose-test' ? 'text-indigo-900' : 'text-gray-900'">Docker Compose (Test)</span>
           </label>
         </div>
@@ -42,7 +42,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
           <label for="k8sNamespace" class="block text-sm font-medium text-gray-700">
             Namespace
           </label>
-          <input type="text" id="k8sNamespace" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.k8s.namespace">
+          <input type="text" id="k8sNamespace" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.k8s.namespace">
           <p class="mt-2 text-sm text-gray-500">
             {{ i18n "hub_setup_deployment_kubernetes_namespace_description" . }}
           </p>
@@ -53,7 +53,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
           </label>
           <div class="mt-2 flex items-start">
             <div class="h-5 flex items-center">
-              <input id="k8sIncludeIngress" type="checkbox" class="rounded text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" x-model="cfg.k8s.includeIngress">
+              <input id="k8sIncludeIngress" type="checkbox" class="rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" x-model="cfg.k8s.includeIngress">
             </div>
             <div class="ml-3 text-sm">
               <label for="k8sIncludeIngress" class="font-medium text-gray-700">
@@ -70,7 +70,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
           </label>
           <div class="mt-2 flex items-start">
             <div class="h-5 flex items-center">
-              <input id="composeIncludeTraefik" type="checkbox" class="rounded text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" x-model="cfg.compose.includeTraefik">
+              <input id="composeIncludeTraefik" type="checkbox" class="rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" x-model="cfg.compose.includeTraefik">
             </div>
             <div class="ml-3 text-sm">
               <label for="composeIncludeTraefik" class="font-medium text-gray-700">
@@ -83,7 +83,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
           <label for="composePublicNetwork" class="block text-sm font-medium text-gray-700">
             Public Network
           </label>
-          <input type="text" id="composePublicNetwork" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.compose.publicNetwork">
+          <input type="text" id="composePublicNetwork" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.compose.publicNetwork">
           <p class="mt-2 text-sm text-gray-500">
             {{ i18n "hub_setup_deployment_compose_traefik_public_network_description" . }}
           </p>
@@ -100,7 +100,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
 
     <div x-show="deploymentType != ''" class="space-y-6" x-cloak>
       <!-- CRYPTOMATOR HUB SECTION -->
-      <section class="rounded shadow bg-white px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
+      <section class="rounded-sm shadow-sm bg-white px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
         <header class="md:col-span-1">
           <h2 class="text-lg font-medium leading-6 text-gray-900">
             {{ i18n "hub_setup_hub_header_title" . }}
@@ -112,7 +112,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
         <div class="mt-5 md:mt-0 md:col-span-2 grid grid-cols-6 gap-6">
           <div class="col-span-6 lg:col-span-3">
             <label for="hubVersion" class="block text-sm font-medium text-gray-700">Version</label>
-            <select id="hubVersion" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.version">
+            <select id="hubVersion" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.version">
               <option>stable</option>
               <option>beta</option>
             </select>
@@ -125,7 +125,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             <label for="hubPublicUrl" class="block text-sm font-medium text-gray-700">
               {{ i18n "hub_setup_hub_public_url" . }}
             </label>
-            <input type="url" id="hubPublicUrl" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.publicUrl" :readonly="deploymentType == 'compose-test'">
+            <input type="url" id="hubPublicUrl" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.publicUrl" :readonly="deploymentType == 'compose-test'">
             <p class="mt-2 text-sm text-gray-500">
               {{ i18n "hub_setup_hub_public_url_description" . }}
             </p>
@@ -135,7 +135,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             <label for="hubAdminUser" class="block text-sm font-medium text-gray-700">
               {{ i18n "hub_setup_hub_admin_user" . }}
             </label>
-            <input type="text" id="hubAdminUser" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.adminUser">
+            <input type="text" id="hubAdminUser" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.adminUser">
             <p class="mt-2 text-sm text-gray-500">
               {{ i18n "hub_setup_hub_admin_user_description" . }}
             </p>
@@ -145,7 +145,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             <label for="hubAdminPw" class="block text-sm font-medium text-gray-700">
               {{ i18n "hub_setup_hub_admin_pw" . }}
             </label>
-            <input type="password" id="hubAdminPw" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.adminPw">
+            <input type="password" id="hubAdminPw" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.hub.adminPw">
             <p class="mt-2 text-sm text-gray-500">
               {{ i18n "hub_setup_hub_admin_pw_description" . }}
             </p>
@@ -154,7 +154,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
       </section>
 
       <!-- KEYCLOAK SECTION -->
-      <section class="rounded shadow bg-white px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
+      <section class="rounded-sm shadow-sm bg-white px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
         <header class="md:col-span-1">
           <h2 class="text-lg font-medium leading-6 text-gray-900">
             {{ i18n "hub_setup_keycloak_header_title" . }}
@@ -170,7 +170,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             </label>
             <div class="mt-2 flex items-start">
               <div class="h-5 flex items-center">
-                <input id="externalKeycloak" type="checkbox" class="rounded text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" x-model="cfg.keycloak.useExternal" @change="cfg.keycloak.publicUrl">
+                <input id="externalKeycloak" type="checkbox" class="rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" x-model="cfg.keycloak.useExternal" @change="cfg.keycloak.publicUrl">
               </div>
               <div class="ml-3 text-sm">
                 <label for="externalKeycloak" class="font-medium text-gray-700">
@@ -184,7 +184,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             <label for="keycloakPublicUrl" class="block text-sm font-medium text-gray-700">
               {{ i18n "hub_setup_keycloak_public_url" . }}
             </label>
-            <input type="url" id="keycloakPublicUrl" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.publicUrl" :readonly="deploymentType == 'compose-test'">
+            <input type="url" id="keycloakPublicUrl" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.publicUrl" :readonly="deploymentType == 'compose-test'">
             <p class="mt-2 text-sm text-gray-500" x-show="cfg.keycloak.useExternal">
               {{ i18n "hub_setup_keycloak_public_url_external_description" . }}
             </p>
@@ -197,7 +197,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             <label for="keycloakRealmId" class="block text-sm font-medium text-gray-700">
               {{ i18n "hub_setup_keycloak_realm_id" . }}
             </label>
-            <input type="text" id="keycloakRealmId" pattern="[A-Za-z0-9_-]+" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.realmId">
+            <input type="text" id="keycloakRealmId" pattern="[A-Za-z0-9_-]+" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.realmId">
             <p class="mt-2 text-sm text-gray-500">
               {{ i18n "hub_setup_keycloak_realm_id_description" . }}
             </p>
@@ -207,7 +207,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             <label for="keycloakAdminUser" class="block text-sm font-medium text-gray-700">
               {{ i18n "hub_setup_keycloak_admin_user" . }}
             </label>
-            <input type="text" id="keycloakAdminUser" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.adminUser">
+            <input type="text" id="keycloakAdminUser" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.adminUser">
             <p class="mt-2 text-sm text-gray-500">
               {{ i18n "hub_setup_keycloak_admin_user_description" . }}
             </p>
@@ -217,7 +217,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             <label for="keycloakAdminPw" class="block text-sm font-medium text-gray-700">
               {{ i18n "hub_setup_keycloak_admin_pw" . }}
             </label>
-            <input type="password" id="keycloakAdminPw" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.adminPw">
+            <input type="password" id="keycloakAdminPw" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.keycloak.adminPw">
             <p class="mt-2 text-sm text-gray-500">
               {{ i18n "hub_setup_keycloak_admin_pw_description" . }}
             </p>
@@ -226,7 +226,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
       </section>
 
       <!-- DATABASE SECTION -->
-      <section class="rounded shadow bg-white px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
+      <section class="rounded-sm shadow-sm bg-white px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
         <header class="md:col-span-1">
           <h2 class="text-lg font-medium leading-6 text-gray-900">
             {{ i18n "hub_setup_database_header_title" . }}
@@ -240,7 +240,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             <label for="dbAdminPw" class="block text-sm font-medium text-gray-700">
               {{ i18n "hub_setup_database_admin_pw" . }}
             </label>
-            <input type="password" id="dbAdminPw" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.db.adminPw">
+            <input type="password" id="dbAdminPw" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.db.adminPw">
             <p class="mt-2 text-sm text-gray-500">
               {{ i18n "hub_setup_database_admin_pw_description" . }}
             </p>
@@ -250,7 +250,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             <label for="dbHubPw" class="block text-sm font-medium text-gray-700">
               {{ i18n "hub_setup_database_hub_pw" . }}
             </label>
-            <input type="password" id="dbHubPw" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.db.hubPw">
+            <input type="password" id="dbHubPw" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.db.hubPw">
             <p class="mt-2 text-sm text-gray-500">
               {{ i18n "hub_setup_database_hub_pw_description" . }}
             </p>
@@ -260,7 +260,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
             <label for="dbKeycloakPw" class="block text-sm font-medium text-gray-700">
               {{ i18n "hub_setup_database_keycloak_pw" . }}
             </label>
-            <input type="password" id="dbKeycloakPw" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.db.keycloakPw">
+            <input type="password" id="dbKeycloakPw" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="cfg.db.keycloakPw">
             <p class="mt-2 text-sm text-gray-500">
               {{ i18n "hub_setup_database_keycloak_pw_description" . }}
             </p>
@@ -276,7 +276,7 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
       </div>
 
       <!-- OUTPUT -->
-      <section class="rounded shadow bg-white px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
+      <section class="rounded-sm shadow-sm bg-white px-4 py-5 md:p-6 md:grid md:grid-cols-3 md:gap-6">
         <header class="md:col-span-1">
           <h2 class="text-lg font-medium leading-6 text-gray-900">
             {{ i18n "hub_setup_output_header_title" . }}
@@ -288,15 +288,15 @@ <h2 class="text-lg font-medium leading-6 text-gray-900">
         <div class="mt-5 md:mt-0 md:col-span-2 grid grid-cols-6 gap-6">
           <div class="col-span-6" x-show="deploymentType == 'kubernetes'">
             <label for="k8sOutput" class="block text-sm font-medium text-gray-700">k8s-hub.yml</label>
-            <textarea id="k8sOutput" rows="10" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="output.k8s" readonly></textarea>
+            <textarea id="k8sOutput" rows="10" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="output.k8s" readonly></textarea>
           </div>
           <div class="col-span-6" x-show="deploymentType == 'compose-prod' || deploymentType == 'compose-test'">
             <label for="composeOutput" class="block text-sm font-medium text-gray-700">docker-compose.yml</label>
-            <textarea id="composeOutput" rows="10" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="output.compose" readonly></textarea>
+            <textarea id="composeOutput" rows="10" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="output.compose" readonly></textarea>
           </div>
           <div class="col-span-6" x-show="cfg.keycloak.useExternal">
             <label for="realmOutput" class="block text-sm font-medium text-gray-700">realm.json</label>
-            <textarea id="realmOutput" rows="10" class="mt-1 block w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" x-model="output.realm" readonly></textarea>
+            <textarea id="realmOutput" rows="10" class="mt-1 block w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" x-model="output.realm" readonly></textarea>
           </div>
           <div class="col-span-6" x-show="deploymentType == 'kubernetes' || deploymentType == 'compose-prod'">
             <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "hub_setup_output_hint" . | safeHTML }}</p>
diff --git a/layouts/hub/single.html b/layouts/hub/single.html
index b44711d90..932906087 100644
--- a/layouts/hub/single.html
+++ b/layouts/hub/single.html
@@ -6,7 +6,7 @@
       </div>
       <div class="w-full lg:w-3/5">
         <div class="flex items-center mb-4">
-          <img src="/img/logo.svg" class="h-8 aspect-[1110/942]" alt="Logo"/>
+          <img src="/img/logo.svg" class="h-8 aspect-1110/942" alt="Logo"/>
           <span class="font-headline font-bold text-primary ml-2 pb-px">CRYPTOMATOR&nbsp;HUB</span>
         </div>
         <h1 class="font-headline font-medium text-3xl md:text-4xl leading-tight mb-6">{{ i18n "hub_header_title" . | safeHTML }}</h1>
@@ -39,7 +39,7 @@ <h2 id="introduction" class="font-headline font-medium text-xl md:text-2xl leadi
     </div>
 
     <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
-      <div class="rounded shadow bg-white">
+      <div class="rounded-sm shadow-sm bg-white">
         <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
           <h3><i class="fas fa-shield-check fa-fw text-primary"></i> {{ i18n "hub_features_feature_1_title" . }}</h3>
         </div>
@@ -48,7 +48,7 @@ <h3><i class="fas fa-shield-check fa-fw text-primary"></i> {{ i18n "hub_features
         </div>
       </div>
     
-      <div class="rounded shadow bg-white">
+      <div class="rounded-sm shadow-sm bg-white">
         <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
           <h3><i class="fas fa-lock-alt fa-fw text-primary"></i> {{ i18n "hub_features_feature_2_title" . }}</h3>
         </div>
@@ -57,7 +57,7 @@ <h3><i class="fas fa-lock-alt fa-fw text-primary"></i> {{ i18n "hub_features_fea
         </div>
       </div>
     
-      <div class="rounded shadow bg-white">
+      <div class="rounded-sm shadow-sm bg-white">
         <div class="prose prose-sm md:prose max-w-none md:max-w-none px-4 py-2 border-b border-primary">
           <h3><i class="fas fa-key fa-fw text-primary"></i> {{ i18n "hub_features_feature_3_title" . }}</h3>
         </div>
@@ -84,11 +84,11 @@ <h2 id="faq" class="font-headline font-medium text-xl md:text-2xl leading-snug m
     </header>
 
     {{- $data := index $.Site.Data $.Site.Language.Lang }}
-    <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_teams_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded shadow bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
+    <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_teams_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded-sm shadow-sm bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
       {{- range $index, $element := $data.pricing_teams_faq }}
       <dt class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isOpen[{{ $index }}] = !isOpen[{{ $index }}]">
-          <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>{{ .Question }}</span>
         </a>
       </dt>
@@ -112,9 +112,9 @@ <h2 id="newsletter" class="font-headline font-medium text-xl md:text-2xl leading
 
     <form x-show="!data.success" x-ref="form" class="max-w-xl mx-auto">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "hub_newsletter_instruction" . | safeHTML }}</p>
-      <div class="flex justify-center items-center rounded bg-gray-300 mb-4">
-        <input x-model="data.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="flex-grow rounded-l border-gray-300 focus:ring-0 focus:border-secondary" placeholder="{{ i18n "hub_newsletter_email_placeholder" }}" required/>
-        <button :disabled="data.inProgress || !data.acceptTerms" @click.prevent="new Newsletter($refs.form, data).subscribe()" type="submit" class="flex-shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4 plausible-event-name=hub-newsletter-form">
+      <div class="flex justify-center items-center rounded-sm bg-gray-300 mb-4">
+        <input x-model="data.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="grow rounded-l border-gray-300 focus:ring-0 focus:border-secondary" placeholder="{{ i18n "hub_newsletter_email_placeholder" }}" required/>
+        <button :disabled="data.inProgress || !data.acceptTerms" @click.prevent="new Newsletter($refs.form, data).subscribe()" type="submit" class="shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4 plausible-event-name=hub-newsletter-form">
           <i :class="{'fa-envelope': !data.inProgress, 'fa-spinner fa-spin': data.inProgress}" class="fas fa-fw" aria-hidden="true"></i> {{ i18n "hub_newsletter_subscribe" }}
         </button>
       </div>
diff --git a/layouts/index.html b/layouts/index.html
index 185dc1bb4..800999b7d 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -13,7 +13,7 @@
   <section class="flex items-center header-bg bg-dark bg-center min-vh-66 bg-repeat-x">
     <header class="container flex items-center text-white py-24 md:py-48 lg:py-64">
       <div class="hidden pr-6 md:block md:w-1/3 lg:w-2/5">
-        <img data-src="/img/home/woman-cloud.png" class="lazyload aspect-[714/622] w-full object-scale-down mx-auto lg:w-3/4 animate-hover" alt="{{ i18n "home_header_woman_cloud_alt" . }}"/>
+        <img data-src="/img/home/woman-cloud.png" class="lazyload aspect-714/622 w-full object-scale-down mx-auto lg:w-3/4 animate-hover" alt="{{ i18n "home_header_woman_cloud_alt" . }}"/>
       </div>
       <div class="w-full md:w-2/3 lg:w-3/5">
         <h1 class="font-headline font-medium text-3xl md:text-4xl leading-tight mb-6">{{ i18n "home_header_title" . | safeHTML }}</h1>
@@ -40,11 +40,11 @@ <h1 class="font-headline font-medium text-3xl md:text-4xl leading-tight mb-6">{{
     <h2 id="get-started" class="text-center font-headline font-medium text-xl md:text-2xl leading-snug mb-4">{{ i18n "home_get_started_title" . }}</h2>
 
     <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-      <div class="flex flex-col rounded shadow bg-white">
+      <div class="flex flex-col rounded-sm shadow-sm bg-white">
         <div class="flex justify-between items-center p-4 border-b border-primary">
           <h3>
             <div class="flex items-center">
-              <img src="/img/logo.svg" class="hidden md:block h-8 mr-2 aspect-[1110/942]" alt="Logo"/>
+              <img src="/img/logo.svg" class="hidden md:block h-8 mr-2 aspect-1110/942" alt="Logo"/>
               <span class="font-headline font-bold text-primary pb-px">CRYPTOMATOR</span>
             </div>
           </h3>
@@ -78,11 +78,11 @@ <h4 class="font-medium lg:text-lg leading-relaxed">
         </div>
       </div>
     
-      <div class="flex flex-col rounded shadow bg-white">
+      <div class="flex flex-col rounded-sm shadow-sm bg-white">
         <div class="flex justify-between items-center p-4 border-b border-primary">
           <h3>
             <div class="flex items-center">
-              <img src="/img/logo.svg" class="hidden md:block h-8 mr-2 aspect-[1110/942]" alt="Logo"/>
+              <img src="/img/logo.svg" class="hidden md:block h-8 mr-2 aspect-1110/942" alt="Logo"/>
               <span class="font-headline font-bold text-primary pb-px">CRYPTOMATOR HUB</span>
             </div>
           </h3>
@@ -123,9 +123,9 @@ <h2 id="newsletter" class="font-headline font-medium text-xl md:text-2xl leading
 
     <form x-show="!data.success" x-ref="form" class="max-w-xl mx-auto mb-4">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "home_newsletter_instruction" . | safeHTML }}</p>
-      <div class="flex justify-center items-center rounded bg-gray-300 mb-4">
-        <input x-model="data.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="flex-grow rounded-l border-gray-300 focus:ring-0 focus:border-secondary" placeholder="{{ i18n "home_newsletter_email_placeholder" }}" required/>
-        <button :disabled="data.inProgress || !data.acceptTerms" @click.prevent="new Newsletter($refs.form, data).subscribe()" type="submit" class="flex-shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4 plausible-event-name=home-newsletter-form">
+      <div class="flex justify-center items-center rounded-sm bg-gray-300 mb-4">
+        <input x-model="data.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="grow rounded-l border-gray-300 focus:ring-0 focus:border-secondary" placeholder="{{ i18n "home_newsletter_email_placeholder" }}" required/>
+        <button :disabled="data.inProgress || !data.acceptTerms" @click.prevent="new Newsletter($refs.form, data).subscribe()" type="submit" class="shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4 plausible-event-name=home-newsletter-form">
           <i :class="{'fa-envelope': !data.inProgress, 'fa-spinner fa-spin': data.inProgress}" class="fas fa-fw" aria-hidden="true"></i> {{ i18n "home_newsletter_subscribe" }}
         </button>
       </div>
@@ -151,13 +151,13 @@ <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-8 md:mb
           <img class="inline-block h-20 lazyload aspect-square" data-src="/img/home/3rdparty/webde-logo.svg" alt="WEB.DE Logo"/>
         </a>
         <a href="{{ .Site.LanguagePrefix }}/coop/gmx/">
-          <img class="inline-block h-20 lazyload aspect-[123/80]" data-src="/img/home/3rdparty/gmx-logo.svg" alt="GMX Logo"/>
+          <img class="inline-block h-20 lazyload aspect-123/80" data-src="/img/home/3rdparty/gmx-logo.svg" alt="GMX Logo"/>
         </a>
         <a href="{{ .Site.LanguagePrefix }}/coop/1und1/">
           <img class="inline-block h-20 lazyload aspect-square" data-src="/img/home/3rdparty/1und1-logo.png" alt="1&amp;1 Logo"/>
         </a>
         <a class="md:col-span-3" href="https://connect2id.com/blog/deterministic-encryption-with-aes-siv" target="_blank" rel="noopener">
-          <img class="inline-block h-20 lazyload aspect-[412/88]" data-src="/img/home/3rdparty/connect2id-logo.svg" alt="connect2id Logo"/>
+          <img class="inline-block h-20 lazyload aspect-412/88" data-src="/img/home/3rdparty/connect2id-logo.svg" alt="connect2id Logo"/>
         </a>
       </div>
     </section>
@@ -183,7 +183,7 @@ <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug text-cente
             <div class="rounded-lg border border-secondary p-4">
               <div class="flex justify-between mb-4">
                 <div class="flex items-start">
-                  <a class="flex-shrink-0 w-12 lg:w-16" href="{{ .ProfileURL }}" target="_blank" rel="noopener">
+                  <a class="shrink-0 w-12 lg:w-16" href="{{ .ProfileURL }}" target="_blank" rel="noopener">
                     <img data-src="{{ .Image }}" class="lazyload aspect-square w-full object-contain rounded-lg border border-secondary" alt="{{ i18n "home_testimonials_image_alt" . }} {{ .TwitterHandle }}"/>
                   </a>
                   <a class="text-white px-3 hover:text-secondary hover:no-underline" href="{{ .ProfileURL }}" target="_blank" rel="noopener">
@@ -226,7 +226,7 @@ <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-8 md:mb
     <section class="container text-center pt-12 md:pt-16 lg:pt-20 pb-24 md:pb-32 lg:pb-40">
       <figure>
         <a href="https://web.archive.org/web/20190525164100id_/https://www.cebitaward.de/de/sonderpreis-cryptomator-1759.html" target="_blank" rel="noopener">
-          <img class="lazyload aspect-[512/340] h-[170px] inline-block mb-6" data-src="/img/home/3rdparty/cebit-award.png" data-srcset="/img/home/3rdparty/cebit-award.png 1x, /img/home/3rdparty/cebit-award@2x.png 2x" alt="CeBIT Innovation Award 2016">
+          <img class="lazyload aspect-512/340 h-[170px] inline-block mb-6" data-src="/img/home/3rdparty/cebit-award.png" data-srcset="/img/home/3rdparty/cebit-award.png 1x, /img/home/3rdparty/cebit-award@2x.png 2x" alt="CeBIT Innovation Award 2016">
         </a>
         <figcaption>
           <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-1">{{ i18n "home_cebit_title" . }}</h2>
diff --git a/layouts/partials/accept-hub-managed-terms-and-privacy.html b/layouts/partials/accept-hub-managed-terms-and-privacy.html
index 748a6fd77..4354c5d01 100644
--- a/layouts/partials/accept-hub-managed-terms-and-privacy.html
+++ b/layouts/partials/accept-hub-managed-terms-and-privacy.html
@@ -1,3 +1,3 @@
 {{ $unique_id := printf "id-%s" (delimit (shuffle (seq 1 9)) "") }}
-<input class="mr-1 rounded text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type="checkbox" id="{{ $unique_id }}" x-model="{{ .alpineVariable }}" />
+<input class="mr-1 rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type="checkbox" id="{{ $unique_id }}" x-model="{{ .alpineVariable }}" />
 <label for="{{ $unique_id }}">{{ i18n "accept_hub_managed_terms_and_privacy" . | safeHTML }}</label>
diff --git a/layouts/partials/accept-newsletter-privacy.html b/layouts/partials/accept-newsletter-privacy.html
index 62ba79309..cdfc8d8fc 100644
--- a/layouts/partials/accept-newsletter-privacy.html
+++ b/layouts/partials/accept-newsletter-privacy.html
@@ -1,3 +1,3 @@
 {{ $unique_id := printf "id-%s" (delimit (shuffle (seq 1 9)) "") }}
-<input class="mr-1 rounded text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type="checkbox" id="{{ $unique_id }}" x-model="{{ .alpineVariable }}" />
+<input class="mr-1 rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type="checkbox" id="{{ $unique_id }}" x-model="{{ .alpineVariable }}" />
 <label for="{{ $unique_id }}">{{ i18n "accept_newsletter_privacy" . | safeHTML }}</label>
diff --git a/layouts/partials/accept-privacy.html b/layouts/partials/accept-privacy.html
index d6d64dbfb..ab5b92e92 100644
--- a/layouts/partials/accept-privacy.html
+++ b/layouts/partials/accept-privacy.html
@@ -1,3 +1,3 @@
 {{ $unique_id := printf "id-%s" (delimit (shuffle (seq 1 9)) "") }}
-<input class="mr-1 rounded text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type="checkbox" id="{{ $unique_id }}" x-model="{{ .alpineVariable }}" />
+<input class="mr-1 rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type="checkbox" id="{{ $unique_id }}" x-model="{{ .alpineVariable }}" />
 <label for="{{ $unique_id }}">{{ i18n "accept_privacy" . | safeHTML }}</label>
diff --git a/layouts/partials/accept-terms-and-privacy.html b/layouts/partials/accept-terms-and-privacy.html
index c39b9468d..ac68be42f 100644
--- a/layouts/partials/accept-terms-and-privacy.html
+++ b/layouts/partials/accept-terms-and-privacy.html
@@ -1,3 +1,3 @@
 {{ $unique_id := printf "id-%s" (delimit (shuffle (seq 1 9)) "") }}
-<input class="mr-1 rounded text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type="checkbox" id="{{ $unique_id }}" x-model="{{ .alpineVariable }}" />
+<input class="mr-1 rounded-sm text-primary focus:ring-0 focus:ring-offset-0 focus:border-secondary" type="checkbox" id="{{ $unique_id }}" x-model="{{ .alpineVariable }}" />
 <label for="{{ $unique_id }}">{{ i18n "accept_terms_and_privacy" . | safeHTML }}</label>
diff --git a/layouts/partials/android-accrescent.html b/layouts/partials/android-accrescent.html
index f01a18d6a..4ccea73cc 100644
--- a/layouts/partials/android-accrescent.html
+++ b/layouts/partials/android-accrescent.html
@@ -7,7 +7,7 @@
   <meta itemprop="image" content="{{ "/img/logo.png" | absURL }}"/>
   <meta itemprop="operatingSystem" content="Android"/>
 
-  <div class="rounded shadow bg-white">
+  <div class="rounded-sm shadow-sm bg-white">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>Accrescent</h3>
     </div>
diff --git a/layouts/partials/android-download.html b/layouts/partials/android-download.html
index e65311df8..313b2f257 100644
--- a/layouts/partials/android-download.html
+++ b/layouts/partials/android-download.html
@@ -7,7 +7,7 @@
   <meta itemprop="image" content="{{ "/img/logo.png" | absURL }}"/>
   <meta itemprop="operatingSystem" content="Android"/>
 
-  <div class="rounded shadow bg-white">
+  <div class="rounded-sm shadow-sm bg-white">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>{{ i18n "android_download_title" }}</h3>
     </div>
diff --git a/layouts/partials/android-fdroid.html b/layouts/partials/android-fdroid.html
index 24ad0d47a..bdedb0817 100644
--- a/layouts/partials/android-fdroid.html
+++ b/layouts/partials/android-fdroid.html
@@ -7,7 +7,7 @@
   <meta itemprop="image" content="{{ "/img/logo.png" | absURL }}"/>
   <meta itemprop="operatingSystem" content="Android"/>
 
-  <div class="rounded shadow bg-white">
+  <div class="rounded-sm shadow-sm bg-white">
     <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary">
       <h3>{{ i18n "android_fdroid_title" }}</h3>
     </div>
diff --git a/layouts/partials/android-getkey.html b/layouts/partials/android-getkey.html
index baf09b457..45af0dd55 100644
--- a/layouts/partials/android-getkey.html
+++ b/layouts/partials/android-getkey.html
@@ -1,4 +1,4 @@
-<div x-data="{checkoutData: {price: null, email: '', errorMessage: '', success: false, inProgress: false, licenseKey: null}, acceptTerms: false, androidLicense: null}" x-init="androidLicense = new AndroidLicense($refs.form, checkoutData); androidLicense.loadPrice()" class="rounded shadow bg-white">
+<div x-data="{checkoutData: {price: null, email: '', errorMessage: '', success: false, inProgress: false, licenseKey: null}, acceptTerms: false, androidLicense: null}" x-init="androidLicense = new AndroidLicense($refs.form, checkoutData); androidLicense.loadPrice()" class="rounded-sm shadow-sm bg-white">
   <div class="prose prose-sm max-w-none md:max-w-none px-4 py-2 border-b border-primary text-center">
     <h3>{{ i18n "android_getkey_title" }}</h3>
   </div>
@@ -6,11 +6,11 @@ <h3>{{ i18n "android_getkey_title" }}</h3>
   <form x-show="!checkoutData.success" x-ref="form" class="px-4 py-8">
     <div class="w-full md:w-1/2 mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "android_getkey_price" }}</label>
-      <input x-model="checkoutData.price" type="text" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "android_getkey_price_placeholder" }}" readonly/>
+      <input x-model="checkoutData.price" type="text" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "android_getkey_price_placeholder" }}" readonly/>
     </div>
     <div class="mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "android_getkey_email" }}</label>
-      <input x-model="checkoutData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "android_getkey_email_placeholder" }}" required/>
+      <input x-model="checkoutData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "android_getkey_email_placeholder" }}" required/>
     </div>
     <div class="text-center mt-8">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "android_getkey_instruction" }}</p>
@@ -25,7 +25,7 @@ <h3>{{ i18n "android_getkey_title" }}</h3>
   <div x-show="checkoutData.success" x-cloak class="px-4 py-8">
     <h3 class="font-headline text-lg md:text-xl leading-relaxed mb-4">{{ ":+1:" | emojify }} {{ i18n "android_getkey_success" }}</h3>
     <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "android_getkey_key" }}</label>
-    <textarea x-model="checkoutData.licenseKey" class="text-sm md:text-base leading-relaxed break-all rounded border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" rows="6" placeholder="{{ i18n "android_getkey_key_placeholder" }}" readonly></textarea>
+    <textarea x-model="checkoutData.licenseKey" class="text-sm md:text-base leading-relaxed break-all rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" rows="6" placeholder="{{ i18n "android_getkey_key_placeholder" }}" readonly></textarea>
     <p :class="{'hidden': !checkoutData.errorMessage}" class="text-sm text-red-600 mb-2" x-text="checkoutData.errorMessage"></p>
     <p class="text-sm md:text-base leading-relaxed text-gray-700">{{ i18n "android_getkey_key_instruction" }}</p>
   </div>
diff --git a/layouts/partials/donate-creditcard.html b/layouts/partials/donate-creditcard.html
index 70226441a..5cb040c36 100644
--- a/layouts/partials/donate-creditcard.html
+++ b/layouts/partials/donate-creditcard.html
@@ -2,15 +2,15 @@
   <div class="flex flex-wrap md:flex-nowrap">
     <div class="w-full mb-4 md:w-1/2 md:pr-3">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "donate_creditcard_amount" }}</label>
-      <div class="flex items-center rounded bg-gray-300">
-        <div class="flex-shrink-0 relative text-gray-700 w-16">
+      <div class="flex items-center rounded-sm bg-gray-300">
+        <div class="shrink-0 relative text-gray-700 w-16">
           <select x-model="currency" class="w-full rounded-l border-gray-300 bg-gray-300 focus:ring-0 focus:border-secondary">
             <option value="EUR">€</option>
             <option value="USD">$</option>
           </select>
         </div>
-        <input type="number" min="1" step="1" x-model="amount" class="flex-grow min-w-0 text-right border-gray-300 focus:ring-0 focus:border-secondary md:pr-0" placeholder="{{ i18n "donate_creditcard_amount_placeholder" }}" required/>
-        <div class="flex-shrink-0 text-gray-700 px-3">{{ i18n "donate_creditcard_amount_suffix" }}</div>
+        <input type="number" min="1" step="1" x-model="amount" class="grow min-w-0 text-right border-gray-300 focus:ring-0 focus:border-secondary md:pr-0" placeholder="{{ i18n "donate_creditcard_amount_placeholder" }}" required/>
+        <div class="shrink-0 text-gray-700 px-3">{{ i18n "donate_creditcard_amount_suffix" }}</div>
       </div>
     </div>
 
@@ -33,7 +33,7 @@
     <div class="mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "donate_creditcard_number" }}</label>
       <div> <!-- wrapper needed for stripe text field -->
-        <input type="text" x-ref="stripePlaceholder" class="w-full rounded border-gray-300 focus:ring-0 focus:border-secondary" @focus.once="oneTimePayment.initStripeField($refs.stripePlaceholder, '{{ i18n "donate_creditcard_once_loading" }}', '{{ .Site.Language.Lang }}')"/>
+        <input type="text" x-ref="stripePlaceholder" class="w-full rounded-sm border-gray-300 focus:ring-0 focus:border-secondary" @focus.once="oneTimePayment.initStripeField($refs.stripePlaceholder, '{{ i18n "donate_creditcard_once_loading" }}', '{{ .Site.Language.Lang }}')"/>
       </div>
     </div>
 
diff --git a/layouts/partials/faq-card.html b/layouts/partials/faq-card.html
index e4e2e61a0..bae57aa02 100644
--- a/layouts/partials/faq-card.html
+++ b/layouts/partials/faq-card.html
@@ -1,4 +1,4 @@
-<article class="rounded shadow bg-white" id="{{ .File.TranslationBaseName }}">
+<article class="rounded-sm shadow-sm bg-white" id="{{ .File.TranslationBaseName }}">
   <div class="prose prose-sm max-w-none px-4 py-2 border-b border-primary">
     <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
   </div>
diff --git a/layouts/partials/hub-managed-low-quantity.html b/layouts/partials/hub-managed-low-quantity.html
index 2b74312a0..75e1e6675 100644
--- a/layouts/partials/hub-managed-low-quantity.html
+++ b/layouts/partials/hub-managed-low-quantity.html
@@ -3,10 +3,10 @@
 
   <div class="fixed z-10 inset-0 overflow-y-auto">
     <div class="flex items-end md:items-center justify-center min-h-full p-4 text-center md:p-0">
-      <div x-show="{{ .isOpen }}" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 md:translate-y-0 md:scale-95" x-transition:enter-end="opacity-100 translate-y-0 md:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 md:scale-100" x-transition:leave-end="opacity-0 translate-y-4 md:translate-y-0 md:scale-95" class="relative transform rounded shadow bg-white text-left overflow-hidden transition-all md:my-8 md:max-w-xl md:w-full">
+      <div x-show="{{ .isOpen }}" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 md:translate-y-0 md:scale-95" x-transition:enter-end="opacity-100 translate-y-0 md:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 md:scale-100" x-transition:leave-end="opacity-0 translate-y-4 md:translate-y-0 md:scale-95" class="relative transform rounded-sm shadow-sm bg-white text-left overflow-hidden transition-all md:my-8 md:max-w-xl md:w-full">
         <div class="p-4">
           <div class="md:flex md:items-start">
-            <div class="flex-shrink-0 text-center">
+            <div class="shrink-0 text-center">
               <div class="fa-stack text-2xl text-primary-l2 md:text-xl">
                 <i class="fas fa-circle fa-stack-2x"></i>
                 <i class="fas fa-lightbulb-on fa-stack-1x text-primary"></i>
@@ -44,21 +44,21 @@ <h3 class="font-headline text-xl md:text-2xl leading-relaxed mb-4" id="quantity-
         </div>
         <div class="border-t border-primary p-4 md:flex md:flex-row-reverse md:items-center">
           <template x-if="{{ .quantity }} < 3">
-            <a href="{{ .Site.LanguagePrefix }}/downloads/" role="button" class="btn btn-primary flex-shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0">
+            <a href="{{ .Site.LanguagePrefix }}/downloads/" role="button" class="btn btn-primary shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0">
               {{ i18n "hub_managed_low_quantity_submit_1" }}
             </a>
           </template>
           <template x-if="{{ .quantity }} >= 3">
-            <button type="submit" class="btn btn-primary flex-shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0" @click.prevent="{{ .hubManaged }}.request(); {{ .isOpen }} = false">
+            <button type="submit" class="btn btn-primary shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0" @click.prevent="{{ .hubManaged }}.request(); {{ .isOpen }} = false">
               {{ i18n "hub_managed_low_quantity_submit_2" }}
             </button>
           </template>
           <template x-if="{{ .quantity }} >= 3">
-            <a href="{{ .Site.LanguagePrefix }}/downloads/" role="button" class="btn btn-outline-primary flex-shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0">
+            <a href="{{ .Site.LanguagePrefix }}/downloads/" role="button" class="btn btn-outline-primary shrink-0 w-full mb-4 md:w-auto md:ml-3 md:mb-0">
               {{ i18n "hub_managed_low_quantity_submit_1" }}
             </a>
           </template>
-          <button type="button" class="btn btn-outline-gray-500 flex-shrink-0 w-full md:w-auto" @click.prevent="{{ .isOpen }} = false">
+          <button type="button" class="btn btn-outline-gray-500 shrink-0 w-full md:w-auto" @click.prevent="{{ .isOpen }} = false">
             {{ i18n "modal_cancel" }}
           </button>
         </div>
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index 75558dedf..a5ce492af 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -1,19 +1,19 @@
-{{- $textColor := cond .IsHome "white" "primary" -}}
+{{- $textColor := cond .IsHome "text-white" "text-primary" -}}
+{{- $borderColor := cond .IsHome "border-white" "border-primary" -}}
 {{- $backgroundColor := cond .IsHome "bg-dark" "bg-white" -}}
-{{- $navBorderColor := cond .IsHome "border-transparent" "border-primary" -}}
 {{- $currentRelPermalink := .RelPermalink -}}
-<nav class="w-full max-h-screen text-{{ $textColor }} fixed {{ $backgroundColor }} shadow z-50">
+<nav class="w-full max-h-screen {{ $textColor }} fixed {{ $backgroundColor }} shadow-sm z-50">
   <div class="flex justify-between items-stretch w-full lg:px-8">
     <!-- Regular Navigation -->
     <div class="flex items-stretch">
       <!-- Toggle Button for Smartphone Navigation -->
-      <button @click="isNavOpen = !isNavOpen" type="button" class="self-center lg:hidden border border-{{ $textColor }} rounded px-2 py-1 mx-2" aria-label="Toggle Navigation">
+      <button @click="isNavOpen = !isNavOpen" type="button" class="self-center lg:hidden border {{ $borderColor }} rounded-sm px-2 py-1 mx-2" aria-label="Toggle Navigation">
         <i x-show="isNavOpen" class="fas fa-times fa-fw" x-cloak></i>
         <i x-show="!isNavOpen" class="fas fa-bars fa-fw"></i>
       </button>
 
       <a class="flex items-center hover:no-underline p-2 lg:mr-2" href="{{ .Site.LanguagePrefix }}/">
-        <img src="/img/logo.svg" class="h-8 aspect-[1110/942]" alt="Logo"/>
+        <img src="/img/logo.svg" class="h-8 aspect-1110/942" alt="Logo"/>
         <span class="{{ if not (or (in .RelPermalink "/downloads") (in .RelPermalink "/hub")) }}hidden{{ end }} md:block font-headline font-bold ml-2 pb-px">CRYPTOMATOR</span>
       </a>
 
@@ -24,7 +24,7 @@
             <i class="fas fa-chevron-down fa-fw text-xs"></i>
           </button>
           <div class="absolute">
-            <div x-show="isProductsDropdownOpen" @click.outside="isProductsDropdownOpen = false" x-cloak class="absolute mt-6 py-2 w-64 bg-white rounded shadow-md z-50">
+            <div x-show="isProductsDropdownOpen" @click.outside="isProductsDropdownOpen = false" x-cloak class="absolute mt-6 py-2 w-64 bg-white rounded-sm shadow-md z-50">
               {{- range .Site.Data.nav.ProductsRelLinks }}
               {{- with $.Site.GetPage . }}
               <a href="{{ .RelPermalink }}" class="block px-4 py-2 text-gray-800 hover:bg-secondary hover:text-white hover:no-underline plausible-event-name=nav-{{ replaceRE "^.*/([^/]+)/?$" "$1" .RelPermalink }}">{{ cond (isset .Params "navtitle") .Params.Navtitle .Title }}</a>
@@ -35,8 +35,8 @@
         </li>
         {{- range .Site.Data.nav.RelLinks }}
         {{- with $.Site.GetPage . }}
-        {{- $borderColor := cond (hasPrefix $currentRelPermalink .RelPermalink) $textColor "transparent" }}
-        <li class="flex items-center mx-2 border-b-2 border-{{ $borderColor }} hover:border-{{ $textColor }}">
+        {{- $navItemBorderColor := cond (hasPrefix $currentRelPermalink .RelPermalink) $borderColor "border-transparent" }}
+        <li class="flex items-center mx-2 border-b-2 {{ $navItemBorderColor }} hover:{{ $borderColor }}">
           <a class="p-2 hover:no-underline plausible-event-name=nav-{{ replaceRE "^.*/([^/]+)/?$" "$1" .RelPermalink }}" href="{{ .RelPermalink }}">{{ cond (isset .Params "navtitle") .Params.Navtitle .Title }}</a>
         </li>
         {{- end }}
@@ -47,7 +47,7 @@
             <i class="fas fa-chevron-down fa-fw text-xs"></i>
           </button>
           <div class="absolute">
-            <div x-show="isSupportUsDropdownOpen" @click.outside="isSupportUsDropdownOpen = false" x-cloak class="absolute mt-6 py-2 w-64 bg-white rounded shadow-md z-50">
+            <div x-show="isSupportUsDropdownOpen" @click.outside="isSupportUsDropdownOpen = false" x-cloak class="absolute mt-6 py-2 w-64 bg-white rounded-sm shadow-md z-50">
               {{- range .Site.Data.nav.SupportUsRelLinks }}
               {{- with $.Site.GetPage . }}
               <a href="{{ .RelPermalink }}" class="block px-4 py-2 text-gray-800 hover:bg-secondary hover:text-white hover:no-underline plausible-event-name=nav-{{ replaceRE "^.*/([^/]+)/?$" "$1" .RelPermalink }}">{{ cond (isset .Params "navtitle") .Params.Navtitle .Title }}</a>
@@ -62,7 +62,7 @@
             <i class="fas fa-chevron-down fa-fw text-xs"></i>
           </button>
           <div class="absolute">
-            <div x-show="isLearnMoreDropdownOpen" @click.outside="isLearnMoreDropdownOpen = false" x-cloak class="absolute mt-6 py-2 w-96 bg-white rounded shadow-md z-50">
+            <div x-show="isLearnMoreDropdownOpen" @click.outside="isLearnMoreDropdownOpen = false" x-cloak class="absolute mt-6 py-2 w-96 bg-white rounded-sm shadow-md z-50">
               {{- range .Site.Data.nav.LearnMoreRelLinks }}
               {{- with $.Site.GetPage . }}
               <a href="{{ .RelPermalink }}" class="block px-4 py-2 text-gray-800 hover:bg-secondary hover:text-white hover:no-underline plausible-event-name=nav-{{ replaceRE "^.*/([^/]+)/?$" "$1" .RelPermalink }}">{{ cond (isset .Params "navtitle") .Params.Navtitle .Title }}</a>
@@ -93,7 +93,7 @@
       {{- end }}
 
       <ul class="hidden lg:flex items-stretch list-none m-0">
-        <li class="flex items-center m-3 border-l border-{{ $textColor }}"></li>
+        <li class="flex items-center m-3 border-l {{ $borderColor }}"></li>
           
         <li x-data="{ isLangDropdownOpen: false }" class="flex items-center mx-2">
           <button @click="isLangDropdownOpen = !isLangDropdownOpen" class="whitespace-nowrap p-2">
@@ -101,7 +101,7 @@
             <i class="fas fa-chevron-down fa-fw text-xs"></i>
           </button>
           <div class="relative">
-            <div x-show="isLangDropdownOpen" @click.outside="isLangDropdownOpen = false" x-cloak class="absolute right-0 mt-6 py-2 w-48 bg-white rounded shadow-md z-50">
+            <div x-show="isLangDropdownOpen" @click.outside="isLangDropdownOpen = false" x-cloak class="absolute right-0 mt-6 py-2 w-48 bg-white rounded-sm shadow-md z-50">
               {{- range .Translations }}
               <a :href="'{{ .RelPermalink }}' + (window.location.search ?? '')" lang="{{ .Lang }}" class="block px-4 py-2 text-gray-800 hover:bg-secondary hover:text-white hover:no-underline plausible-event-name=nav-lang-{{ .Lang }}">{{ .Language.LanguageName }}</a>
               {{- end }}
diff --git a/layouts/partials/supporter-cert-contributor.html b/layouts/partials/supporter-cert-contributor.html
index b0f6062fc..d27df563e 100644
--- a/layouts/partials/supporter-cert-contributor.html
+++ b/layouts/partials/supporter-cert-contributor.html
@@ -2,15 +2,15 @@
   <form x-show="!feedbackData.success" x-ref="form">
     <div class="mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_contributor_github_username" }}</label>
-      <input x-model="submitData.github_username" x-ref="github_username" @blur="$refs.github_username.classList.add('show-invalid')" type="text" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" pattern="^[A-Za-z\d](?:[A-Za-z\d]|-(?=[A-Za-z\d])){0,38}$" maxlength="39" placeholder="{{ i18n "supporter_cert_contributor_github_username_placeholder" }}" required/>
+      <input x-model="submitData.github_username" x-ref="github_username" @blur="$refs.github_username.classList.add('show-invalid')" type="text" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" pattern="^[A-Za-z\d](?:[A-Za-z\d]|-(?=[A-Za-z\d])){0,38}$" maxlength="39" placeholder="{{ i18n "supporter_cert_contributor_github_username_placeholder" }}" required/>
     </div>
     <div class="mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_contributor_github_contribution_link" }}</label>
-      <input x-model="submitData.github_contribution_link" x-ref="github_contribution_link" @blur="$refs.github_contribution_link.classList.add('show-invalid')" type="url" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "supporter_cert_contributor_github_contribution_link_placeholder" }}" required/>
+      <input x-model="submitData.github_contribution_link" x-ref="github_contribution_link" @blur="$refs.github_contribution_link.classList.add('show-invalid')" type="url" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "supporter_cert_contributor_github_contribution_link_placeholder" }}" required/>
     </div>
     <div class="mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_common_email" }}</label>
-      <input x-model="submitData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "supporter_cert_common_email_placeholder" }}" required/>
+      <input x-model="submitData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "supporter_cert_common_email_placeholder" }}" required/>
     </div>
     <div class="text-center mt-8">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "supporter_cert_contributor_instruction" . | safeHTML }}</p>
diff --git a/layouts/partials/supporter-cert-funder.html b/layouts/partials/supporter-cert-funder.html
index 7023186f5..c6aad4d7b 100644
--- a/layouts/partials/supporter-cert-funder.html
+++ b/layouts/partials/supporter-cert-funder.html
@@ -5,7 +5,7 @@
         <legend class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_funder_price" }}</legend>
         <div class="grid grid-cols-3 gap-2 mb-2">
           <template x-for="(price, index) in checkoutData.prices">
-            <label :class="{'border-gray-300 hover:border-primary': checkoutData.selectedPriceIndex != index, 'border-primary bg-primary text-white': checkoutData.selectedPriceIndex == index}" class="flex items-center justify-center rounded px-3 py-2 cursor-pointer border focus:ring-0 focus:border-secondary" @click="checkoutData.selectedPriceIndex = index">
+            <label :class="{'border-gray-300 hover:border-primary': checkoutData.selectedPriceIndex != index, 'border-primary bg-primary text-white': checkoutData.selectedPriceIndex == index}" class="flex items-center justify-center rounded-sm px-3 py-2 cursor-pointer border focus:ring-0 focus:border-secondary" @click="checkoutData.selectedPriceIndex = index">
               <input x-model="price.productId" type="radio" name="price-option" class="sr-only" :aria-labelledby="`price-option-${index}-label`">
               <span x-text="price.amount ? price.amount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: price.currency }) : '…'" :id="`price-option-${index}-label`"></span>
             </label>
@@ -15,13 +15,13 @@
       </fieldset>
       <div class="w-full mb-4 md:w-1/2 md:pl-3">
         <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_funder_quantity" }}</label>
-        <input x-model="checkoutData.quantity" x-ref="quantity" @blur="$refs.quantity.classList.add('show-invalid')" type="number" min="1" max="1000" step="1" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" placeholder="min. 1" required/>
+        <input x-model="checkoutData.quantity" x-ref="quantity" @blur="$refs.quantity.classList.add('show-invalid')" type="number" min="1" max="1000" step="1" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" placeholder="min. 1" required/>
         <p class="text-xs text-gray-600">{{ i18n "supporter_cert_funder_quantity_help" }}</p>
       </div>
     </div>
     <div class="mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_common_email" }}</label>
-      <input x-model="checkoutData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "supporter_cert_common_email_placeholder" }}" required/>
+      <input x-model="checkoutData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "supporter_cert_common_email_placeholder" }}" required/>
     </div>
     <div class="text-center mt-8">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "supporter_cert_funder_instruction" }}</p>
@@ -36,7 +36,7 @@
   <div x-show="checkoutData.success" x-cloak>
     <h3 class="font-headline text-lg md:text-xl leading-relaxed mb-4">{{ ":+1:" | emojify }} {{ i18n "supporter_cert_funder_success" }}</h3>
     <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_funder_key" }}</label>
-    <textarea x-model="checkoutData.licenseKey" class="text-sm md:text-base leading-relaxed break-all rounded border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" rows="6" placeholder="{{ i18n "supporter_cert_funder_key_placeholder" }}" readonly></textarea>
+    <textarea x-model="checkoutData.licenseKey" class="text-sm md:text-base leading-relaxed break-all rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full mb-2" rows="6" placeholder="{{ i18n "supporter_cert_funder_key_placeholder" }}" readonly></textarea>
     <p :class="{'hidden': !checkoutData.errorMessage}" class="text-sm text-red-600 mb-2" x-text="checkoutData.errorMessage"></p>
     <p class="text-sm md:text-base leading-relaxed text-gray-700">{{ i18n "supporter_cert_funder_key_instruction" }}</p>
   </div>
diff --git a/layouts/partials/supporter-cert-influencer.html b/layouts/partials/supporter-cert-influencer.html
index 0e02839f1..79cf4ec3b 100644
--- a/layouts/partials/supporter-cert-influencer.html
+++ b/layouts/partials/supporter-cert-influencer.html
@@ -2,11 +2,11 @@
   <form x-show="!feedbackData.success" x-ref="form">
     <div class="mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_influencer_reference" }}</label>
-      <textarea x-model="submitData.reference" x-ref="reference" @blur="$refs.reference.classList.add('show-invalid')" type="url" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" rows="5" maxlength="800" placeholder="{{ i18n "supporter_cert_influencer_reference_placeholder" }}" required></textarea>
+      <textarea x-model="submitData.reference" x-ref="reference" @blur="$refs.reference.classList.add('show-invalid')" type="url" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" rows="5" maxlength="800" placeholder="{{ i18n "supporter_cert_influencer_reference_placeholder" }}" required></textarea>
     </div>
     <div class="mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_common_email" }}</label>
-      <input x-model="submitData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "supporter_cert_common_email_placeholder" }}" required/>
+      <input x-model="submitData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "supporter_cert_common_email_placeholder" }}" required/>
     </div>
     <div class="text-center mt-8">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "supporter_cert_influencer_instruction" }}</p>
diff --git a/layouts/partials/supporter-cert-other.html b/layouts/partials/supporter-cert-other.html
index 9d4bad129..8b2b2595b 100644
--- a/layouts/partials/supporter-cert-other.html
+++ b/layouts/partials/supporter-cert-other.html
@@ -2,11 +2,11 @@
   <form x-show="!feedbackData.success" x-ref="form">
     <div class="mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_other_reason" }}</label>
-      <textarea x-model="submitData.reason" x-ref="reason" @blur="$refs.reason.classList.add('show-invalid')" type="url" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" rows="5" maxlength="800" placeholder="{{ i18n "supporter_cert_other_reason_placeholder" }}" required></textarea>
+      <textarea x-model="submitData.reason" x-ref="reason" @blur="$refs.reason.classList.add('show-invalid')" type="url" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" rows="5" maxlength="800" placeholder="{{ i18n "supporter_cert_other_reason_placeholder" }}" required></textarea>
     </div>
     <div class="mb-4">
       <label class="block uppercase tracking-wide text-gray-600 text-xs font-bold mb-2">{{ i18n "supporter_cert_common_email" }}</label>
-      <input x-model="submitData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "supporter_cert_common_email_placeholder" }}" required/>
+      <input x-model="submitData.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="rounded-sm border-gray-300 focus:ring-0 focus:border-secondary w-full" placeholder="{{ i18n "supporter_cert_common_email_placeholder" }}" required/>
     </div>
     <div class="text-center mt-8">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "supporter_cert_other_instruction" }}</p>
diff --git a/layouts/pricing/single.html b/layouts/pricing/single.html
index 349803de3..b0a23d2e2 100644
--- a/layouts/pricing/single.html
+++ b/layouts/pricing/single.html
@@ -24,7 +24,7 @@ <h2 class="text-center font-headline font-medium text-xl md:text-2xl leading-snu
 
       <div x-show="planOption !== '#for-teams'">
         <div class="grid grid-cols-1 lg:grid-cols-3 gap-4 mb-4">
-          <div class="rounded shadow bg-white">
+          <div class="rounded-sm shadow-sm bg-white">
             <div class="p-4 border-b border-primary">
               <div class="flex gap-2 mb-4">
                 <div class="inline-flex items-center gap-x-1.5 px-4 py-1 rounded-full text-xs lg:text-sm font-medium bg-primary-l2 text-dark">
@@ -76,7 +76,7 @@ <h2 class="text-center font-headline font-medium text-xl md:text-2xl leading-snu
               </ul>
             </div>
           </div>
-          <div class="rounded shadow bg-white">
+          <div class="rounded-sm shadow-sm bg-white">
             <div class="p-4 border-b border-primary">
               <div class="flex gap-2 mb-4">
                 <div class="inline-flex items-center gap-x-1.5 px-4 py-1 rounded-full text-xs lg:text-sm font-medium bg-primary-l2 text-dark">
@@ -120,7 +120,7 @@ <h2 class="text-center font-headline font-medium text-xl md:text-2xl leading-snu
               </ul>
             </div>
           </div>
-          <div class="rounded shadow bg-white">
+          <div class="rounded-sm shadow-sm bg-white">
             <div class="p-4 border-b border-primary">
               <div class="flex gap-2 mb-4">
                 <div class="inline-flex items-center gap-x-1.5 px-4 py-1 rounded-full text-xs lg:text-sm font-medium bg-primary-l2 text-dark">
@@ -184,11 +184,11 @@ <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4">{{ i
           </header>
       
           {{- $data := index $.Site.Data $.Site.Language.Lang }}
-          <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_individuals_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded shadow bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
+          <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_individuals_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded-sm shadow-sm bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
             {{- range $index, $element := $data.pricing_individuals_faq }}
             <dt class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
               <a class="flex items-center" href="#" @click.prevent="isOpen[{{ $index }}] = !isOpen[{{ $index }}]">
-                <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+                <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
                 <span>{{ .Question }}</span>
               </a>
             </dt>
@@ -202,7 +202,7 @@ <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4">{{ i
 
       <div x-show="planOption === '#for-teams'" x-cloak>
         <div class="grid grid-cols-1 lg:grid-cols-3 gap-4 mb-4">
-          <div class="rounded shadow bg-white">
+          <div class="rounded-sm shadow-sm bg-white">
             <div class="p-4 border-b border-primary">
               <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tracking-wide uppercase bg-primary-l2 text-dark mb-8">
                 {{ i18n "pricing_hub_community_title" . }}
@@ -239,7 +239,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
                   <span>{{ i18n "pricing_hub_community_benefit_4" . }}</span>
                   <div class="has-tooltip">
                     <i class="fas fa-info-circle fa-fw text-gray-600"></i>
-                    <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-40 p-2">{{ i18n "pricing_hub_community_benefit_4_tooltip" . }}</div>
+                    <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-40 p-2">{{ i18n "pricing_hub_community_benefit_4_tooltip" . }}</div>
                   </div>
                 </li>
                 <li>
@@ -249,7 +249,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
               </ul>
             </div>
           </div>
-          <div x-data="{infrastructure: 'managed', data: {selfHostedMonthlyPrice: null, managedMonthlyPrice: null}}" x-init="new HubPricing(data).loadPrice()" class="rounded shadow bg-white">
+          <div x-data="{infrastructure: 'managed', data: {selfHostedMonthlyPrice: null, managedMonthlyPrice: null}}" x-init="new HubPricing(data).loadPrice()" class="rounded-sm shadow-sm bg-white">
             <div class="p-4 border-b border-primary">
               <div class="flex gap-2 mb-8">
                 <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tracking-wide uppercase bg-primary-l2 text-dark">
@@ -264,9 +264,9 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
                 <span id="hub-standard-managed-label" class="block uppercase tracking-wide text-xs font-bold" :class="infrastructure === 'managed' ? 'text-gray-700' : 'text-gray-500'" @click="infrastructure = 'managed'">
                   {{ i18n "pricing_hub_managed_title" . }}
                 </span>
-                <button type="button" class="relative inline-flex h-4 w-8 shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-primary transition-colors duration-200 ease-in-out focus:outline-none focus:ring-1 focus:ring-primary focus:ring-offset-1 plausible-event-name=pricing-hub-standard-infrastructure-switch" role="switch" aria-checked="false" aria-labelledby="hub-standard-managed-label hub-standard-self-hosted-label" @click="infrastructure = infrastructure === 'managed' ? 'self-hosted' : 'managed'">
+                <button type="button" class="relative inline-flex h-4 w-8 shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-primary transition-colors duration-200 ease-in-out focus:outline-hidden focus:ring-1 focus:ring-primary focus:ring-offset-1 plausible-event-name=pricing-hub-standard-infrastructure-switch" role="switch" aria-checked="false" aria-labelledby="hub-standard-managed-label hub-standard-self-hosted-label" @click="infrastructure = infrastructure === 'managed' ? 'self-hosted' : 'managed'">
                   <span class="sr-only">Use setting</span>
-                  <span aria-hidden="true" class="pointer-events-none inline-block size-3 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out" :class="infrastructure === 'managed' ? 'translate-x-0' : 'translate-x-4'"></span>
+                  <span aria-hidden="true" class="pointer-events-none inline-block size-3 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out" :class="infrastructure === 'managed' ? 'translate-x-0' : 'translate-x-4'"></span>
                 </button>
                 <span id="hub-standard-self-hosted-label" class="block uppercase tracking-wide text-gray-500 text-xs font-bold" :class="infrastructure === 'self-hosted' ? 'text-gray-700' : 'text-gray-500'" @click="infrastructure = 'self-hosted'">
                   {{ i18n "pricing_hub_self_hosted_title" . }}
@@ -316,7 +316,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
                   <span>{{ i18n "pricing_hub_standard_benefit_3" . }}</span>
                   <div class="has-tooltip">
                     <i class="fas fa-info-circle fa-fw text-gray-600"></i>
-                    <div class="tooltip tooltip-center rounded shadow-md bg-white text-xs w-40 p-2">{{ i18n "pricing_hub_standard_benefit_3_tooltip" . }}</div>
+                    <div class="tooltip tooltip-center rounded-sm shadow-md bg-white text-xs w-40 p-2">{{ i18n "pricing_hub_standard_benefit_3_tooltip" . }}</div>
                   </div>
                 </li>
                 <li>
@@ -338,7 +338,7 @@ <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tra
               </ul>
             </div>
           </div>
-          <div class="rounded shadow bg-white">
+          <div class="rounded-sm shadow-sm bg-white">
             <div class="p-4 border-b border-primary">
               <h3 class="inline-flex px-4 py-1 rounded-full text-xs lg:text-sm font-medium tracking-wide uppercase bg-primary-l2 text-dark mb-8">
                 {{ i18n "pricing_hub_enterprise_title" . }}
@@ -390,11 +390,11 @@ <h2 class="font-headline font-medium text-xl md:text-2xl leading-snug mb-4">{{ i
           </header>
       
           {{- $data := index $.Site.Data $.Site.Language.Lang }}
-          <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_teams_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded shadow bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
+          <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_teams_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded-sm shadow-sm bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
             {{- range $index, $element := $data.pricing_teams_faq }}
             <dt class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
               <a class="flex items-center" href="#" @click.prevent="isOpen[{{ $index }}] = !isOpen[{{ $index }}]">
-                <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+                <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
                 <span>{{ .Question }}</span>
               </a>
             </dt>
diff --git a/layouts/supporter-cert/list.html b/layouts/supporter-cert/list.html
index 4153b165f..48cf6c7a1 100644
--- a/layouts/supporter-cert/list.html
+++ b/layouts/supporter-cert/list.html
@@ -7,7 +7,7 @@ <h1>{{ .Title }}</h1>
 
     <div class="rounded-md bg-blue-100 p-4 mb-6">
       <div class="flex items-center">
-        <div class="flex-shrink-0">
+        <div class="shrink-0">
           <i class="fas fa-info-circle fa-fw text-blue-500"></i>
         </div>
         <div class="ml-3 text-sm text-dark">
@@ -20,9 +20,9 @@ <h1>{{ .Title }}</h1>
       {{ range .Pages }}
         <div class="space-y-2 lg:space-y-0">
           <div class="w-full lg:pr-3 lg:w-1/2">
-            <button @click.prevent="location.hash = '{{ .Params.TabHash }}'" :class="{'border-white': showTab != '{{ .Params.TabHash }}', 'border-primary': showTab == '{{ .Params.TabHash }}'}" class="flex items-center justify-between bg-white border-l-4 rounded shadow text-left p-4 w-full plausible-event-name=supporter-cert-{{ substr .Params.TabHash 1 }}-tab">
+            <button @click.prevent="location.hash = '{{ .Params.TabHash }}'" :class="{'border-white': showTab != '{{ .Params.TabHash }}', 'border-primary': showTab == '{{ .Params.TabHash }}'}" class="flex items-center justify-between bg-white border-l-4 rounded-sm shadow-sm text-left p-4 w-full plausible-event-name=supporter-cert-{{ substr .Params.TabHash 1 }}-tab">
               <div class="flex items-center">
-                <i :class="{'text-gray-600': showTab != '{{ .Params.TabHash }}', 'text-primary': showTab == '{{ .Params.TabHash }}'}" class="flex-shrink-0 {{ .Params.FaIcon }} fa-fw text-2xl mr-4" aria-hidden="true"></i>
+                <i :class="{'text-gray-600': showTab != '{{ .Params.TabHash }}', 'text-primary': showTab == '{{ .Params.TabHash }}'}" class="shrink-0 {{ .Params.FaIcon }} fa-fw text-2xl mr-4" aria-hidden="true"></i>
                 <div>
                   <h2 :class="{'text-primary': showTab == '{{ .Params.TabHash }}'}" class="font-headline font-medium text-xl lg:text-2xl leading-snug mb-1">{{ .Title }}</h2>
                   <p class="text-gray-600">{{ .Description }}</p>
@@ -35,7 +35,7 @@ <h2 :class="{'text-primary': showTab == '{{ .Params.TabHash }}'}" class="font-he
             </button>
           </div>
           <div x-show="showTab == '{{ .Params.TabHash }}'" x-ref="{{ .Params.TabRef }}" class="w-full lg:absolute lg:top-0 lg:right-0 lg:pl-3 lg:w-1/2" x-cloak>
-            <div class="rounded shadow bg-white p-4" x-cloak>
+            <div class="rounded-sm shadow-sm bg-white p-4" x-cloak>
               {{ partial .Params.Partial . }}
             </div>
           </div>
@@ -49,9 +49,9 @@ <h3 id="supporter-certificate-recovery" class="font-headline text-xl md:text-2xl
 
     <form x-show="!data.success" x-ref="form" class="max-w-xl mx-auto">
       <p class="text-sm md:text-base leading-relaxed text-gray-700 mb-4">{{ i18n "supporter_cert_recovery_instruction" . }}</p>
-      <div class="flex justify-center items-center rounded bg-gray-300">
-        <input x-model="data.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="flex-grow rounded-l border-gray-300 focus:ring-0 focus:border-secondary" placeholder="{{ i18n "supporter_cert_recovery_email_placeholder" }}" required/>
-        <button :disabled="data.inProgress" @click.prevent="new KeyRecovery($refs.form, data).getUserHistory()" type="submit" class="flex-shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4 plausible-event-name=supporter-cert-recovery-form">
+      <div class="flex justify-center items-center rounded-sm bg-gray-300">
+        <input x-model="data.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="grow rounded-l border-gray-300 focus:ring-0 focus:border-secondary" placeholder="{{ i18n "supporter_cert_recovery_email_placeholder" }}" required/>
+        <button :disabled="data.inProgress" @click.prevent="new KeyRecovery($refs.form, data).getUserHistory()" type="submit" class="shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4 plausible-event-name=supporter-cert-recovery-form">
           <i :class="{'fa-envelope': !data.inProgress, 'fa-spinner fa-spin': data.inProgress}" class="fas fa-fw" aria-hidden="true"></i> {{ i18n "supporter_cert_recovery_retrieve" }}
         </button>
       </div>
@@ -70,11 +70,11 @@ <h2 id="faq" class="font-headline font-medium text-xl md:text-2xl leading-snug m
     </header>
 
     {{- $data := index $.Site.Data $.Site.Language.Lang }}
-    <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_individuals_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded shadow bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
+    <dl x-data="{isOpen: [{{ range $i, $e := $data.pricing_individuals_faq }}{{ if $i }}, {{ end }}false{{ end }}]}" class="rounded-sm shadow-sm bg-white divide-y divide-gray-200 max-w-3xl mx-auto">
       {{- range $index, $element := $data.pricing_individuals_faq }}
       <dt class="text-sm md:text-base leading-relaxed text-gray-700 p-4">
         <a class="flex items-center" href="#" @click.prevent="isOpen[{{ $index }}] = !isOpen[{{ $index }}]">
-          <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="flex-shrink-0 fas fa-fw text-gray-600 mr-2"></i>
+          <i :class="{ 'fa-chevron-circle-right': !isOpen[{{ $index }}], 'fa-chevron-circle-down': isOpen[{{ $index }}] }" class="shrink-0 fas fa-fw text-gray-600 mr-2"></i>
           <span>{{ .Question }}</span>
         </a>
       </dt>
diff --git a/package-lock.json b/package-lock.json
index f54bfd3a5..1ea973a12 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,154 +10,325 @@
       "license": "MIT",
       "dependencies": {
         "@skymatic/fontawesome-pro": "^5.15.4",
-        "@tailwindcss/forms": "^0.5.7",
-        "@tailwindcss/typography": "^0.5.13",
         "alpinejs": "^3.14.1",
         "jquery": "^3.7.1",
         "js-yaml": "^4.1.0",
-        "lazysizes": "^5.3.2",
-        "postcss": "^8.4.38",
-        "tailwindcss": "^3.4.4"
+        "lazysizes": "^5.3.2"
       },
       "devDependencies": {
-        "autoprefixer": "^10.4.19",
-        "postcss-cli": "^11.0.0",
-        "postcss-import": "^16.1.0"
+        "@tailwindcss/cli": "^4.0.4",
+        "@tailwindcss/forms": "^0.5.7",
+        "@tailwindcss/typography": "^0.5.16",
+        "tailwindcss": "^4.0.4"
       }
     },
-    "node_modules/@alloc/quick-lru": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "dev": true,
+      "hasInstallScript": true,
       "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
       "engines": {
-        "node": ">=10"
+        "node": ">= 10.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
+      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
       "engines": {
-        "node": ">=12"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      },
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
+      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
+      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "license": "MIT"
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
+      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
+      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
+      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
       },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
+      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">= 8"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
+      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">= 8"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
+      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
       },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
+      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">= 8"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
+      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=14"
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@sindresorhus/merge-streams": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
-      "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=18"
+        "node": ">= 10.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
     "node_modules/@skymatic/fontawesome-pro": {
@@ -167,10 +338,31 @@
       "hasInstallScript": true,
       "license": "UNLICENSED"
     },
+    "node_modules/@tailwindcss/cli": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/cli/-/cli-4.0.4.tgz",
+      "integrity": "sha512-GhdVjJUrzpjN8aGbtoq5te4G/Xh6XKiIjnDEZT6cefL+bX+CiXiOdrRs+Rjxi9A3oObXRsqa93mPYLhTTfc62w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@parcel/watcher": "^2.5.1",
+        "@tailwindcss/node": "^4.0.4",
+        "@tailwindcss/oxide": "^4.0.4",
+        "enhanced-resolve": "^5.18.0",
+        "lightningcss": "^1.29.1",
+        "mri": "^1.2.0",
+        "picocolors": "^1.1.1",
+        "tailwindcss": "4.0.4"
+      },
+      "bin": {
+        "tailwindcss": "dist/index.mjs"
+      }
+    },
     "node_modules/@tailwindcss/forms": {
       "version": "0.5.10",
       "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.10.tgz",
       "integrity": "sha512-utI1ONF6uf/pPNO68kmN1b8rEwNXv3czukalo8VtJH8ksIkZXr3Q3VYudZLkCsDd4Wku120uF02hYK25XGPorw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "mini-svg-data-uri": "^1.2.3"
@@ -179,403 +371,302 @@
         "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1"
       }
     },
-    "node_modules/@tailwindcss/typography": {
-      "version": "0.5.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.16.tgz",
-      "integrity": "sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==",
-      "license": "MIT",
-      "dependencies": {
-        "lodash.castarray": "^4.4.0",
-        "lodash.isplainobject": "^4.0.6",
-        "lodash.merge": "^4.6.2",
-        "postcss-selector-parser": "6.0.10"
-      },
-      "peerDependencies": {
-        "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
-      }
-    },
-    "node_modules/@vue/reactivity": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
-      "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+    "node_modules/@tailwindcss/node": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.4.tgz",
+      "integrity": "sha512-VLFq80IyoV1hsHPcCm1mmlyPyUT6NlovQLoO2y7PGm84mW94ZrNJ7ax5H6K4M7Aj/fdMfem5IX7Ka+LXWZpDGg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vue/shared": "3.1.5"
+        "enhanced-resolve": "^5.18.0",
+        "jiti": "^2.4.2",
+        "tailwindcss": "4.0.4"
       }
     },
-    "node_modules/@vue/shared": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
-      "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==",
-      "license": "MIT"
-    },
-    "node_modules/alpinejs": {
-      "version": "3.14.8",
-      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.14.8.tgz",
-      "integrity": "sha512-wT2fuP2DXpGk/jKaglwy7S/IJpm1FD+b7U6zUrhwErjoq5h27S4dxkJEXVvhbdwyPv9U+3OkUuNLkZT4h2Kfrg==",
+    "node_modules/@tailwindcss/node/node_modules/jiti": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
+      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@vue/reactivity": "~3.1.1"
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
       }
     },
-    "node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.4.tgz",
+      "integrity": "sha512-vPpu30KFLiGyPOoElkYt8WRvzGKVrrOz49KpfiGGtnQGmyUpL8VCbJzzEEcpKT5BpaaQidhFok+OXscf6hHjOQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=12"
+        "node": ">= 10"
       },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.0.4",
+        "@tailwindcss/oxide-darwin-arm64": "4.0.4",
+        "@tailwindcss/oxide-darwin-x64": "4.0.4",
+        "@tailwindcss/oxide-freebsd-x64": "4.0.4",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.4",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.0.4",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.0.4",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.0.4",
+        "@tailwindcss/oxide-linux-x64-musl": "4.0.4",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.0.4",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.0.4"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.4.tgz",
+      "integrity": "sha512-hiGUA8d15ynH/LdurQNObnuTjri7i4ApAzhesusNxoz4br7vhZ6QO5CFgniYAYNZvf8Q8wCTBg0nj61RalBeVQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
       }
     },
-    "node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.4.tgz",
+      "integrity": "sha512-vTca+ysNl8BYmYJTni9pLC+L3S4bvrj0ai1eUV3yYXYa5Cpugr5Fni6ylV0gcTZOyETm2RCCJ/0azU6MgqE6HA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "node": ">= 10"
       }
     },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "license": "MIT"
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "license": "ISC",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.4.tgz",
+      "integrity": "sha512-rxPWb5AQJ/aAM/5UDCjaQaMYIcrZHe/Dr9xZu9+P9nJf3WAweNsGi+e+SW9EYGRiF3hkBtP2dvxVNAkTiEbNQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">= 8"
+        "node": ">= 10"
       }
     },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "license": "MIT"
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "license": "Python-2.0"
-    },
-    "node_modules/autoprefixer": {
-      "version": "10.4.20",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
-      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.4.tgz",
+      "integrity": "sha512-UOnRHzlS5V5cxaMgBo6rk1E92tTDUtO/falc9vOpNiRdWhNcofYNN9zvZP63Wuo5FC6/XCyAnJo6OXUm18TwrQ==",
+      "cpu": [
+        "x64"
       ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "caniuse-lite": "^1.0.30001646",
-        "fraction.js": "^4.3.7",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.1",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
-      },
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
       "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
+        "node": ">= 10"
       }
     },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "license": "MIT"
-    },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.4.tgz",
+      "integrity": "sha512-0Ry9Qfnf22rmJwHxsCFmHQIl5RZw+yOUUGHaqNT42REL8r308cU/bi4UqdrjqVRfAlu51gOGxTRf2NRueczuIA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">= 10"
       }
     },
-    "node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.4.tgz",
+      "integrity": "sha512-5a7WD30nVdI7Rl1ohZ0Ojj9t5yRnZkJBizvh3uIW52h9UeNpon8TfoknF6rU/TwD32dQ0Cjo5CcCHtQ2wW9PCA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
       }
     },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "license": "MIT",
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.24.4",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
-      "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.4.tgz",
+      "integrity": "sha512-m6s5jKSqos07l6NtHFd49Ljcaw4jIWHE7jq6eNPNz9SCzQqRzs4esP1t7jH8UljQ7JffKOl7yZPwK5Nf+irliw==",
+      "cpu": [
+        "arm64"
       ],
-      "license": "MIT",
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001688",
-        "electron-to-chromium": "^1.5.73",
-        "node-releases": "^2.0.19",
-        "update-browserslist-db": "^1.1.1"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001698",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001698.tgz",
-      "integrity": "sha512-xJ3km2oiG/MbNU8G6zIq6XRZ6HtAOVXsbOrP/blGazi52kc5Yy7b6sDA5O+FbROzRrV7BSTllLHuNvmawYUJjw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "CC-BY-4.0"
-    },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "license": "MIT",
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      },
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=12"
+        "node": ">= 10"
       }
     },
-    "node_modules/cliui/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.4.tgz",
+      "integrity": "sha512-K5dBjGHzby9eyUBwy9YHFhKY+5i8fzIBZM1NBWp6L2xpM7OzW9WJDgNcgESkZami9g+EozkQLt3ZmMZHAieXkw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": ">= 10"
       }
     },
-    "node_modules/cliui/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.4.tgz",
+      "integrity": "sha512-J8sskt+fA5ooq+kxy0Tf4E2TRWZD9Y8j3K+pnBwp9zdilLmSd8OHrB3e0/rO78KveZ6BE9ae75cKOWrT6wONmw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "node": ">= 10"
       }
     },
-    "node_modules/cliui/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cliui/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.4.tgz",
+      "integrity": "sha512-flFaaMc77NQbz0Fq73wBs9EH2lX1Oc2Z/3JuxoewpnGHpAGJ/j05tvBNMyTaGrKcHvf/+dk+mCDxb6+PmzGgnQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": ">= 10"
       }
     },
-    "node_modules/cliui/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.4.tgz",
+      "integrity": "sha512-WzMA0aL/24/JyNrv2Yhr/Og24QGRPWJMjRyCJ4HRoGMs6/8svOQKrnnZ/9LUFwn56irAndFBjWWnlaqykH+g5Q==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": ">= 10"
       }
     },
-    "node_modules/cliui/node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+    "node_modules/@tailwindcss/typography": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.16.tgz",
+      "integrity": "sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
+        "lodash.castarray": "^4.4.0",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.merge": "^4.6.2",
+        "postcss-selector-parser": "6.0.10"
       },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
       }
     },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+    "node_modules/@vue/reactivity": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+      "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
       "license": "MIT",
       "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
+        "@vue/shared": "3.1.5"
       }
     },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+    "node_modules/@vue/shared": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+      "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==",
       "license": "MIT"
     },
-    "node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+    "node_modules/alpinejs": {
+      "version": "3.14.8",
+      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.14.8.tgz",
+      "integrity": "sha512-wT2fuP2DXpGk/jKaglwy7S/IJpm1FD+b7U6zUrhwErjoq5h27S4dxkJEXVvhbdwyPv9U+3OkUuNLkZT4h2Kfrg==",
       "license": "MIT",
-      "engines": {
-        "node": ">= 6"
+      "dependencies": {
+        "@vue/reactivity": "~3.1.1"
       }
     },
-    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
-        "node": ">= 8"
+        "node": ">=8"
       }
     },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
       "license": "MIT",
       "bin": {
         "cssesc": "bin/cssesc"
@@ -584,86 +675,38 @@
         "node": ">=4"
       }
     },
-    "node_modules/dependency-graph": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz",
-      "integrity": "sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==",
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
       "dev": true,
-      "license": "MIT",
+      "license": "Apache-2.0",
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
       "engines": {
-        "node": ">= 0.6.0"
+        "node": ">=0.10"
       }
     },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "license": "Apache-2.0"
-    },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "license": "MIT"
-    },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "license": "MIT"
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.95",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.95.tgz",
-      "integrity": "sha512-XNsZaQrgQX+BG37BRQv+E+HcOZlWhqYaDoVVNCws/WrYYdbGrkR1qCDJ2mviBF3flCs6/BTa4O7ANfFTFZk6Dg==",
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
+      "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
       "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "license": "MIT"
-    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
       "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.8"
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
       },
       "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fastq": {
-      "version": "1.19.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.0.tgz",
-      "integrity": "sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA==",
-      "license": "ISC",
-      "dependencies": {
-        "reusify": "^1.0.4"
+        "node": ">=10.13.0"
       }
     },
     "node_modules/fill-range": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -672,367 +715,335 @@
         "node": ">=8"
       }
     },
-    "node_modules/foreground-child": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
-      "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-      "license": "ISC",
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
     },
-    "node_modules/fraction.js": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "patreon",
-        "url": "https://github.com/sponsors/rawify"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/fs-extra": {
-      "version": "11.3.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz",
-      "integrity": "sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==",
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
+        "is-extglob": "^2.1.1"
       },
       "engines": {
-        "node": ">=14.14"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "hasInstallScript": true,
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
       "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+        "node": ">=0.12.0"
       }
     },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+    "node_modules/jquery": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
+      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
       "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
+    "node_modules/lazysizes": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/lazysizes/-/lazysizes-5.3.2.tgz",
+      "integrity": "sha512-22UzWP+Vedi/sMeOr8O7FWimRVtiNJV2HCa+V8+peZOw6QbswN9k58VUhd7i6iK5bw5QkYrF01LJbeJe0PV8jg==",
+      "license": "MIT"
     },
-    "node_modules/get-stdin": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz",
-      "integrity": "sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==",
+    "node_modules/lightningcss": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.1.tgz",
+      "integrity": "sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==",
       "dev": true,
-      "license": "MIT",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^1.0.3"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.29.1",
+        "lightningcss-darwin-x64": "1.29.1",
+        "lightningcss-freebsd-x64": "1.29.1",
+        "lightningcss-linux-arm-gnueabihf": "1.29.1",
+        "lightningcss-linux-arm64-gnu": "1.29.1",
+        "lightningcss-linux-arm64-musl": "1.29.1",
+        "lightningcss-linux-x64-gnu": "1.29.1",
+        "lightningcss-linux-x64-musl": "1.29.1",
+        "lightningcss-win32-arm64-msvc": "1.29.1",
+        "lightningcss-win32-x64-msvc": "1.29.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.1.tgz",
+      "integrity": "sha512-HtR5XJ5A0lvCqYAoSv2QdZZyoHNttBpa5EP9aNuzBQeKGfbyH5+UipLWvVzpP4Uml5ej4BYs5I9Lco9u1fECqw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.1.tgz",
+      "integrity": "sha512-k33G9IzKUpHy/J/3+9MCO4e+PzaFblsgBjSGlpAaFikeBFm8B/CkO3cKU9oI4g+fjS2KlkLM/Bza9K/aw8wsNA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">= 6"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/globby": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-14.0.2.tgz",
-      "integrity": "sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==",
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.1.tgz",
+      "integrity": "sha512-0SUW22fv/8kln2LnIdOCmSuXnxgxVC276W5KLTwoehiO0hxkacBxjHOL5EtHD8BAXg2BvuhsJPmVMasvby3LiQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@sindresorhus/merge-streams": "^2.1.0",
-        "fast-glob": "^3.3.2",
-        "ignore": "^5.2.4",
-        "path-type": "^5.0.0",
-        "slash": "^5.1.0",
-        "unicorn-magic": "^0.1.0"
-      },
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
       "engines": {
-        "node": ">=18"
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.1.tgz",
+      "integrity": "sha512-sD32pFvlR0kDlqsOZmYqH/68SqUMPNj+0pucGxToXZi4XZgZmqeX/NkxNKCPsswAXU3UeYgDSpGhu05eAufjDg==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "license": "MIT",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.1.tgz",
+      "integrity": "sha512-0+vClRIZ6mmJl/dxGuRsE197o1HDEeeRk6nzycSy2GofC2JsY4ifCRnvUWf/CUBQmlrvMzt6SMQNMSEu22csWQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT",
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "license": "MIT",
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
+        "node": ">= 12.0.0"
       },
-      "engines": {
-        "node": ">=8"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/is-core-module": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
-      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
-      "license": "MIT",
-      "dependencies": {
-        "hasown": "^2.0.2"
-      },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.1.tgz",
+      "integrity": "sha512-UKMFrG4rL/uHNgelBsDwJcBqVpzNJbzsKkbI3Ja5fg00sgQnHw/VrzUTEc4jhZ+AN2BvQYz/tkHu4vt1kLuJyw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">= 0.4"
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "license": "MIT",
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.1.tgz",
+      "integrity": "sha512-u1S+xdODy/eEtjADqirA774y3jLcm8RPtYztwReEXoZKdzgsHYPl0s5V52Tst+GKzqjebkULT86XMSxejzfISw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "license": "MIT",
-      "dependencies": {
-        "is-extglob": "^2.1.1"
+        "node": ">= 12.0.0"
       },
-      "engines": {
-        "node": ">=0.10.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "license": "MIT",
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.1.tgz",
+      "integrity": "sha512-L0Tx0DtaNUTzXv0lbGCLB/c/qEADanHbu4QdcNOXLIe1i8i22rZRpbT3gpWYsCh9aSL9zFujY/WmEXIatWvXbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "license": "ISC"
-    },
-    "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "node_modules/jiti": {
-      "version": "1.21.7",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
-      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
-      "license": "MIT",
-      "bin": {
-        "jiti": "bin/jiti.js"
-      }
-    },
-    "node_modules/jquery": {
-      "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
-      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
-      "license": "MIT"
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.1.tgz",
+      "integrity": "sha512-QoOVnkIEFfbW4xPi+dpdft/zAKmgLgsRHfJalEPYuJDOWf7cLQzYg0DEh8/sn737FaeMJxHZRc1oBreiwZCjog==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "universalify": "^2.0.0"
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
       },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/lazysizes": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/lazysizes/-/lazysizes-5.3.2.tgz",
-      "integrity": "sha512-22UzWP+Vedi/sMeOr8O7FWimRVtiNJV2HCa+V8+peZOw6QbswN9k58VUhd7i6iK5bw5QkYrF01LJbeJe0PV8jg==",
-      "license": "MIT"
-    },
-    "node_modules/lilconfig": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
-      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
-      "license": "MIT",
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.1.tgz",
+      "integrity": "sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=14"
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/antonk52"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "license": "MIT"
-    },
     "node_modules/lodash.castarray": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
       "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/lodash.isplainobject": {
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
       "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "license": "ISC"
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/micromatch": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
@@ -1046,168 +1057,41 @@
       "version": "1.4.4",
       "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
       "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+      "dev": true,
       "license": "MIT",
       "bin": {
         "mini-svg-data-uri": "cli.js"
       }
     },
-    "node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.8",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
-      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
       "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
       "license": "MIT",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=4"
       }
     },
-    "node_modules/normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-      "license": "BlueOak-1.0.0"
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
       "license": "MIT"
     },
-    "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/path-type": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-5.0.0.tgz",
-      "integrity": "sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -1216,963 +1100,56 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz",
-      "integrity": "sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.8",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss-cli": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-11.0.0.tgz",
-      "integrity": "sha512-xMITAI7M0u1yolVcXJ9XTZiO9aO49mcoKQy6pCDFdMh9kGqhzLVpWxeD/32M/QBmkhcGypZFFOLNLmIW4Pg4RA==",
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chokidar": "^3.3.0",
-        "dependency-graph": "^0.11.0",
-        "fs-extra": "^11.0.0",
-        "get-stdin": "^9.0.0",
-        "globby": "^14.0.0",
-        "picocolors": "^1.0.0",
-        "postcss-load-config": "^5.0.0",
-        "postcss-reporter": "^7.0.0",
-        "pretty-hrtime": "^1.0.3",
-        "read-cache": "^1.0.0",
-        "slash": "^5.0.0",
-        "yargs": "^17.0.0"
-      },
-      "bin": {
-        "postcss": "index.js"
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
       },
       "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
+        "node": ">=4"
       }
     },
-    "node_modules/postcss-import": {
-      "version": "16.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-16.1.0.tgz",
-      "integrity": "sha512-7hsAZ4xGXl4MW+OKEWCnF6T5jqBw80/EE9aXg1r2yyn1RsVEU8EtKXbijEODa+rg7iih4bKf7vlvTGYR4CnPNg==",
+    "node_modules/tailwindcss": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.4.tgz",
+      "integrity": "sha512-/ezDLEkOLf1lXkr9F2iI5BHJbexJpty5zkV2B8bGHCqAdbc9vk85Jgdkq+ZOvNkNPa3yAaqJ8DjRt584Bc84kw==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
       "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
+        "node": ">=6"
       }
     },
-    "node_modules/postcss-load-config": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-5.1.0.tgz",
-      "integrity": "sha512-G5AJ+IX0aD0dygOE0yFZQ/huFFMSNneyfp0e3/bT05a8OfPC5FUoZRPfGijUdGOJNMewJiwzcHJXFafFzeKFVA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "lilconfig": "^3.1.1",
-        "yaml": "^2.4.2"
+        "is-number": "^7.0.0"
       },
       "engines": {
-        "node": ">= 18"
-      },
-      "peerDependencies": {
-        "jiti": ">=1.21.0",
-        "postcss": ">=8.0.9",
-        "tsx": "^4.8.1"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        },
-        "postcss": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-nested": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
-      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "postcss-selector-parser": "^6.1.1"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
-    "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-reporter": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.1.0.tgz",
-      "integrity": "sha512-/eoEylGWyy6/DOiMP5lmFRdmDKThqgn7D6hP2dXKJI/0rJSO1ADFNngZfDzxL0YAxFvws+Rtpuji1YIHj4mySA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "picocolors": "^1.0.0",
-        "thenby": "^1.3.4"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.0.10",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
-      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "license": "MIT"
-    },
-    "node_modules/pretty-hrtime": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
-      "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "license": "MIT",
-      "dependencies": {
-        "pify": "^2.3.0"
-      }
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.22.10",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
-      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
-      "license": "MIT",
-      "dependencies": {
-        "is-core-module": "^2.16.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "license": "MIT",
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "license": "MIT",
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "license": "ISC",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/slash": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
-      "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "license": "MIT",
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
-    },
-    "node_modules/string-width-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/sucrase": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "glob": "^10.3.10",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "bin": {
-        "sucrase": "bin/sucrase",
-        "sucrase-node": "bin/sucrase-node"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/tailwindcss": {
-      "version": "3.4.17",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
-      "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
-      "license": "MIT",
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.6.0",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.2",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.21.6",
-        "lilconfig": "^3.1.3",
-        "micromatch": "^4.0.8",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.1.1",
-        "postcss": "^8.4.47",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.2",
-        "postcss-nested": "^6.2.0",
-        "postcss-selector-parser": "^6.1.2",
-        "resolve": "^1.22.8",
-        "sucrase": "^3.35.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/postcss-load-config": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "lilconfig": "^3.0.0",
-        "yaml": "^2.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/thenby": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz",
-      "integrity": "sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0"
-      }
-    },
-    "node_modules/thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "license": "MIT",
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "license": "MIT",
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "license": "Apache-2.0"
-    },
-    "node_modules/unicorn-magic": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.1.0.tgz",
-      "integrity": "sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/universalify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz",
-      "integrity": "sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "escalade": "^3.2.0",
-        "picocolors": "^1.1.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
+        "node": ">=8.0"
       }
     },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "license": "MIT"
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yaml": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
-      "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
-      "license": "ISC",
-      "bin": {
-        "yaml": "bin.mjs"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
       "dev": true,
       "license": "MIT"
-    },
-    "node_modules/yargs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
     }
   }
 }
diff --git a/package.json b/package.json
index 8f91d26a6..1ece33c42 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,6 @@
 {
   "name": "cryptomator-website",
+  "type": "module",
   "version": "1.0.0",
   "main": "index.js",
   "scripts": {
@@ -16,19 +17,16 @@
     "url": "https://github.com/cryptomator/cryptomator.github.io.git"
   },
   "devDependencies": {
-    "autoprefixer": "^10.4.19",
-    "postcss-cli": "^11.0.0",
-    "postcss-import": "^16.1.0"
+    "@tailwindcss/cli": "^4.0.4",
+    "@tailwindcss/forms": "^0.5.9",
+    "@tailwindcss/typography": "^0.5.16",
+    "tailwindcss": "^4.0.4"
   },
   "dependencies": {
     "@skymatic/fontawesome-pro": "^5.15.4",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.13",
     "alpinejs": "^3.14.1",
     "jquery": "^3.7.1",
     "js-yaml": "^4.1.0",
-    "lazysizes": "^5.3.2",
-    "postcss": "^8.4.38",
-    "tailwindcss": "^3.4.4"
+    "lazysizes": "^5.3.2"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index 2212bf849..000000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,13 +0,0 @@
-module.exports = {
-  theme: {
-    extend: {}
-  },
-  variants: {
-    appearance: []
-  },
-  plugins: [
-    require('postcss-import'),
-    require('tailwindcss'),
-    require('autoprefixer'),
-  ]
-}
diff --git a/tailwind.config.js b/tailwind.config.js
index 88a14d846..87dc3191f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,188 +1,33 @@
+/** @type {import('tailwindcss').Config} */
 module.exports = {
-  purge: {
-    enabled: process.env.HUGO_ENV !== 'development',
-    content: [
-      './content/**/*.html',
-      './content/**/*.md',
-      './layouts/**/*.html',
-    ],
-    options: {
-      safelist: [
-        'hover:border-white',
-        'StripeElement',
-        'StripeElement--focus',
-        'underline'
-      ],
-    },
-  },
   theme: {
-    colors: {
-      transparent: 'transparent',
-      current: 'currentColor',
-      black: '#000',
-      white: '#fff',
-      gray: {
-        100: '#f7fafc',
-        200: '#edf2f7',
-        300: '#e2e8f0',
-        400: '#cbd5e0',
-        500: '#a0aec0',
-        600: '#718096',
-        700: '#4a5568',
-        800: '#2d3748',
-        900: '#1a202c',
-      },
-      red: {
-        100: '#fff5f5',
-        200: '#fed7d7',
-        300: '#feb2b2',
-        400: '#fc8181',
-        500: '#f56565',
-        600: '#e53e3e',
-        700: '#c53030',
-        800: '#9b2c2c',
-        900: '#742a2a',
-      },
-      orange: {
-        100: '#fffaf0',
-        200: '#feebc8',
-        300: '#fbd38d',
-        400: '#f6ad55',
-        500: '#ed8936',
-        600: '#dd6b20',
-        700: '#c05621',
-        800: '#9c4221',
-        900: '#7b341e',
-      },
-      yellow: {
-        100: '#fffff0',
-        200: '#fefcbf',
-        300: '#faf089',
-        400: '#f6e05e',
-        500: '#ecc94b',
-        600: '#d69e2e',
-        700: '#b7791f',
-        800: '#975a16',
-        900: '#744210',
-      },
-      green: {
-        100: '#f0fff4',
-        200: '#c6f6d5',
-        300: '#9ae6b4',
-        400: '#68d391',
-        500: '#48bb78',
-        600: '#38a169',
-        700: '#2f855a',
-        800: '#276749',
-        900: '#22543d',
-      },
-      teal: {
-        100: '#e6fffa',
-        200: '#b2f5ea',
-        300: '#81e6d9',
-        400: '#4fd1c5',
-        500: '#38b2ac',
-        600: '#319795',
-        700: '#2c7a7b',
-        800: '#285e61',
-        900: '#234e52',
-      },
-      blue: {
-        100: '#ebf8ff',
-        200: '#bee3f8',
-        300: '#90cdf4',
-        400: '#63b3ed',
-        500: '#4299e1',
-        600: '#3182ce',
-        700: '#2b6cb0',
-        800: '#2c5282',
-        900: '#2a4365',
-      },
-      indigo: {
-        100: '#ebf4ff',
-        200: '#c3dafe',
-        300: '#a3bffa',
-        400: '#7f9cf5',
-        500: '#667eea',
-        600: '#5a67d8',
-        700: '#4c51bf',
-        800: '#434190',
-        900: '#3c366b',
-      },
-      purple: {
-        100: '#faf5ff',
-        200: '#e9d8fd',
-        300: '#d6bcfa',
-        400: '#b794f4',
-        500: '#9f7aea',
-        600: '#805ad5',
-        700: '#6b46c1',
-        800: '#553c9a',
-        900: '#44337a',
-      },
-      pink: {
-        100: '#fff5f7',
-        200: '#fed7e2',
-        300: '#fbb6ce',
-        400: '#f687b3',
-        500: '#ed64a6',
-        600: '#d53f8c',
-        700: '#b83280',
-        800: '#97266d',
-        900: '#702459',
-      },
-    },
-    container: {
-      center: true,
-      padding: '1rem',
-    },
     extend: {
-      colors: {
-        'primary': '#49B04A',
-        'primary-l2': '#EBF5EB',
-        'secondary': '#008A7B',
-        'tertiary': '#005E71',
-        'dark': '#1E2B33', 
-      },
-      animation: {
-        hover: 'hover 10s ease-in-out infinite',
-      },
-      height: {
-        '70px': '70px',
-        '412px': '412px',
-      },
-      keyframes: {
-        hover: {
-          '0%, 100%': { transform: 'rotate(0deg) translateY(0)' },
-          '50%': { transform: 'rotate(-3deg) translateY(-10px)' },
-        },
-      },
       typography: (theme) => ({
         DEFAULT: {
           css: {
             a: {
-              color: theme('colors.primary'),
+              color: 'var(--color-primary)',
               textDecoration: 'none',
               '&:hover': {
-                color: theme('colors.primary'),
+                color: 'var(--color-primary)',
                 textDecoration: 'underline',
               },
             },
             h1: {
-              fontFamily: theme('fontFamily.headline'),
-              fontWeight: theme('fontWeight.medium'),
+              fontFamily: 'var(--font-headline)',
+              fontWeight: 'var(--font-weight-medium)',
             },
             h2: {
-              fontFamily: theme('fontFamily.headline'),
-              fontWeight: theme('fontWeight.medium'),
+              fontFamily: 'var(--font-headline)',
+              fontWeight: 'var(--font-weight-medium)',
             },
             h3: {
-              fontFamily: theme('fontFamily.headline'),
-              fontWeight: theme('fontWeight.normal'),
+              fontFamily: 'var(--font-headline)',
+              fontWeight: 'var(--font-weight-normal)',
             },
             h4: {
-              fontFamily: theme('fontFamily.headline'),
-              fontWeight: theme('fontWeight.normal'),
+              fontFamily: 'var(--font-headline)',
+              fontWeight: 'var(--font-weight-normal)',
             },
             'code::before': {
               content: 'unset',
@@ -200,64 +45,11 @@ module.exports = {
               content: 'unset',
             },
             'ul > li::before': {
-              backgroundColor: theme('colors.gray.500'),
-            },
-          },
-        },
-        sm: {
-          css: {
-            a: {
-              color: theme('colors.primary'),
-              textDecoration: 'none',
-              '&:hover': {
-                color: theme('colors.primary'),
-                textDecoration: 'underline',
-              },
-            },
-            h1: {
-              fontFamily: theme('fontFamily.headline'),
-              fontWeight: theme('fontWeight.medium'),
-            },
-            h2: {
-              fontFamily: theme('fontFamily.headline'),
-              fontWeight: theme('fontWeight.medium'),
-            },
-            h3: {
-              fontFamily: theme('fontFamily.headline'),
-              fontWeight: theme('fontWeight.normal'),
+              backgroundColor: 'var(--color-gray-500)',
             },
           },
-        },
+        }
       }),
-      width: {
-        'fit': 'fit-content',
-      },
-    },
-    fontFamily: {
-      'headline': 'Quicksand, sans-serif',
-      'body': 'Open Sans, sans-serif',
-    },
-    fontSize: {
-      xs: '0.75rem',
-      sm: '0.875rem',
-      base: '1rem',
-      lg: '1.125rem',
-      xl: '1.25rem',
-      '2xl': '1.5rem',
-      '3xl': '1.875rem',
-      '4xl': '2.25rem',
-      '5xl': '3rem',
-      '6xl': '4rem',
-      '7xl': '4.5rem',
-    },
-    screens: {
-      'md': '768px',
-      'lg': '1280px',
     },
-  },
-  variants: {},
-  plugins: [
-    require('@tailwindcss/forms'),
-    require('@tailwindcss/typography'),
-  ],
-}
+  }
+}
\ No newline at end of file