diff --git a/apps/site/.postcssrc.json b/apps/site/.postcssrc.json
index f48fb87dce6e0..e192f25ec3756 100644
--- a/apps/site/.postcssrc.json
+++ b/apps/site/.postcssrc.json
@@ -3,9 +3,6 @@
     "postcss-mixins": {},
     "postcss-simple-vars": {},
     "postcss-calc": {},
-    "postcss-import": {},
-    "tailwindcss/nesting": {},
-    "tailwindcss": {},
-    "autoprefixer": {}
+    "@tailwindcss/postcss": {}
   }
 }
diff --git a/apps/site/.stylelintrc.mjs b/apps/site/.stylelintrc.mjs
index 17fc884a3c41b..9530ae6c001b8 100644
--- a/apps/site/.stylelintrc.mjs
+++ b/apps/site/.stylelintrc.mjs
@@ -43,5 +43,7 @@ export default {
     'import-notation': 'string',
     // Allow the `@apply` at rule as its part of Tailwind
     'at-rule-no-deprecated': [true, { ignoreAtRules: ['apply'] }],
+    'at-rule-no-unknown': null,
+    'function-no-unknown': null,
   },
 };
diff --git a/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx b/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx
index 844c9fa6753f5..9783979f7b67a 100644
--- a/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx
+++ b/apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx
@@ -4,13 +4,12 @@ import HexagonGrid from '@/components/Icons/HexagonGrid';
 import JsIconWhite from '@/components/Icons/Logos/JsIconWhite';
 import { DEFAULT_CATEGORY_OG_TYPE } from '@/next.constants.mjs';
 import { defaultLocale } from '@/next.locales.mjs';
-import tailwindConfig from '@/tailwind.config';
 import { hexToRGBA } from '@/util/hexToRGBA';
 
 const CATEGORY_TO_THEME_COLOUR_MAP = {
-  announcement: tailwindConfig.theme.colors.green['700'],
-  release: tailwindConfig.theme.colors.info['600'],
-  vulnerability: tailwindConfig.theme.colors.warning['600'],
+  announcement: 'var(--color-green-900)',
+  release: 'var(--color-info-600)',
+  vulnerability: 'var(--color-warning-600)',
 };
 
 type Category = keyof typeof CATEGORY_TO_THEME_COLOUR_MAP;
diff --git a/apps/site/components/Blog/BlogHeader/index.module.css b/apps/site/components/Blog/BlogHeader/index.module.css
index b7a0764768f5f..d5dffb4bcbe29 100644
--- a/apps/site/components/Blog/BlogHeader/index.module.css
+++ b/apps/site/components/Blog/BlogHeader/index.module.css
@@ -1,34 +1,23 @@
+@reference "../../../styles/index.css";
+
 .blogHeader {
   h1 {
-    @apply inline-flex
-      w-full
-      items-center
-      justify-between;
+    @apply inline-flex w-full items-center justify-between;
 
     a {
-      @apply inline-flex
-        size-9
-        items-center
-        justify-center
-        rounded-md
-        p-2;
+      @apply inline-flex size-9 items-center justify-center rounded-md p-2;
 
       &:hover {
-        @apply bg-neutral-100
-          dark:bg-neutral-900;
+        @apply bg-neutral-100 dark:bg-neutral-900;
       }
     }
 
     svg {
-      @apply size-6
-        text-neutral-500;
+      @apply size-6 text-neutral-500;
     }
   }
 
   p {
-    @apply text-lg
-      font-medium
-      text-neutral-800
-      dark:text-neutral-200;
+    @apply text-lg font-medium text-neutral-800 dark:text-neutral-200;
   }
 }
diff --git a/apps/site/components/Common/AlertBox/index.module.css b/apps/site/components/Common/AlertBox/index.module.css
index c3e31ae888704..1bc1ee6f48316 100644
--- a/apps/site/components/Common/AlertBox/index.module.css
+++ b/apps/site/components/Common/AlertBox/index.module.css
@@ -1,9 +1,11 @@
+@reference "../../../styles/index.css";
+
 .alertBox {
   @apply flex
     flex-row
     items-center
     gap-2
-    rounded
+    rounded-sm
     px-4
     py-3
     text-sm
@@ -31,7 +33,7 @@
   }
 
   .title {
-    @apply rounded-sm
+    @apply rounded-xs
       px-1.5;
   }
 
diff --git a/apps/site/components/Common/AvatarGroup/Avatar/index.module.css b/apps/site/components/Common/AvatarGroup/Avatar/index.module.css
index b96dded805343..fda686c5a197f 100644
--- a/apps/site/components/Common/AvatarGroup/Avatar/index.module.css
+++ b/apps/site/components/Common/AvatarGroup/Avatar/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .item {
   @apply xs:max-h-10
     xs:max-w-10
diff --git a/apps/site/components/Common/AvatarGroup/Overlay/index.module.css b/apps/site/components/Common/AvatarGroup/Overlay/index.module.css
index 7c8188658b62c..22aecba575589 100644
--- a/apps/site/components/Common/AvatarGroup/Overlay/index.module.css
+++ b/apps/site/components/Common/AvatarGroup/Overlay/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .overlay {
   @apply flex
     min-w-56
diff --git a/apps/site/components/Common/AvatarGroup/index.module.css b/apps/site/components/Common/AvatarGroup/index.module.css
index 91766d2b7faed..28c8546d75af5 100644
--- a/apps/site/components/Common/AvatarGroup/index.module.css
+++ b/apps/site/components/Common/AvatarGroup/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .avatarGroup {
   @apply flex
     flex-wrap
diff --git a/apps/site/components/Common/Badge/index.module.css b/apps/site/components/Common/Badge/index.module.css
index 40c28b3285188..f593141f39f3f 100644
--- a/apps/site/components/Common/Badge/index.module.css
+++ b/apps/site/components/Common/Badge/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .wrapper {
   @apply flex
     w-fit
@@ -5,8 +7,8 @@
     rounded-full
     border
     py-1
-    pl-1
     pr-2.5
+    pl-1
     text-sm
     font-medium;
 
diff --git a/apps/site/components/Common/Banner/index.module.css b/apps/site/components/Common/Banner/index.module.css
index f3c2b9c1ec77c..0fe2cf0a6259e 100644
--- a/apps/site/components/Common/Banner/index.module.css
+++ b/apps/site/components/Common/Banner/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .banner {
   @apply flex
     w-full
diff --git a/apps/site/components/Common/Blockquote/index.module.css b/apps/site/components/Common/Blockquote/index.module.css
index 410802f9cb90f..f91b5411b9aab 100644
--- a/apps/site/components/Common/Blockquote/index.module.css
+++ b/apps/site/components/Common/Blockquote/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .wrapper {
   @apply flex
     max-w-2xl
diff --git a/apps/site/components/Common/BlogPostCard/index.module.css b/apps/site/components/Common/BlogPostCard/index.module.css
index 178d193cda6e7..53ec2686369f0 100644
--- a/apps/site/components/Common/BlogPostCard/index.module.css
+++ b/apps/site/components/Common/BlogPostCard/index.module.css
@@ -1,11 +1,13 @@
+@reference "../../../styles/index.css";
+
 .container {
   @apply max-w-full
     flex-1;
 }
 
 .subtitle {
-  @apply mb-2
-    mt-6
+  @apply mt-6
+    mb-2
     inline-block
     text-xs
     font-semibold
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css
index bb1daa3ce8b60..26edb2fcc3701 100644
--- a/apps/site/components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css
+++ b/apps/site/components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .icon {
   @apply size-4;
 }
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
index 713fad32dac39..e186268737ac3 100644
--- a/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
+++ b/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .item {
   @apply flex
      max-w-fit
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css
index ea0d6b9db96b5..457ca3bed841d 100644
--- a/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css
+++ b/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css
@@ -1,9 +1,11 @@
+@reference "../../../../styles/index.css";
+
 .link {
   @apply max-w-fit
     truncate;
 
   &.active {
-    @apply rounded
+    @apply rounded-sm
       bg-green-600
       px-2
       py-1
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css
index 51043398d4657..af186b419b4e0 100644
--- a/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css
+++ b/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .list {
   @apply xs:w-full
     flex
diff --git a/apps/site/components/Common/Button/index.module.css b/apps/site/components/Common/Button/index.module.css
index 6f2d69b8e9bef..d69cec213a6c1 100644
--- a/apps/site/components/Common/Button/index.module.css
+++ b/apps/site/components/Common/Button/index.module.css
@@ -1,10 +1,12 @@
+@reference "../../../styles/index.css";
+
 .button {
-  @apply px-4.5
-    relative
+  @apply relative
     inline-flex
     items-center
     justify-center
     gap-2
+    px-4.5
     py-2.5
     text-center
     font-semibold
@@ -25,7 +27,7 @@
   }
 
   &.neutral {
-    @apply rounded
+    @apply rounded-sm
       bg-neutral-900
       text-white
       dark:text-neutral-200;
@@ -45,12 +47,12 @@
   }
 
   &.primary {
-    @apply rounded
+    @apply rounded-sm
       border
       border-green-600
       bg-green-600
       text-white
-      shadow-sm;
+      shadow-xs;
 
     &:hover:not([aria-disabled='true']) {
       @apply border-green-700
@@ -100,14 +102,14 @@
       border-green-600/30
       bg-green-600/10
       text-white
-      shadow-sm;
+      shadow-xs;
 
     &::before {
       @apply bg-gradient-glow-backdrop
         absolute
-        left-0
-        right-0
         top-0
+        right-0
+        left-0
         -z-10
         mx-auto
         h-full
@@ -119,8 +121,8 @@
     &::after {
       @apply absolute
         -top-px
-        left-0
         right-0
+        left-0
         mx-auto
         h-px
         w-2/5
diff --git a/apps/site/components/Common/CodeBox/index.module.css b/apps/site/components/Common/CodeBox/index.module.css
index 424d721f17e29..885b185e0aa4b 100644
--- a/apps/site/components/Common/CodeBox/index.module.css
+++ b/apps/site/components/Common/CodeBox/index.module.css
@@ -1,6 +1,8 @@
+@reference "../../../styles/index.css";
+
 .root {
   @apply w-full
-    rounded
+    rounded-sm
     border
     border-neutral-900
     bg-neutral-950;
@@ -33,12 +35,12 @@
         }
 
         &:not(:empty:last-child)::after {
-          @apply w-4.5
-            font-ibm-plex-mono
+          @apply font-ibm-plex-mono
             absolute
-            left-0
             top-0
+            left-0
             mr-4
+            w-4.5
             text-right
             text-neutral-600
             [content:counter(line)]
diff --git a/apps/site/components/Common/CodeTabs/index.module.css b/apps/site/components/Common/CodeTabs/index.module.css
index 5c79f7ecd4fd4..2e49f32bdfc93 100644
--- a/apps/site/components/Common/CodeTabs/index.module.css
+++ b/apps/site/components/Common/CodeTabs/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .root {
   > [role='tabpanel'] > :first-child {
     @apply rounded-t-none;
diff --git a/apps/site/components/Common/CrossLink/index.module.css b/apps/site/components/Common/CrossLink/index.module.css
index 0e2d8d959e1dd..84d0831c81288 100644
--- a/apps/site/components/Common/CrossLink/index.module.css
+++ b/apps/site/components/Common/CrossLink/index.module.css
@@ -1,10 +1,12 @@
+@reference "../../../styles/index.css";
+
 .crossLink {
   @apply flex
     flex-col
     items-start
     gap-2
     truncate
-    rounded
+    rounded-sm
     border
     border-solid
     border-neutral-300
diff --git a/apps/site/components/Common/GlowingBackdrop/index.module.css b/apps/site/components/Common/GlowingBackdrop/index.module.css
index a7f2d817c3091..f4a8ac7fa0c12 100644
--- a/apps/site/components/Common/GlowingBackdrop/index.module.css
+++ b/apps/site/components/Common/GlowingBackdrop/index.module.css
@@ -1,7 +1,9 @@
+@reference "../../../styles/index.css";
+
 .glowingBackdrop {
   @apply absolute
-    left-0
     top-0
+    left-0
     -z-10
     size-full
     opacity-50
diff --git a/apps/site/components/Common/LanguageDropDown/index.module.css b/apps/site/components/Common/LanguageDropDown/index.module.css
index 7f1a0d1052106..40e1a4b82b1c3 100644
--- a/apps/site/components/Common/LanguageDropDown/index.module.css
+++ b/apps/site/components/Common/LanguageDropDown/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .languageDropdown {
   @apply h-9
     w-9
@@ -17,8 +19,7 @@
   @apply max-h-80
     w-48
     overflow-hidden
-    rounded
-    border
+    rounded-sm border
     border-neutral-200
     bg-white
     shadow-lg
@@ -38,7 +39,7 @@
     text-sm
     font-medium
     text-neutral-800
-    outline-none
+    outline-hidden
     data-[highlighted]:bg-green-600
     data-[highlighted]:text-white
     dark:text-white;
diff --git a/apps/site/components/Common/LinkTabs/index.module.css b/apps/site/components/Common/LinkTabs/index.module.css
index c8f766392b409..77dcdd19e480b 100644
--- a/apps/site/components/Common/LinkTabs/index.module.css
+++ b/apps/site/components/Common/LinkTabs/index.module.css
@@ -1,8 +1,10 @@
+@reference "../../../styles/index.css";
+
 .tabsList {
   @apply font-open-sans
     max-xs:hidden
-    mb-6
     mt-10
+    mb-6
     flex
     gap-2
     border-b
diff --git a/apps/site/components/Common/NodejsLogo/index.module.css b/apps/site/components/Common/NodejsLogo/index.module.css
index 2e74ac633f684..f253c9f4f593f 100644
--- a/apps/site/components/Common/NodejsLogo/index.module.css
+++ b/apps/site/components/Common/NodejsLogo/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .nodejsLogo {
   @apply h-6
     w-20;
diff --git a/apps/site/components/Common/Notification/index.module.css b/apps/site/components/Common/Notification/index.module.css
index 981e1b9d03cb8..f2c2e5de40ab1 100644
--- a/apps/site/components/Common/Notification/index.module.css
+++ b/apps/site/components/Common/Notification/index.module.css
@@ -1,6 +1,8 @@
+@reference "../../../styles/index.css";
+
 .root {
   @apply m-6
-    rounded
+    rounded-sm
     border
     border-neutral-200
     bg-white
diff --git a/apps/site/components/Common/Pagination/Ellipsis/index.module.css b/apps/site/components/Common/Pagination/Ellipsis/index.module.css
index b4ce7ce86b786..df82c6260eb2b 100644
--- a/apps/site/components/Common/Pagination/Ellipsis/index.module.css
+++ b/apps/site/components/Common/Pagination/Ellipsis/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .ellipsis {
   @apply w-10
     px-3
diff --git a/apps/site/components/Common/Pagination/PaginationListItem/index.module.css b/apps/site/components/Common/Pagination/PaginationListItem/index.module.css
index ca629ffce0a31..9b64c72cf5dfe 100644
--- a/apps/site/components/Common/Pagination/PaginationListItem/index.module.css
+++ b/apps/site/components/Common/Pagination/PaginationListItem/index.module.css
@@ -1,16 +1,18 @@
+@reference "../../../../styles/index.css";
+
 .listItem,
 .listItem:link,
 .listItem:active {
-  @apply aria-current:bg-green-600
-    aria-current:text-white
-    flex
+  @apply flex
     size-10
     items-center
     justify-center
-    rounded
+    rounded-sm
     px-3
     py-2.5
     text-neutral-800
+    aria-current:bg-green-600
+    aria-current:text-white
     motion-safe:transition-colors
     dark:text-neutral-200;
 
diff --git a/apps/site/components/Common/Pagination/index.module.css b/apps/site/components/Common/Pagination/index.module.css
index 9a7b5936e7e98..ac1eacf6da0e5 100644
--- a/apps/site/components/Common/Pagination/index.module.css
+++ b/apps/site/components/Common/Pagination/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .pagination {
   @apply grid
     items-center
diff --git a/apps/site/components/Common/Preview/index.module.css b/apps/site/components/Common/Preview/index.module.css
index d2a68ff0df3fb..9e06cd44cb829 100644
--- a/apps/site/components/Common/Preview/index.module.css
+++ b/apps/site/components/Common/Preview/index.module.css
@@ -1,17 +1,18 @@
+@reference "../../../styles/index.css";
+
 .root {
   @apply @container/preview
     relative
     flex
     aspect-[1.90/1]
     items-center
-    rounded
+    rounded-sm
     border
     border-neutral-900
     bg-neutral-950;
 
   &::after {
     @apply bg-gradient-radial
-      @md/preview:blur-3xl
       absolute
       inset-0
       m-auto
@@ -19,7 +20,8 @@
       w-1/3
       rounded-full
       blur-2xl
-      content-[''];
+      content-['']
+      @md/preview:blur-3xl;
 
     &.announcements {
       @apply from-green-700/90;
@@ -35,15 +37,7 @@
   }
 
   .container {
-    @apply @sm/preview:text-base
-      @md/preview:gap-6
-      @md/preview:text-lg
-      @lg/preview:gap-8
-      @lg/preview:text-xl
-      @xl/preview:gap-12
-      @xl/preview:text-2xl
-      @2xl/preview:text-3xl
-      z-10
+    @apply z-10
       mx-auto
       flex
       w-2/3
@@ -53,29 +47,37 @@
       text-center
       text-xs
       font-semibold
-      text-white;
+      text-white
+      @sm/preview:text-base
+      @md/preview:gap-6
+      @md/preview:text-lg
+      @lg/preview:gap-8
+      @lg/preview:text-xl
+      @xl/preview:gap-12
+      @xl/preview:text-2xl
+      @2xl/preview:text-3xl;
 
     .hexagon {
-      @apply @md/preview:h-3/5
+      @apply absolute
+        inset-0
+        m-auto
+        size-full
+        @md/preview:h-3/5
         @md/preview:w-3/5
         @lg/preview:h-2/3
         @lg/preview:w-2/3
         @xl/preview:h-3/5
         @xl/preview:w-3/5
         @2xl/preview:h-2/3
-        @2xl/preview:w-2/3
-        absolute
-        inset-0
-        m-auto
-        size-full;
+        @2xl/preview:w-2/3;
     }
 
     .logo {
-      @apply @md/preview:size-14
+      @apply mx-auto
+        size-6
+        @md/preview:size-14
         @lg/preview:size-16
-        @xl/preview:size-20
-        mx-auto
-        size-6;
+        @xl/preview:size-20;
     }
   }
 }
diff --git a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css
index b9a9678173251..6466db43150a8 100644
--- a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css
+++ b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .group {
   @apply flex
     flex-col
@@ -16,8 +18,8 @@
 
     &::after {
       @apply absolute
-        left-[0.45rem]
         top-0
+        left-[0.45rem]
         z-10
         h-full
         w-px
@@ -40,8 +42,8 @@
 
       &:last-child::after {
         @apply absolute
-          left-0
           top-[calc(50%+0.25rem)]
+          left-0
           h-20
           w-4
           bg-white
diff --git a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css
index 1783a37464340..c0639b1131181 100644
--- a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css
+++ b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 a.item {
   @apply font-regular
     relative
diff --git a/apps/site/components/Common/ProgressionSidebar/index.module.css b/apps/site/components/Common/ProgressionSidebar/index.module.css
index c986e4572678c..bdc3584038d42 100644
--- a/apps/site/components/Common/ProgressionSidebar/index.module.css
+++ b/apps/site/components/Common/ProgressionSidebar/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .wrapper {
   @apply flex
     w-full
diff --git a/apps/site/components/Common/Search/utils.ts b/apps/site/components/Common/Search/utils.ts
index fdab2c893008f..ebaa909cc5263 100644
--- a/apps/site/components/Common/Search/utils.ts
+++ b/apps/site/components/Common/Search/utils.ts
@@ -1,46 +1,43 @@
-import tailwindConfig from '@/tailwind.config';
-
-const colors = tailwindConfig.theme.colors;
 export const themeConfig = {
   typography: {
     '--font-primary': 'var(--font-open-sans)',
   },
   colors: {
     light: {
-      '--text-color-primary': colors.neutral[900],
-      '--text-color-accent': colors.green[600],
-      '--background-color-secondary': colors.neutral[100],
-      '--background-color-tertiary': colors.neutral[300],
-      '--border-color-accent': colors.green[600],
-      '--border-color-primary': colors.neutral[200],
-      '--border-color-tertiary': colors.green[700],
-      '--button-background-color-primary': colors.green[600],
-      '--button-background-color-secondary': colors.white,
-      '--button-background-color-secondary-hover': colors.neutral[100],
-      '--button-border-color-secondary': colors.neutral[300],
-      '--button-text-color-secondary': colors.neutral[900],
-      '--chat-button-border-color-gradientThree': colors.green[400],
-      '--chat-button-border-color-gradientFour': colors.green[700],
-      '--chat-button-background-color-gradientOne': colors.green[600],
-      '--chat-button-background-color-gradientTwo': colors.green[300],
+      '--text-color-primary': 'var(--color-neutral-900)',
+      '--text-color-accent': 'var(--color-green-600)',
+      '--background-color-secondary': 'var(--color-neutral-100)',
+      '--background-color-tertiary': 'var(--color-neutral-300)',
+      '--border-color-accent': 'var(--color-green-600)',
+      '--border-color-primary': 'var(--color-neutral-200)',
+      '--border-color-tertiary': 'var(--color-green-700)',
+      '--button-background-color-primary': 'var(--color-green-600)',
+      '--button-background-color-secondary': 'var(--color-white)',
+      '--button-background-color-secondary-hover': 'var(--color-neutral-100)',
+      '--button-border-color-secondary': 'var(--color-neutral-200)',
+      '--button-text-color-secondary': 'var(--color-neutral-900)',
+      '--chat-button-border-color-gradientThree': 'var(--color-green-700)',
+      '--chat-button-border-color-gradientFour': 'var(--color-green-600)',
+      '--chat-button-background-color-gradientOne': 'var(--color-green-600)',
+      '--chat-button-background-color-gradientTwo': 'var(--color-green-300)',
     },
     dark: {
-      '--text-color-primary': colors.neutral[100],
-      '--text-color-accent': colors.green[400],
-      '--background-color-secondary': colors.neutral[950],
-      '--background-color-tertiary': colors.neutral[900],
-      '--border-color-accent': colors.green[400],
-      '--border-color-primary': colors.neutral[900],
-      '--border-color-tertiary': colors.green[300],
-      '--button-background-color-primary': colors.green[400],
-      '--button-background-color-secondary': colors.neutral[950],
-      '--button-background-color-secondary-hover': colors.neutral[900],
-      '--button-border-color-secondary': colors.neutral[900],
-      '--button-text-color-secondary': colors.neutral[200],
-      '--chat-button-border-color-gradientThree': colors.green[400],
-      '--chat-button-border-color-gradientFour': colors.green[700],
-      '--chat-button-background-color-gradientOne': colors.green[400],
-      '--chat-button-background-color-gradientTwo': colors.green[800],
+      '--text-color-primary': 'var(--color-neutral-100)',
+      '--text-color-accent': 'var(--color-green-400)',
+      '--background-color-secondary': 'var(--color-neutral-950)',
+      '--background-color-tertiary': 'var(--color-neutral-900)',
+      '--border-color-accent': 'var(--color-green-400)',
+      '--border-color-primary': 'var(--color-neutral-900)',
+      '--border-color-tertiary': 'var(--color-green-300)',
+      '--button-background-color-primary': 'var(--color-green-600)',
+      '--button-background-color-secondary': 'var(--color-neutral-900)',
+      '--button-background-color-secondary-hover': 'var(--color-neutral-800)',
+      '--button-border-color-secondary': 'var(--color-neutral-900)',
+      '--button-text-color-secondary': 'var(--color-neutral-200)',
+      '--chat-button-border-color-gradientThree': 'var(--color-green-400)',
+      '--chat-button-border-color-gradientFour': 'var(--color-green-700)',
+      '--chat-button-background-color-gradientOne': 'var(--color-green-400)',
+      '--chat-button-background-color-gradientTwo': 'var(--color-green-800)',
     },
   },
 };
diff --git a/apps/site/components/Common/Select/index.module.css b/apps/site/components/Common/Select/index.module.css
index 1e13248039a83..e8f2ce47cf8ea 100644
--- a/apps/site/components/Common/Select/index.module.css
+++ b/apps/site/components/Common/Select/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .select {
   @apply inline-flex
     flex-col
@@ -13,15 +15,14 @@
   }
 
   .trigger {
-    @apply shadow-xs
+    @apply r
+      ounded-sm
       inline-flex
       h-11
       w-full
       min-w-[17rem]
-      items-center
-      justify-between
+      items-center justify-between
       gap-2
-      rounded
       border
       border-neutral-300
       bg-white
@@ -31,7 +32,8 @@
       text-base
       font-medium
       text-neutral-900
-      outline-none
+      shadow-xs
+      outline-hidden
       focus:border-neutral-500
       focus:ring-1
       focus:ring-neutral-500
@@ -72,19 +74,19 @@
     dark:bg-neutral-950;
 
   .item {
-    @apply select-none
-      truncate
+    @apply truncate
       px-2.5
       py-1.5
       text-sm
-      font-medium;
+      font-medium
+      select-none;
   }
 
   .text {
     @apply text-neutral-800
       data-[highlighted]:bg-green-500
       data-[highlighted]:text-white
-      data-[highlighted]:outline-none
+      data-[highlighted]:outline-hidden
       dark:text-neutral-200
       dark:data-[highlighted]:bg-green-600
       dark:data-[highlighted]:text-white;
@@ -134,12 +136,12 @@
 
   .text {
     @apply text-neutral-900
-      data-[highlighted]:bg-neutral-100
       data-[disabled]:text-neutral-600
+      data-[highlighted]:bg-neutral-100
       data-[highlighted]:text-neutral-900
       dark:text-white
-      dark:data-[highlighted]:bg-neutral-900
       dark:data-[disabled]:text-neutral-700
+      dark:data-[highlighted]:bg-neutral-900
       dark:data-[highlighted]:text-white;
   }
 
diff --git a/apps/site/components/Common/Skeleton/index.module.css b/apps/site/components/Common/Skeleton/index.module.css
index 389dc00ca4499..04d3a89548e02 100644
--- a/apps/site/components/Common/Skeleton/index.module.css
+++ b/apps/site/components/Common/Skeleton/index.module.css
@@ -1,15 +1,17 @@
+@reference "../../../styles/index.css";
+
 .skeleton {
   @apply dark:animate-pulse-dark
     pointer-events-none
     animate-pulse
     cursor-default
-    select-none
     rounded-md
     border-none
     bg-clip-border
     text-transparent
     shadow-none
-    outline-none;
+    outline-hidden
+    select-none;
 }
 
 .skeleton[data-inline-skeleton] {
diff --git a/apps/site/components/Common/Tabs/index.module.css b/apps/site/components/Common/Tabs/index.module.css
index 1703d143e6b3a..02699ad79bae4 100644
--- a/apps/site/components/Common/Tabs/index.module.css
+++ b/apps/site/components/Common/Tabs/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .tabsRoot {
   @apply max-w-full;
 
@@ -9,13 +11,13 @@
       overflow-x-auto;
 
     .tabsTrigger {
-      @apply whitespace-nowrap
-        border-b-2
+      @apply border-b-2
         border-b-transparent
         px-1
         pb-[11px]
         text-sm
         font-semibold
+        whitespace-nowrap
         text-neutral-800
         dark:text-neutral-200;
 
diff --git a/apps/site/components/Common/ThemeToggle/index.module.css b/apps/site/components/Common/ThemeToggle/index.module.css
index c2cd6bb230a91..2d7031977e663 100644
--- a/apps/site/components/Common/ThemeToggle/index.module.css
+++ b/apps/site/components/Common/ThemeToggle/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .themeToggle {
   @apply size-9
     rounded-md
diff --git a/apps/site/components/Common/Tooltip/index.module.css b/apps/site/components/Common/Tooltip/index.module.css
index 475db244ae82b..041d72b0f3af1 100644
--- a/apps/site/components/Common/Tooltip/index.module.css
+++ b/apps/site/components/Common/Tooltip/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .content {
   @apply rounded-md
     border
diff --git a/apps/site/components/Containers/Footer/index.module.css b/apps/site/components/Containers/Footer/index.module.css
index e388fa5341dba..7ddf02a8baedf 100644
--- a/apps/site/components/Containers/Footer/index.module.css
+++ b/apps/site/components/Containers/Footer/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .footer {
   @apply flex
     flex-col
diff --git a/apps/site/components/Containers/MetaBar/index.module.css b/apps/site/components/Containers/MetaBar/index.module.css
index 8d867a2b2e0d1..b3cdd6e0ccbc2 100644
--- a/apps/site/components/Containers/MetaBar/index.module.css
+++ b/apps/site/components/Containers/MetaBar/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .wrapper {
   @apply flex
     w-full
diff --git a/apps/site/components/Containers/NavBar/NavItem/index.module.css b/apps/site/components/Containers/NavBar/NavItem/index.module.css
index 17ccfee6aab58..dab0478498032 100644
--- a/apps/site/components/Containers/NavBar/NavItem/index.module.css
+++ b/apps/site/components/Containers/NavBar/NavItem/index.module.css
@@ -1,8 +1,10 @@
+@reference "../../../../styles/index.css";
+
 .navItem {
   @apply inline-flex
     items-center
     gap-2
-    rounded
+    rounded-sm
     px-3
     py-2
     motion-safe:transition-colors;
diff --git a/apps/site/components/Containers/NavBar/index.module.css b/apps/site/components/Containers/NavBar/index.module.css
index 77f318d069a88..0d57d37162397 100644
--- a/apps/site/components/Containers/NavBar/index.module.css
+++ b/apps/site/components/Containers/NavBar/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .container {
   @apply border-neutral-200
     bg-white
diff --git a/apps/site/components/Containers/Sidebar/SidebarGroup/index.module.css b/apps/site/components/Containers/Sidebar/SidebarGroup/index.module.css
index 52f0d7507fadf..e45cb0219a397 100644
--- a/apps/site/components/Containers/Sidebar/SidebarGroup/index.module.css
+++ b/apps/site/components/Containers/Sidebar/SidebarGroup/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .group {
   @apply flex
     w-full
diff --git a/apps/site/components/Containers/Sidebar/SidebarItem/index.module.css b/apps/site/components/Containers/Sidebar/SidebarItem/index.module.css
index 38c89b9fd6028..dd4e874291cef 100644
--- a/apps/site/components/Containers/Sidebar/SidebarItem/index.module.css
+++ b/apps/site/components/Containers/Sidebar/SidebarItem/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .sideBarItem {
   @apply flex
     w-full
@@ -26,7 +28,7 @@
 }
 
 .active {
-  @apply rounded
+  @apply rounded-sm
     bg-green-600
     text-white
     dark:text-white;
diff --git a/apps/site/components/Containers/Sidebar/index.module.css b/apps/site/components/Containers/Sidebar/index.module.css
index 7324ae7ba9f29..0936af78362e6 100644
--- a/apps/site/components/Containers/Sidebar/index.module.css
+++ b/apps/site/components/Containers/Sidebar/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .wrapper {
   @apply flex
     w-full
diff --git a/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx b/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx
index 70de6d02fc989..146c81544cdf1 100644
--- a/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx
+++ b/apps/site/components/Downloads/Release/ReleaseCodeBox.tsx
@@ -94,7 +94,7 @@ const ReleaseCodeBox: FC = () => {
   } = currentPlatform ?? {};
 
   return (
-    <div className="mb-6 mt-4 flex flex-col gap-2">
+    <div className="mt-4 mb-6 flex flex-col gap-2">
       <noscript>
         <AlertBox
           title={t('components.common.alertBox.warning')}
diff --git a/apps/site/components/MDX/Calendar/Event/index.module.css b/apps/site/components/MDX/Calendar/Event/index.module.css
index f36d7d8f92aba..f192532d77c24 100644
--- a/apps/site/components/MDX/Calendar/Event/index.module.css
+++ b/apps/site/components/MDX/Calendar/Event/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .event {
   @apply flex
     w-fit
diff --git a/apps/site/components/MDX/Calendar/calendar.module.css b/apps/site/components/MDX/Calendar/calendar.module.css
index 52af750828ddf..ef0999b2b9d58 100644
--- a/apps/site/components/MDX/Calendar/calendar.module.css
+++ b/apps/site/components/MDX/Calendar/calendar.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .events {
   @apply flex
     flex-col
diff --git a/apps/site/components/__design__/font-family.stories.tsx b/apps/site/components/__design__/font-family.stories.tsx
index 92c510fec522c..d181235733f22 100644
--- a/apps/site/components/__design__/font-family.stories.tsx
+++ b/apps/site/components/__design__/font-family.stories.tsx
@@ -2,7 +2,7 @@ import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 
 export const FontFamily: StoryObj = {
   render: () => (
-    <div className="align-center ga-1 w-100 flex h-full flex-row flex-wrap justify-start">
+    <div className="align-center ga-1 flex h-full w-100 flex-row flex-wrap justify-start">
       <div>
         <p className="font-regular text-xs">Text XS/Regular</p>
         <p className="text-xs font-medium">Text XS/Medium</p>
diff --git a/apps/site/components/withBlogCategories.tsx b/apps/site/components/withBlogCategories.tsx
index f061e93013187..21537621b1b5a 100644
--- a/apps/site/components/withBlogCategories.tsx
+++ b/apps/site/components/withBlogCategories.tsx
@@ -30,7 +30,7 @@ const WithBlogCategories: FC<WithBlogCategoriesProps> = ({
         tabs={categories}
         activeTab={blogData.category}
       >
-        <div className="max-xs:grid-cols-[1fr] grid grid-cols-[repeat(auto-fill,minmax(theme(spacing.80),1fr))] [grid-gap:theme(spacing.12)_theme(spacing.8)]">
+        <div className="max-xs:grid-cols-[1fr] grid grid-cols-[repeat(auto-fill,minmax(--spacing(80),1fr))] [grid-gap:--spacing(12)_--spacing(8)]">
           {blogData.posts.map(post => (
             <BlogPostCard
               key={post.slug}
diff --git a/apps/site/layouts/layouts.module.css b/apps/site/layouts/layouts.module.css
index ccfd3720bd5bf..5fb3a3fd236f4 100644
--- a/apps/site/layouts/layouts.module.css
+++ b/apps/site/layouts/layouts.module.css
@@ -1,3 +1,5 @@
+@reference "../styles/index.css";
+
 .baseLayout {
   @apply grid
     h-max
@@ -9,8 +11,6 @@
 
 .articleLayout {
   @apply max-w-8xl
-    sm:grid-areas-[sidebar_main,sidebar_footer]
-    lg:grid-areas-[sidebar_main_metabar,sidebar_footer_metabar]
     mx-auto
     block
     w-full
@@ -18,12 +18,14 @@
     sm:grid-cols-[theme(spacing.52)_1fr]
     sm:grid-rows-[1fr]
     sm:overflow-visible
+    sm:[grid-template-areas:'sidebar_main''sidebar_footer']
     md:grid-cols-[theme(spacing.64)_1fr]
     lg:grid-cols-[theme(spacing.52)_1fr_theme(spacing.52)]
+    lg:[grid-template-areas:'sidebar_main_metabar''sidebar_footer_metabar']
     xl:grid-cols-[theme(spacing.80)_1fr_theme(spacing.80)];
 
   > *:nth-child(1) {
-    @apply grid-in-[sidebar]
+    @apply [grid-area:'sidebar']
       lg:sticky
       lg:top-0
       lg:h-[100vh]
@@ -35,32 +37,31 @@
       sm:max-lg:block;
 
     > *:first-child {
-      @apply grid-in-[main]
-        sm:bg-gradient-subtle
+      @apply sm:bg-gradient-subtle
         sm:dark:bg-gradient-subtle-dark
-        xl:px-18
         p-4
+        [grid-area:'main']
         motion-safe:scroll-smooth
         sm:bg-fixed
-        sm:p-12;
+        sm:p-12
+        xl:px-18;
     }
 
     > *:last-child {
-      @apply grid-in-[metabar]
-        mt-8
+      @apply mt-8
         border-t
+        [grid-area:'metabar']
         sm:mt-0
         lg:sticky
         lg:top-0
         lg:max-w-xs
-        lg:border-l
-        lg:border-t-0;
+        lg:border-t-0
+        lg:border-l;
     }
   }
 
   > *:nth-child(3) {
-    @apply grid-in-[footer]
-      sticky
+    @apply sticky
       bottom-0
       flex
       w-full
@@ -71,6 +72,7 @@
       border-t-neutral-200
       bg-white
       py-4
+      [grid-area:'footer']
       dark:border-t-neutral-900
       dark:bg-neutral-950;
   }
@@ -135,8 +137,8 @@
 
     &:nth-of-type(2) {
       @apply flex
-          min-w-0
           max-w-full
+          min-w-0
           flex-[1_1]
           flex-col
           items-center
@@ -257,8 +259,8 @@
     }
 
     > div:nth-of-type(1) {
-      @apply mb-4
-        mt-2;
+      @apply mt-2
+        mb-4;
     }
   }
 }
diff --git a/apps/site/next.fonts.ts b/apps/site/next.fonts.ts
index eb664bb76e978..eef0323c3d4ee 100644
--- a/apps/site/next.fonts.ts
+++ b/apps/site/next.fonts.ts
@@ -7,7 +7,7 @@ export const OPEN_SANS = Open_Sans({
   weight: ['300', '400', '600', '700'],
   display: 'fallback',
   subsets: ['latin'],
-  variable: '--font-open-sans',
+  variable: '--open-sans',
 });
 
 // This configures the Next.js Font for IBM Plex Mono
@@ -17,5 +17,5 @@ export const IBM_PLEX_MONO = IBM_Plex_Mono({
   weight: ['400', '600'],
   subsets: ['latin'],
   fallback: ['ui-monospace'],
-  variable: '--font-ibm-plex-mono',
+  variable: '--ibm-plex-mono',
 });
diff --git a/apps/site/package.json b/apps/site/package.json
index caa3a0d316248..f6bbfffcbb1b9 100644
--- a/apps/site/package.json
+++ b/apps/site/package.json
@@ -39,13 +39,11 @@
     "@radix-ui/react-tabs": "^1.1.3",
     "@radix-ui/react-toast": "^1.2.6",
     "@radix-ui/react-tooltip": "^1.1.8",
-    "@savvywombat/tailwindcss-grid-areas": "~4.0.0",
-    "@tailwindcss/container-queries": "~0.1.1",
+    "@tailwindcss/postcss": "^4.0.8",
     "@vcarl/remark-headings": "~0.1.0",
     "@vercel/analytics": "~1.5.0",
     "@vercel/otel": "~1.10.1",
     "@vercel/speed-insights": "~1.2.0",
-    "autoprefixer": "~10.4.20",
     "classnames": "~2.5.1",
     "cross-env": "7.0.3",
     "dedent": "1.5.3",
@@ -71,7 +69,7 @@
     "semver": "~7.7.1",
     "shiki": "~3.1.0",
     "sval": "^0.6.1",
-    "tailwindcss": "~3.4.17",
+    "tailwindcss": "~4.0.9",
     "unist-util-visit": "~5.0.0",
     "vfile": "~6.0.3",
     "vfile-matter": "~5.0.0"
diff --git a/apps/site/pages/en/about/branding.mdx b/apps/site/pages/en/about/branding.mdx
index a5dfab7dd4074..0480df20afa9b 100644
--- a/apps/site/pages/en/about/branding.mdx
+++ b/apps/site/pages/en/about/branding.mdx
@@ -66,7 +66,7 @@ Credit to [Angela Angelini](https://www.linkedin.com/in/angeliningl/) for design
         <img
           alt="Node.js Light Stacked Logo"
           src="/static/logos/nodejsStackedLight.svg"
-          className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent"
+          className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent"
           width="267"
           height="164"
         />
@@ -83,7 +83,7 @@ Credit to [Angela Angelini](https://www.linkedin.com/in/angeliningl/) for design
         <img
           alt="Node.js White Stacked Logo"
           src="/static/logos/nodejsStackedWhite.svg"
-          className="rounded bg-neutral-950 p-2 dark:bg-transparent"
+          className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent"
         />
       </td>
     </tr>
@@ -108,7 +108,7 @@ Credit to [Angela Angelini](https://www.linkedin.com/in/angeliningl/) for design
         <img
           alt="White JS Icons"
           src="/static/logos/jsIconWhite.svg"
-          className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent"
+          className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent"
           width="71"
           height="80"
         />
diff --git a/apps/site/pages/es/about/branding.mdx b/apps/site/pages/es/about/branding.mdx
index 08ccf552e7e9d..f508450ce3c18 100644
--- a/apps/site/pages/es/about/branding.mdx
+++ b/apps/site/pages/es/about/branding.mdx
@@ -48,7 +48,7 @@ Créditos a [Angela Angelini](https://www.linkedin.com/in/angeliningl/) por dise
     </td>
 
     <td>
-      <img alt="Logo Apilado Claro de Node.js" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+      <img alt="Logo Apilado Claro de Node.js" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
     </td>
 
   </tr>
@@ -59,7 +59,7 @@ Créditos a [Angela Angelini](https://www.linkedin.com/in/angeliningl/) por dise
     </td>
 
     <td>
-      <img alt="Logo Apilado Blanco de Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+      <img alt="Logo Apilado Blanco de Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
     </td>
 
   </tr>
@@ -76,7 +76,7 @@ Créditos a [Angela Angelini](https://www.linkedin.com/in/angeliningl/) por dise
     </td>
 
     <td>
-      <img alt="Iconos Blanco de JS" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+      <img alt="Iconos Blanco de JS" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
     </td>
 
   </tr>
diff --git a/apps/site/pages/fa/about/branding.mdx b/apps/site/pages/fa/about/branding.mdx
index f32e9d8e175f0..6106a9fc20a02 100644
--- a/apps/site/pages/fa/about/branding.mdx
+++ b/apps/site/pages/fa/about/branding.mdx
@@ -42,7 +42,7 @@ layout: about
   </td>
 
   <td>
-    <img alt="لوگو تراکم‌یافته روشن Node.js" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+    <img alt="لوگو تراکم‌یافته روشن Node.js" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
   </td>
 </tr>
 
@@ -52,7 +52,7 @@ layout: about
   </td>
 
   <td>
-    <img alt="لوگو تراکم‌یافته سفید Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+    <img alt="لوگو تراکم‌یافته سفید Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
   </td>
 </tr>
 </table>
@@ -66,7 +66,7 @@ layout: about
   </td>
 
   <td>
-    <img alt="آیکون‌های JS سفید" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+    <img alt="آیکون‌های JS سفید" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
   </td>
 </tr>
 </table>
diff --git a/apps/site/pages/fr/about/branding.mdx b/apps/site/pages/fr/about/branding.mdx
index bd7fe749280d8..464ad2cc233b4 100644
--- a/apps/site/pages/fr/about/branding.mdx
+++ b/apps/site/pages/fr/about/branding.mdx
@@ -48,7 +48,7 @@ Crédit à [Angela Angelini](https://www.linkedin.com/in/angeliningl/) pour la c
     </td>
 
     <td>
-      <img alt="Logo empilé clair de Node.js" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+      <img alt="Logo empilé clair de Node.js" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
     </td>
 
   </tr>
@@ -59,7 +59,7 @@ Crédit à [Angela Angelini](https://www.linkedin.com/in/angeliningl/) pour la c
     </td>
 
     <td>
-      <img alt="Logo empilé blanc de Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+      <img alt="Logo empilé blanc de Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
     </td>
 
   </tr>
@@ -76,7 +76,7 @@ Crédit à [Angela Angelini](https://www.linkedin.com/in/angeliningl/) pour la c
     </td>
 
     <td>
-      <img alt="Icons JS Blanc" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+      <img alt="Icons JS Blanc" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
     </td>
 
   </tr>
diff --git a/apps/site/pages/id/about/branding.mdx b/apps/site/pages/id/about/branding.mdx
index 503745304067a..5102b01e05d3a 100644
--- a/apps/site/pages/id/about/branding.mdx
+++ b/apps/site/pages/id/about/branding.mdx
@@ -48,7 +48,7 @@ Penghargaan kepada [Angela Angelini](https://www.linkedin.com/in/angeliningl/) a
     </td>
 
     <td>
-      <img alt="Logo Terang Bertumpuk Node.js®" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+      <img alt="Logo Terang Bertumpuk Node.js®" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
     </td>
 
   </tr>
@@ -59,7 +59,7 @@ Penghargaan kepada [Angela Angelini](https://www.linkedin.com/in/angeliningl/) a
     </td>
 
     <td>
-      <img alt="Logo Bertumpuk Putih Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+      <img alt="Logo Bertumpuk Putih Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
     </td>
 
   </tr>
@@ -76,7 +76,7 @@ Penghargaan kepada [Angela Angelini](https://www.linkedin.com/in/angeliningl/) a
     </td>
 
     <td>
-      <img alt="Ikon JS Putih" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+      <img alt="Ikon JS Putih" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
     </td>
 
   </tr>
diff --git a/apps/site/pages/ja/about/branding.mdx b/apps/site/pages/ja/about/branding.mdx
index 2e2e19b65d342..fe398b2f89dd3 100644
--- a/apps/site/pages/ja/about/branding.mdx
+++ b/apps/site/pages/ja/about/branding.mdx
@@ -48,7 +48,7 @@ Node.jsのロゴやシンボルマークの許可されている利用方法に
     </td>
 
     <td>
-      <img alt="Node.jsライトスタック型ロゴ" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+      <img alt="Node.jsライトスタック型ロゴ" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
     </td>
 
   </tr>
@@ -59,7 +59,7 @@ Node.jsのロゴやシンボルマークの許可されている利用方法に
     </td>
 
     <td>
-      <img alt="Node.jsホワイトスタック型ロゴ" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+      <img alt="Node.jsホワイトスタック型ロゴ" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
     </td>
 
   </tr>
@@ -76,7 +76,7 @@ Node.jsのロゴやシンボルマークの許可されている利用方法に
     </td>
 
     <td>
-      <img alt="JSアイコンホワイト" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+      <img alt="JSアイコンホワイト" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
     </td>
 
   </tr>
diff --git a/apps/site/pages/ko/about/branding.mdx b/apps/site/pages/ko/about/branding.mdx
index 3b957d4cec5f4..9aaa723ebd0f2 100644
--- a/apps/site/pages/ko/about/branding.mdx
+++ b/apps/site/pages/ko/about/branding.mdx
@@ -48,7 +48,7 @@ Node.js® 로고 및 마크의 허용 가능한 사용에 대한 정보는 [상
     </td>
 
     <td>
-      <img alt="Node.js 밝은 세로 로고" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+      <img alt="Node.js 밝은 세로 로고" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
     </td>
 
   </tr>
@@ -59,7 +59,7 @@ Node.js® 로고 및 마크의 허용 가능한 사용에 대한 정보는 [상
     </td>
 
     <td>
-      <img alt="Node.js 흰색 세로 로고" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+      <img alt="Node.js 흰색 세로 로고" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
     </td>
 
   </tr>
@@ -76,7 +76,7 @@ Node.js® 로고 및 마크의 허용 가능한 사용에 대한 정보는 [상
     </td>
 
     <td>
-      <img alt="흰색 JS 아이콘" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+      <img alt="흰색 JS 아이콘" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
     </td>
 
   </tr>
diff --git a/apps/site/pages/pt/about/branding.mdx b/apps/site/pages/pt/about/branding.mdx
index e281a14fb546b..4b88968037682 100644
--- a/apps/site/pages/pt/about/branding.mdx
+++ b/apps/site/pages/pt/about/branding.mdx
@@ -48,7 +48,7 @@ Crédito a [@Ang_ngl on X](https://x.com/Ang_ngl) por desenhar e contribuir com
     </td>
 
     <td>
-      <img alt="Logótipo Claro Empilhado da Node.js" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+      <img alt="Logótipo Claro Empilhado da Node.js" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
     </td>
 
   </tr>
@@ -59,7 +59,7 @@ Crédito a [@Ang_ngl on X](https://x.com/Ang_ngl) por desenhar e contribuir com
     </td>
 
     <td>
-      <img alt="Logótipo Empilhado Branco da Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+      <img alt="Logótipo Empilhado Branco da Node.js" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
     </td>
 
   </tr>
@@ -76,7 +76,7 @@ Crédito a [@Ang_ngl on X](https://x.com/Ang_ngl) por desenhar e contribuir com
     </td>
 
     <td>
-      <img alt="Ícones da JS Branco" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+      <img alt="Ícones da JS Branco" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
     </td>
 
   </tr>
diff --git a/apps/site/pages/tr/about/branding.mdx b/apps/site/pages/tr/about/branding.mdx
index e3646bdebd2d0..ce5b407ab0b4d 100644
--- a/apps/site/pages/tr/about/branding.mdx
+++ b/apps/site/pages/tr/about/branding.mdx
@@ -48,7 +48,7 @@ Roket Kaplumbağayı tasarlayıp katkıda bulunduğu için [X'de @Ang_ngl](https
     </td>
 
     <td>
-      <img alt="Node.js Aydınlık Dikey Logo" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+      <img alt="Node.js Aydınlık Dikey Logo" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
     </td>
 
   </tr>
@@ -59,7 +59,7 @@ Roket Kaplumbağayı tasarlayıp katkıda bulunduğu için [X'de @Ang_ngl](https
     </td>
 
     <td>
-      <img alt="Node.js Beyaz Dikey Logo" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+      <img alt="Node.js Beyaz Dikey Logo" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
     </td>
 
   </tr>
@@ -76,7 +76,7 @@ Roket Kaplumbağayı tasarlayıp katkıda bulunduğu için [X'de @Ang_ngl](https
     </td>
 
     <td>
-      <img alt="Beyaz JS Simgeleri" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+      <img alt="Beyaz JS Simgeleri" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
     </td>
 
   </tr>
diff --git a/apps/site/pages/uk/about/branding.mdx b/apps/site/pages/uk/about/branding.mdx
index 0d416c8a49ea4..b9c322802fd5f 100644
--- a/apps/site/pages/uk/about/branding.mdx
+++ b/apps/site/pages/uk/about/branding.mdx
@@ -48,7 +48,7 @@ layout: about
     </td>
 
     <td>
-      <img alt="Світлий складений логотип Node.js®" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+      <img alt="Світлий складений логотип Node.js®" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
     </td>
 
   </tr>
@@ -59,7 +59,7 @@ layout: about
     </td>
 
     <td>
-      <img alt="Білий складений логотип Node.js®" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+      <img alt="Білий складений логотип Node.js®" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
     </td>
 
   </tr>
@@ -76,7 +76,7 @@ layout: about
     </td>
 
     <td>
-      <img alt="Білий значок JS" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+      <img alt="Білий значок JS" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
     </td>
 
   </tr>
diff --git a/apps/site/pages/zh-cn/about/branding.mdx b/apps/site/pages/zh-cn/about/branding.mdx
index c830dd83aceec..787e12da75b4a 100644
--- a/apps/site/pages/zh-cn/about/branding.mdx
+++ b/apps/site/pages/zh-cn/about/branding.mdx
@@ -42,7 +42,7 @@ Node.js 的品牌化
   </td>
 
   <td>
-    <img alt="Node.js 亮色堆叠形式 Logo" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+    <img alt="Node.js 亮色堆叠形式 Logo" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
   </td>
 </tr>
 
@@ -52,7 +52,7 @@ Node.js 的品牌化
   </td>
 
   <td>
-    <img alt="Node.js 白色堆叠形式 Logo" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+    <img alt="Node.js 白色堆叠形式 Logo" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
   </td>
 </tr>
 </table>
@@ -66,7 +66,7 @@ Node.js 的品牌化
   </td>
 
   <td>
-    <img alt="白色 JS 图标" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+    <img alt="白色 JS 图标" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
   </td>
 </tr>
 </table>
diff --git a/apps/site/pages/zh-tw/about/branding.mdx b/apps/site/pages/zh-tw/about/branding.mdx
index 3f8ae48f8962c..11beabae534cb 100644
--- a/apps/site/pages/zh-tw/about/branding.mdx
+++ b/apps/site/pages/zh-tw/about/branding.mdx
@@ -42,7 +42,7 @@ Node.js 的品牌形象
   </td>
 
   <td>
-    <img alt="Node.js® 亮色堆疊標誌" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
+    <img alt="Node.js® 亮色堆疊標誌" src="/static/logos/nodejsStackedLight.svg" className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="267" height="164" />
   </td>
 </tr>
 
@@ -52,7 +52,7 @@ Node.js 的品牌形象
   </td>
 
   <td>
-    <img alt="Node.js® 白色堆疊標誌" src="/static/logos/nodejsStackedWhite.svg" className="rounded bg-neutral-950 p-2 dark:bg-transparent" />
+    <img alt="Node.js® 白色堆疊標誌" src="/static/logos/nodejsStackedWhite.svg" className="rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
   </td>
 </tr>
 </table>
@@ -66,7 +66,7 @@ Node.js 的品牌形象
   </td>
 
   <td>
-    <img alt="白色 JS 圖示" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
+    <img alt="白色 JS 圖示" src="/static/logos/jsIconWhite.svg" className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width="71" height="80" />
   </td>
 </tr>
 </table>
diff --git a/apps/site/styles/effects.css b/apps/site/styles/effects.css
index 874840458209a..f4907a95164d1 100644
--- a/apps/site/styles/effects.css
+++ b/apps/site/styles/effects.css
@@ -1,5 +1,6 @@
-h1.special {
-  @apply bg-gradient-subtle-gray
+@utility special {
+  &h1 {
+    @apply bg-gradient-subtle-gray
     dark:bg-gradient-subtle-white
     bg-clip-text
     text-4xl
@@ -9,35 +10,36 @@ h1.special {
     md:text-5xl
     md:leading-[4rem]
     md:-tracking-[0.06rem];
+  }
 }
 
-.turtle {
+@utility turtle {
   @apply animate-surf
     absolute
     z-10
     translate-x-0
     translate-y-0;
-}
 
-.turtle img {
-  @apply h-auto
+  & img {
+    @apply h-auto
     w-24
     md:w-48;
-}
+  }
 
-.turtle::after {
-  @apply absolute
-    -left-full
+  &::after {
+    @apply absolute
     top-[20%]
+    -left-full
     -z-10
     block
     h-36
     w-36
     -rotate-90
-    select-none
     bg-[url('/static/images/smoke.gif')]
     opacity-[0.15]
     content-['']
-    md:-left-1/2
-    md:top-1/2;
+    select-none
+    md:top-1/2
+    md:-left-1/2;
+  }
 }
diff --git a/apps/site/styles/index.css b/apps/site/styles/index.css
index 51f236e207c48..4472afa74c428 100644
--- a/apps/site/styles/index.css
+++ b/apps/site/styles/index.css
@@ -6,10 +6,215 @@
  * @see https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint
 */
 
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
-@import './base.css';
-@import './markdown.css';
+@import 'tailwindcss';
+@import './base.css' layer(utilities);
+@import './markdown.css' layer(utilities);
 @import './effects.css';
-@import './locals.css';
+@import './locals.css' layer(utilities);
+
+@theme {
+  --color-gradient-radial: radial-gradient(var(--tw-gradient-stops));
+  --color-gradient-subtle: linear-gradient(
+    180deg,
+    var(--color-neutral-100, rgba(0, 0, 0 /50%)) 0%,
+    var(--color-neutral-100, rgba(0, 0, 0 / 0%)) 48.32%
+  );
+  --color-gradient-subtle-dark: linear-gradient(
+    180deg,
+    var(--color-neutral-900, rgba(0, 0, 0 / 50%)) 0%,
+    var(--color-neutral-900, rgba(0, 0, 0 / 0%)) 48.32%
+  );
+  --color-gradient-subtle-gray: linear-gradient(
+    180deg,
+    var(--color-neutral-900) 0%,
+    var(--color-neutral-900, rgba(0, 0, 0 / 80%)) 100%
+  );
+  --color-gradient-subtle-white: linear-gradient(
+    180deg,
+    var(--color-white) 0%,
+    var(--color-white, rgba(0, 0, 0 / 80%)) 100%
+  );
+  --color-gradient-glow-backdrop: radial-gradient(
+    8em circle at calc(50%) 10px,
+    var(--color-green-500),
+    transparent 30%
+  );
+  --color-green-100: #edf2eb;
+  --color-green-200: #c5e5b4;
+  --color-green-300: #99cc7d;
+  --color-green-400: #84ba64;
+  --color-green-500: #5fa04e;
+  --color-green-600: #417e38;
+  --color-green-700: #2c682c;
+  --color-green-800: #2c682c;
+  --color-green-900: #1a3f1d;
+  --color-neutral-100: #f6f7f9;
+  --color-neutral-200: #e9edf0;
+  --color-neutral-300: #d9e1e4;
+  --color-neutral-400: #cbd4d9;
+  --color-neutral-500: #b1bcc2;
+  --color-neutral-600: #929fa5;
+  --color-neutral-700: #6e7b83;
+  --color-neutral-800: #556066;
+  --color-neutral-900: #2c3437;
+  --color-neutral-950: #0d121c;
+  --color-danger-100: #fbf1f0;
+  --color-danger-200: #fad3d4;
+  --color-danger-300: #fab6b7;
+  --color-danger-400: #fa8e8e;
+  --color-danger-500: #f65354;
+  --color-danger-600: #de1a1b;
+  --color-danger-700: #b80c0c;
+  --color-danger-800: #900e0e;
+  --color-danger-900: #661514;
+  --color-warning-100: #fdf3e7;
+  --color-warning-200: #fad9b0;
+  --color-warning-300: #f5bc75;
+  --color-warning-400: #e99c40;
+  --color-warning-500: #d07912;
+  --color-warning-600: #ae5f00;
+  --color-warning-700: #8b4d04;
+  --color-warning-800: #683d08;
+  --color-warning-900: #4d2f0b;
+  --color-info-100: #e9f4fa;
+  --color-info-200: #bce6fc;
+  --color-info-300: #8ed4f8;
+  --color-info-400: #52baed;
+  --color-info-500: #229ad6;
+  --color-info-600: #0c7bb3;
+  --color-info-700: #066291;
+  --color-info-800: #074d71;
+  --color-info-900: #0a3953;
+  --color-accent1-100: #f7f1fb;
+  --color-accent1-200: #ead9fb;
+  --color-accent1-300: #dbbdf9;
+  --color-accent1-400: #c79bf2;
+  --color-accent1-500: #af74e8;
+  --color-accent1-600: #9756d6;
+  --color-accent1-700: #7d3cbe;
+  --color-accent1-800: #642b9e;
+  --color-accent1-900: #361b52;
+  --color-accent2-100: #fbf0f4;
+  --color-accent2-200: #fbd4e6;
+  --color-accent2-300: #fbb4d2;
+  --color-accent2-400: #f68bb7;
+  --color-accent2-500: #ed5393;
+  --color-accent2-600: #d6246e;
+  --color-accent2-700: #b01356;
+  --color-accent2-800: #8b1245;
+  --color-accent2-900: #411526;
+  --color-pulse-100: #0000330f;
+  --color-pulse-200: #00002d17;
+  --color-pulse-300: #ddeaf814;
+  --color-pulse-400: #d3edf81d;
+  --color-white: #fff;
+  --color-transparent: 'transparent';
+  --color-shadow: #101828;
+  --inherit: 'inherit';
+  --shadow-xs: 0px 1px 2px 0px var(--color-shadow, rgba(0, 0, 0 / 5%));
+  --shadow-lg:
+    0px 4px 6px -2px var(--color-shadow, rgba(0, 0, 0 / 3%)),
+    0px 12px 16px -4px var(--color-shadow, rgba(0, 0, 0 / 8%));
+  --font-open-sans: var(--open-sans);
+  --font-ibm-plex-mono: var(--ibm-plex-mono);
+  --font-weight-regular: '400';
+  --font-weight-medium: '500';
+  --font-weight-semibold: '600';
+  --font-weight-bold: '700';
+  --font-xs: 0.75rem;
+  --font-xs-line-height: 1rem;
+  --font-sm: 0.87rem;
+  --font-sm-line-height: 1.25rem;
+  --font-base: 1rem;
+  --font-base-line-height: 1.5rem;
+  --font-lg: 1.125rem;
+  --font-lg-line-height: 1.75rem;
+  --font-xl: 1.25rem;
+  --font-xl-line-height: 1.875rem;
+  --font-2xl: 1.5rem;
+  --font-2xl-line-height: 2rem;
+  --font-3xl: 1.875rem;
+  --font-3xl-line-height: 2.25rem;
+  --font-4xl: 2.25rem;
+  --font-4xl-line-height: 2.5rem;
+  --font-5xl: 3rem;
+  --font-5xl-line-height: 3rem;
+  --font-6xl: 3.75rem;
+  --font-6xl-line-height: 3.75rem;
+  --font-7xl: 4.5rem;
+  --font-7xl-line-height: 4.5rem;
+  --breakpoint-xs: 670px;
+  --animate-surf: surf 1s infinite ease-in-out;
+  --animate-pulse: pulse 500ms infinite alternate-reverse;
+  --animate-pulse-dark: pulse-dark 500ms infinite alternate-reverse;
+
+  @keyframes surf {
+    0% {
+      transform: translate(0, 0);
+    }
+
+    25% {
+      transform: translate(0, 6px);
+    }
+
+    50% {
+      transform: translate(0, -6px);
+    }
+
+    75% {
+      transform: translate(0, 3px);
+    }
+
+    100% {
+      transform: translate(0, 0);
+    }
+  }
+
+  @keyframes pulse {
+    from {
+      background: var(--color-pulse-100);
+    }
+
+    to {
+      background: var(--color-pulse-200);
+    }
+  }
+
+  @keyframes pulse-dark {
+    from {
+      background: var(--color-pulse-300);
+    }
+
+    to {
+      background: var(--color-pulse-400);
+    }
+  }
+}
+
+/*
+  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);
+  }
+}
+
+@utility scrollbar-thin {
+  scrollbar-width: thin;
+}
+
+@utility max-w-8xl {
+  max-width: 95rem;
+}
+
+@custom-variant aria-current (&[aria-sort="page"]);
diff --git a/apps/site/styles/locals.css b/apps/site/styles/locals.css
index 2ce0fe2afecd9..a78674db1d9b8 100644
--- a/apps/site/styles/locals.css
+++ b/apps/site/styles/locals.css
@@ -4,7 +4,7 @@
  * managed to avoid disrupting the layout.
  */
 html[lang='ko'] {
-  @apply break-words
-    break-keep
-    leading-7;
+  @apply leading-7
+    break-words
+    break-keep;
 }
diff --git a/apps/site/styles/markdown.css b/apps/site/styles/markdown.css
index 4f60ba4a38a91..90545458cbbce 100644
--- a/apps/site/styles/markdown.css
+++ b/apps/site/styles/markdown.css
@@ -60,7 +60,7 @@ main {
 
   code {
     @apply font-ibm-plex-mono
-      rounded
+      rounded-xs
       bg-neutral-100
       px-1
       text-base
@@ -102,14 +102,14 @@ main {
 
   ul {
     @apply list-disc
-      pl-9
       pr-5
+      pl-9
       leading-6
       text-neutral-900
       dark:text-white;
 
     li div:has(> pre) {
-      @apply !my-1;
+      @apply my-1!;
     }
   }
 
@@ -121,7 +121,7 @@ main {
       dark:text-white;
 
     li div:has(> pre) {
-      @apply !my-1;
+      @apply my-1!;
     }
   }
 
@@ -130,7 +130,7 @@ main {
       w-full
       border-separate
       border-spacing-0
-      rounded
+      rounded-xs
       border
       border-neutral-200
       text-left
@@ -142,8 +142,8 @@ main {
       @apply max-xs:block
         max-xs:border-l-0
         border
-        border-r-0
         border-t-0
+        border-r-0
         border-neutral-200
         px-4
         py-2
diff --git a/apps/site/tailwind.config.ts b/apps/site/tailwind.config.ts
deleted file mode 100644
index 49e90dc0ac42a..0000000000000
--- a/apps/site/tailwind.config.ts
+++ /dev/null
@@ -1,186 +0,0 @@
-import type { Config } from 'tailwindcss';
-import plugin from 'tailwindcss/plugin';
-
-export default {
-  content: [
-    './pages/**/*.{tsx,mdx}',
-    './components/**/*.tsx',
-    './providers/**/*.tsx',
-    './layouts/**/*.tsx',
-    './.storybook/preview.tsx',
-    './.storybook/main.ts',
-    './app/**/*.tsx',
-  ],
-  theme: {
-    colors: {
-      green: {
-        100: '#EDF2EB',
-        200: '#C5E5B4',
-        300: '#99CC7D',
-        400: '#84BA64',
-        500: '#5FA04E',
-        600: '#417E38',
-        700: '#2C682C',
-        800: '#2C682C',
-        900: '#1A3F1D',
-      },
-      neutral: {
-        100: '#F6F7F9',
-        200: '#E9EDF0',
-        300: '#D9E1E4',
-        400: '#CBD4D9',
-        500: '#B1BCC2',
-        600: '#929FA5',
-        700: '#6E7B83',
-        800: '#556066',
-        900: '#2C3437',
-        950: '#0D121C',
-      },
-      danger: {
-        100: '#FBF1F0',
-        200: '#FAD3D4',
-        300: '#FAB6B7',
-        400: '#FA8E8E',
-        500: '#F65354',
-        600: '#DE1A1B',
-        700: '#B80C0C',
-        800: '#900E0E',
-        900: '#661514',
-      },
-      warning: {
-        100: '#FDF3E7',
-        200: '#FAD9B0',
-        300: '#F5BC75',
-        400: '#E99C40',
-        500: '#D07912',
-        600: '#AE5F00',
-        700: '#8B4D04',
-        800: '#683D08',
-        900: '#4D2F0B',
-      },
-      info: {
-        100: '#E9F4FA',
-        200: '#BCE6FC',
-        300: '#8ED4F8',
-        400: '#52BAED',
-        500: '#229AD6',
-        600: '#0C7BB3',
-        700: '#066291',
-        800: '#074D71',
-        900: '#0A3953',
-      },
-      accent1: {
-        100: '#F7F1FB',
-        200: '#EAD9FB',
-        300: '#DBBDF9',
-        400: '#C79BF2',
-        500: '#AF74E8',
-        600: '#9756D6',
-        700: '#7D3CBE',
-        800: '#642B9E',
-        900: '#361B52',
-      },
-      accent2: {
-        100: '#FBF0F4',
-        200: '#FBD4E6',
-        300: '#FBB4D2',
-        400: '#F68BB7',
-        500: '#ED5393',
-        600: '#D6246E',
-        700: '#B01356',
-        800: '#8B1245',
-        900: '#411526',
-      },
-      pulse: {
-        100: '#0000330F',
-        200: '#00002D17',
-        300: '#DDEAF814',
-        400: '#D3EDF81D',
-      },
-      white: '#FFFFFF',
-      transparent: 'transparent',
-      shadow: '#101828',
-      inherit: 'inherit',
-    },
-    fontSize: {
-      xs: ['0.75rem', '1rem'],
-      sm: ['0.875rem', '1.25rem'],
-      base: ['1rem', '1.5rem'],
-      lg: ['1.125rem', '1.75rem'],
-      xl: ['1.25rem', '1.875rem'],
-      '2xl': ['1.5rem', '2rem'],
-      '3xl': ['1.875rem', '2.25rem'],
-      '4xl': ['2.25rem', '2.5rem'],
-      '5xl': ['3rem', '3rem'],
-      '6xl': ['3.75rem', '3.75rem'],
-      '7xl': ['4.5rem', '4.5rem'],
-    },
-    fontWeight: {
-      regular: '400',
-      medium: '500',
-      semibold: '600',
-      bold: '700',
-    },
-    fontFamily: {
-      'open-sans': ['var(--font-open-sans)'],
-      'ibm-plex-mono': ['var(--font-ibm-plex-mono)'],
-    },
-    extend: {
-      screens: { xs: '670px' },
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-subtle':
-          'linear-gradient(180deg, theme(colors.neutral.100 / 50%) 0%, theme(colors.neutral.100 / 0%) 48.32%)',
-        'gradient-subtle-dark':
-          'linear-gradient(180deg, theme(colors.neutral.900 / 50%) 0%, theme(colors.neutral.900 / 0%) 48.32%)',
-        'gradient-subtle-gray':
-          'linear-gradient(180deg, theme(colors.neutral.900) 0%, theme(colors.neutral.900 / 80%) 100%)',
-        'gradient-subtle-white':
-          'linear-gradient(180deg, theme(colors.white) 0%, theme(colors.white / 80%) 100%)',
-        'gradient-glow-backdrop':
-          'radial-gradient(8em circle at calc(50%) 10px, theme(colors.green.500), transparent 30%)',
-      },
-      boxShadow: {
-        xs: '0px 1px 2px 0px theme(colors.shadow / 5%)',
-        lg: '0px 4px 6px -2px theme(colors.shadow / 3%), 0px 12px 16px -4px theme(colors.shadow / 8%)',
-      },
-      spacing: { '4.5': '1.125rem', '18': '4.5rem' },
-      aria: { current: 'current="page"' },
-      maxWidth: { '8xl': '95rem' },
-      animation: {
-        surf: 'surf 1s infinite ease-in-out',
-        pulse: 'pulse 500ms infinite alternate-reverse',
-        'pulse-dark': 'pulse-dark 500ms infinite alternate-reverse',
-      },
-      keyframes: {
-        surf: {
-          '0%': { transform: 'translate(0, 0)' },
-          '25%': { transform: 'translate(0, 6px)' },
-          '50%': { transform: 'translate(0, -6px)' },
-          '75%': { transform: 'translate(0, 3px)' },
-          '100%': { transform: 'translate(0, 0)' },
-        },
-        pulse: {
-          from: { background: 'theme("colors.pulse.100")' },
-          to: { background: 'theme("colors.pulse.200")' },
-        },
-        'pulse-dark': {
-          from: { background: 'theme("colors.pulse.300")' },
-          to: { background: 'theme("colors.pulse.400")' },
-        },
-      },
-    },
-  },
-  darkMode: ['selector', '[data-theme="dark"]'],
-  plugins: [
-    require('@savvywombat/tailwindcss-grid-areas'),
-    require('@tailwindcss/container-queries'),
-    plugin(function ({ addUtilities }) {
-      addUtilities({
-        '.scrollbar-thin': {
-          'scrollbar-width': 'thin',
-        },
-      });
-    }),
-  ],
-} satisfies Config;
diff --git a/package-lock.json b/package-lock.json
index 0836f7a9805de..f7ca125c8e161 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -51,13 +51,11 @@
         "@radix-ui/react-tabs": "^1.1.3",
         "@radix-ui/react-toast": "^1.2.6",
         "@radix-ui/react-tooltip": "^1.1.8",
-        "@savvywombat/tailwindcss-grid-areas": "~4.0.0",
-        "@tailwindcss/container-queries": "~0.1.1",
+        "@tailwindcss/postcss": "^4.0.8",
         "@vcarl/remark-headings": "~0.1.0",
         "@vercel/analytics": "~1.5.0",
         "@vercel/otel": "~1.10.1",
         "@vercel/speed-insights": "~1.2.0",
-        "autoprefixer": "~10.4.20",
         "classnames": "~2.5.1",
         "cross-env": "7.0.3",
         "dedent": "1.5.3",
@@ -83,7 +81,7 @@
         "semver": "~7.7.1",
         "shiki": "~3.1.0",
         "sval": "^0.6.1",
-        "tailwindcss": "~3.4.17",
+        "tailwindcss": "~4.0.9",
         "unist-util-visit": "~5.0.0",
         "vfile": "~6.0.3",
         "vfile-matter": "~5.0.0"
@@ -144,6 +142,12 @@
         "typescript": ">=4.8.4 <5.8.0"
       }
     },
+    "apps/site/node_modules/tailwindcss": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.9.tgz",
+      "integrity": "sha512-12laZu+fv1ONDRoNR9ipTOpUD7RN9essRVkX36sjxuRUInpN7hIiHN4lBd/SIFjbISvnXzp8h/hXzmU8SQQYhw==",
+      "license": "MIT"
+    },
     "apps/site/node_modules/typescript-eslint": {
       "version": "8.25.0",
       "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.25.0.tgz",
@@ -3067,6 +3071,7 @@
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
       "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/set-array": "^1.2.1",
@@ -3081,6 +3086,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -3090,6 +3096,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
       "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -3110,12 +3117,14 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
       "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "devOptional": true,
       "license": "MIT"
     },
     "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==",
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -3406,6 +3415,7 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
@@ -3419,6 +3429,7 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 8"
@@ -3428,6 +3439,7 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
@@ -4131,6 +4143,7 @@
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "engines": {
@@ -4940,18 +4953,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@savvywombat/tailwindcss-grid-areas": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@savvywombat/tailwindcss-grid-areas/-/tailwindcss-grid-areas-4.0.0.tgz",
-      "integrity": "sha512-gjEGTltsGfy+AJQqhkuQKQGp/SB0XzXT3ZNmrOfuwPGF5DLg5GsN5XHiaYhudMvmBwRp+9k6wrZhHBM0lhEgJA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=16.20.2"
-      },
-      "peerDependencies": {
-        "tailwindcss": "^3.0.1"
-      }
-    },
     "node_modules/@shikijs/core": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.1.0.tgz",
@@ -5884,13 +5885,227 @@
         "@swc/counter": "^0.1.3"
       }
     },
-    "node_modules/@tailwindcss/container-queries": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/container-queries/-/container-queries-0.1.1.tgz",
-      "integrity": "sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==",
+    "node_modules/@tailwindcss/node": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.8.tgz",
+      "integrity": "sha512-FKArQpbrbwv08TNT0k7ejYXpF+R8knZFAatNc0acOxbgeqLzwb86r+P3LGOjIeI3Idqe9CVkZrh4GlsJLJKkkw==",
       "license": "MIT",
-      "peerDependencies": {
-        "tailwindcss": ">=3.2.0"
+      "dependencies": {
+        "enhanced-resolve": "^5.18.1",
+        "jiti": "^2.4.2",
+        "tailwindcss": "4.0.8"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.8.tgz",
+      "integrity": "sha512-KfMcuAu/Iw+DcV1e8twrFyr2yN8/ZDC/odIGta4wuuJOGkrkHZbvJvRNIbQNhGh7erZTYV6Ie0IeD6WC9Y8Hcw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.0.8",
+        "@tailwindcss/oxide-darwin-arm64": "4.0.8",
+        "@tailwindcss/oxide-darwin-x64": "4.0.8",
+        "@tailwindcss/oxide-freebsd-x64": "4.0.8",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.8",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.0.8",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.0.8",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.0.8",
+        "@tailwindcss/oxide-linux-x64-musl": "4.0.8",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.0.8",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.0.8"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.8.tgz",
+      "integrity": "sha512-We7K79+Sm4mwJHk26Yzu/GAj7C7myemm7PeXvpgMxyxO70SSFSL3uCcqFbz9JA5M5UPkrl7N9fkBe/Y0iazqpA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.8.tgz",
+      "integrity": "sha512-Lv9Isi2EwkCTG1sRHNDi0uRNN1UGFdEThUAGFrydRmQZnraGLMjN8gahzg2FFnOizDl7LB2TykLUuiw833DSNg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.8.tgz",
+      "integrity": "sha512-fWfywfYIlSWtKoqWTjukTHLWV3ARaBRjXCC2Eo0l6KVpaqGY4c2y8snUjp1xpxUtpqwMvCvFWFaleMoz1Vhzlw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.8.tgz",
+      "integrity": "sha512-SO+dyvjJV9G94bnmq2288Ke0BIdvrbSbvtPLaQdqjqHR83v5L2fWADyFO+1oecHo9Owsk8MxcXh1agGVPIKIqw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.8.tgz",
+      "integrity": "sha512-ZSHggWiEblQNV69V0qUK5vuAtHP+I+S2eGrKGJ5lPgwgJeAd6GjLsVBN+Mqn2SPVfYM3BOpS9jX/zVg9RWQVDQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.8.tgz",
+      "integrity": "sha512-xWpr6M0OZLDNsr7+bQz+3X7zcnDJZJ1N9gtBWCtfhkEtDjjxYEp+Lr5L5nc/yXlL4MyCHnn0uonGVXy3fhxaVA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.8.tgz",
+      "integrity": "sha512-5tz2IL7LN58ssGEq7h/staD7pu/izF/KeMWdlJ86WDe2Ah46LF3ET6ZGKTr5eZMrnEA0M9cVFuSPprKRHNgjeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.8.tgz",
+      "integrity": "sha512-KSzMkhyrxAQyY2o194NKVKU9j/c+NFSoMvnHWFaNHKi3P1lb+Vq1UC19tLHrmxSkKapcMMu69D7+G1+FVGNDXQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.8.tgz",
+      "integrity": "sha512-yFYKG5UtHTRimjtqxUWXBgI4Tc6NJe3USjRIVdlTczpLRxq/SFwgzGl5JbatCxgSRDPBFwRrNPxq+ukfQFGdrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.8.tgz",
+      "integrity": "sha512-tndGujmCSba85cRCnQzXgpA2jx5gXimyspsUYae5jlPyLRG0RjXbDshFKOheVXU4TLflo7FSG8EHCBJ0EHTKdQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.8.tgz",
+      "integrity": "sha512-T77jroAc0p4EHVVgTUiNeFn6Nj3jtD3IeNId2X+0k+N1XxfNipy81BEkYErpKLiOkNhpNFjPee8/ZVas29b2OQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.0.8.tgz",
+      "integrity": "sha512-SUwlrXjn1ycmUbA0o0n3Y0LqlXqxN5R8HR+ti+OBbRS79wl2seDmiypEs3xJCuQXe07ol81s1AmRMitBmPveJA==",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.0.8",
+        "@tailwindcss/oxide": "4.0.8",
+        "lightningcss": "^1.29.1",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.0.8"
       }
     },
     "node_modules/@testing-library/dom": {
@@ -7345,16 +7560,11 @@
         "node": ">=4"
       }
     },
-    "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==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "normalize-path": "^3.0.0",
@@ -7364,12 +7574,6 @@
         "node": ">= 8"
       }
     },
-    "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",
@@ -7641,43 +7845,6 @@
         "node": ">= 4.0.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==",
-      "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"
-        }
-      ],
-      "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"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
@@ -7970,6 +8137,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -8028,6 +8196,7 @@
       "version": "4.24.4",
       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
       "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
+      "devOptional": true,
       "funding": [
         {
           "type": "opencollective",
@@ -8372,6 +8541,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "anymatch": "~3.1.2",
@@ -8396,6 +8566,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
@@ -9498,12 +9669,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "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/diff": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-5.2.0.tgz",
@@ -9537,12 +9702,6 @@
         "node": ">=8"
       }
     },
-    "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/doctrine": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -9701,6 +9860,7 @@
       "version": "1.5.109",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.109.tgz",
       "integrity": "sha512-AidaH9JETVRr9DIPGfp1kAarm/W6hRJTPuCnkF+2MqhF4KaAgRIcBc8nvjk+YMXZhwfISof/7WG29eS4iGxQLQ==",
+      "devOptional": true,
       "license": "ISC"
     },
     "node_modules/emittery": {
@@ -9751,7 +9911,6 @@
       "version": "5.18.1",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
       "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -10081,6 +10240,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
       "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -11404,6 +11564,7 @@
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
       "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -11420,6 +11581,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
@@ -11480,6 +11642,7 @@
       "version": "1.19.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
       "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
@@ -11895,19 +12058,6 @@
         "node": ">=0.4.x"
       }
     },
-    "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==",
-      "license": "MIT",
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "patreon",
-        "url": "https://github.com/sponsors/rawify"
-      }
-    },
     "node_modules/fs-extra": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
@@ -11942,6 +12092,7 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -12159,6 +12310,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.3"
@@ -12333,7 +12485,6 @@
       "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==",
-      "devOptional": true,
       "license": "ISC"
     },
     "node_modules/graphemer": {
@@ -13310,6 +13461,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "binary-extensions": "^2.0.0"
@@ -13478,6 +13630,7 @@
       "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": ">=0.10.0"
@@ -13544,6 +13697,7 @@
       "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": {
         "is-extglob": "^2.1.1"
@@ -16119,9 +16273,7 @@
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
       "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
       "bin": {
         "jiti": "lib/jiti-cli.mjs"
       }
@@ -16362,20 +16514,260 @@
         "node": ">= 0.8.0"
       }
     },
-    "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": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.1.tgz",
+      "integrity": "sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^1.0.3"
+      },
       "engines": {
-        "node": ">=14"
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/antonk52"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "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"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "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"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "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"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "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"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "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"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "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"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "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"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "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"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "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"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "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"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss/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==",
+      "license": "Apache-2.0",
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "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",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "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"
@@ -17763,6 +18155,7 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 8"
@@ -18576,6 +18969,7 @@
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -18649,17 +19043,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "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",
@@ -18843,6 +19226,7 @@
       "version": "2.0.19",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
       "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/nopt": {
@@ -18880,15 +19264,7 @@
       "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_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==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -18986,20 +19362,12 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
       "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/object-inspect": {
       "version": "1.13.4",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
@@ -19598,6 +19966,7 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 6"
@@ -19823,41 +20192,6 @@
         "postcss": "^8.4.21"
       }
     },
-    "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/postcss-loader": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz",
@@ -19989,44 +20323,6 @@
         "postcss": "^8.1.0"
       }
     },
-    "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-resolve-nested-selector": {
       "version": "0.1.6",
       "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.6.tgz",
@@ -20410,6 +20706,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -20651,6 +20948,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "picomatch": "^2.2.1"
@@ -22236,6 +22534,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
       "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
@@ -22325,6 +22624,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -23604,94 +23904,6 @@
         "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
-    "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/sucrase/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/sucrase/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"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/sucrase/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"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "node_modules/sucrase/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/sucrase/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/sugarss": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-4.0.1.tgz",
@@ -23908,86 +24120,15 @@
       }
     },
     "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/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/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-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"
-      }
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.8.tgz",
+      "integrity": "sha512-Me7N5CKR+D2A1xdWA5t5+kjjT7bwnxZOE6/yDI/ixJdJokszsn2n++mdU5yJwrsTpqFX2B9ZNMBJDwcqk9C9lw==",
+      "license": "MIT"
     },
     "node_modules/tapable": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
       "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -24197,27 +24338,6 @@
         "node": "*"
       }
     },
-    "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/through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -24408,12 +24528,6 @@
         "node": ">=6.10"
       }
     },
-    "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/tsconfig-paths": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz",
@@ -25070,6 +25184,7 @@
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
       "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "devOptional": true,
       "funding": [
         {
           "type": "opencollective",