diff --git a/tools-nodejs/vighnesh153-astro/package.json b/tools-nodejs/vighnesh153-astro/package.json
index a4e54ecf..f4df20eb 100644
--- a/tools-nodejs/vighnesh153-astro/package.json
+++ b/tools-nodejs/vighnesh153-astro/package.json
@@ -3,7 +3,9 @@
     "start:functions-watch": "npm run --prefix functions build:watch",
     "start:emulators": "npx firebase emulators:start --project demo-vighnesh153-app --import ./firebase-seed --export-on-exit ./firebase-seed",
     "start": "npx conc --kill-others \"npm run start:functions-watch\" \"npm run start:emulators\"",
+    "predeploy": "npm run predeploy:hosting",
     "deploy": "NODE_ENV=production npx firebase deploy --project vighnesh153-app",
+    "predeploy:hosting": "npm run --prefix website prebuild",
     "deploy:hosting": "NODE_ENV=production npx firebase deploy --only hosting --project vighnesh153-app",
     "deploy:functions": "npx firebase deploy --only functions --project vighnesh153-app"
   },
diff --git a/tools-nodejs/vighnesh153-astro/website/package-lock.json b/tools-nodejs/vighnesh153-astro/website/package-lock.json
index c05a53ca..d69a8be7 100644
--- a/tools-nodejs/vighnesh153-astro/website/package-lock.json
+++ b/tools-nodejs/vighnesh153-astro/website/package-lock.json
@@ -36,13 +36,13 @@
         "@playform/compress": "^0.1.7",
         "@playwright/test": "^1.50.0",
         "@solidjs/testing-library": "^0.8.10",
+        "@tailwindcss/postcss": "^4.0.0",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/user-event": "^14.6.1",
         "@types/node": "*",
         "@vighnesh153/fake-data": "*",
         "@vighnesh153/tsconfig": "*",
         "astro": "^5.1.9",
-        "autoprefixer": "^10.4.20",
         "browserslist": "^4.24.4",
         "constructs": "10.4.2",
         "cssnano": "^7.0.6",
@@ -52,9 +52,8 @@
         "npm-run-all": "^4.1.5",
         "postcss": "^8.5.1",
         "postcss-custom-media": "^11.0.5",
-        "postcss-import": "^16.1.0",
         "sass": "^1.83.4",
-        "tailwindcss": "^3.4.17",
+        "tailwindcss": "^4.0.0",
         "typescript": "^5.7.3",
         "vite": "^6.0.11",
         "vite-plugin-solid": "^2.11.0",
@@ -2335,80 +2334,6 @@
         "url": "https://opencollective.com/libvips"
       }
     },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@isaacs/cliui/node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
@@ -2987,17 +2912,6 @@
         "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/@playform/compress": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/@playform/compress/-/compress-0.1.7.tgz",
@@ -3477,61 +3391,537 @@
         "@shikijs/types": "1.29.1"
       }
     },
-    "node_modules/@shikijs/types": {
+    "node_modules/@shikijs/types": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-1.29.1.tgz",
+      "integrity": "sha512-aBqAuhYRp5vSir3Pc9+QPu9WESBOjUo03ao0IHLC4TyTioSsp/SkbAZSrIH4ghYYC1T1KTEpRSBa83bas4RnPA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^10.0.1",
+        "@types/hast": "^3.0.4"
+      }
+    },
+    "node_modules/@shikijs/vscode-textmate": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.1.tgz",
+      "integrity": "sha512-fTIQwLF+Qhuws31iw7Ncl1R3HUDtGwIipiJ9iU+UsDUwMhegFcQKQHd51nZjb7CArq0MvON8rbgCGQYWHUKAdg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@solidjs/testing-library": {
+      "version": "0.8.10",
+      "resolved": "https://registry.npmjs.org/@solidjs/testing-library/-/testing-library-0.8.10.tgz",
+      "integrity": "sha512-qdeuIerwyq7oQTIrrKvV0aL9aFeuwTd86VYD3afdq5HYEwoox1OBTJy4y8A3TFZr8oAR0nujYgCzY/8wgHGfeQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@testing-library/dom": "^10.4.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "@solidjs/router": ">=0.9.0",
+        "solid-js": ">=1.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@solidjs/router": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@std/assert": {
+      "name": "@jsr/std__assert",
+      "version": "1.0.11",
+      "resolved": "https://npm.jsr.io/~/11/@jsr/std__assert/1.0.11.tgz",
+      "integrity": "sha512-sNXyi9EQA4f/9F3gI1t+Dz+LnvPwCC3JDUqn9YfWl7IK7RRipiHOkDpV8Vq3LL/ZDZF8Tcr36zVhuEOrRs8i+g==",
+      "dependencies": {
+        "@jsr/std__internal": "^1.0.5"
+      }
+    },
+    "node_modules/@std/random": {
+      "name": "@jsr/std__random",
+      "version": "0.1.0",
+      "resolved": "https://npm.jsr.io/~/11/@jsr/std__random/0.1.0.tgz",
+      "integrity": "sha512-gt+pI83ha04zLv2+5kSf/i6uPT4c8QEwscpATrYe2IKfOkCVpL++NrFcH7pWHc0vgm2fDGC8aY6OI2Mz7tEHhQ=="
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.0.tgz",
+      "integrity": "sha512-tfG2uBvo6j6kDIPmntxwXggCOZAt7SkpAXJ6pTIYirNdk5FBqh/CZZ9BZPpgcl/tNFLs6zc4yghM76sqiELG9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "enhanced-resolve": "^5.18.0",
+        "jiti": "^2.4.2",
+        "tailwindcss": "4.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.0.tgz",
+      "integrity": "sha512-W3FjpJgy4VV1JiL7iBYDf2n/WkeDg1Il+0Q7eWnqPyvkPPCo/Mbwc5BiaT7dfBNV6tQKAhVE34rU5xl8pSl50w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.0.0",
+        "@tailwindcss/oxide-darwin-arm64": "4.0.0",
+        "@tailwindcss/oxide-darwin-x64": "4.0.0",
+        "@tailwindcss/oxide-freebsd-x64": "4.0.0",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.0",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.0.0",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.0.0",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.0.0",
+        "@tailwindcss/oxide-linux-x64-musl": "4.0.0",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.0.0",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.0.tgz",
+      "integrity": "sha512-EAhjU0+FIdyGPR+7MbBWubLLPtmOu+p7c2egTTFBRk/n//zYjNvVK0WhcBK5Y7oUB5mo4EjA2mCbY7dcEMWSRw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.0.tgz",
+      "integrity": "sha512-hdz4xnSWS11cIp+7ye+3dGHqs0X33z+BXXTtgPOguDWVa+TdXUzwxonklSzf5wlJFuot3dv5eWzhlNai0oYYQg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.0.tgz",
+      "integrity": "sha512-+dOUUaXTkPKKhtUI9QtVaYg+MpmLh2CN0dHohiYXaBirEyPMkjaT0zbRgzQlNnQWjCVVXPQluIEb0OMEjSTH+Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.0.tgz",
+      "integrity": "sha512-CJhGDhxnrmu4SwyC62fA+wP24MhA/TZlIhRHqg1kRuIHoGoVR2uSSm1qxTxU37tSSZj8Up0q6jsBJCAP4k7rgQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.0.tgz",
+      "integrity": "sha512-Wy7Av0xzXfY2ujZBcYy4+7GQm25/J1iHvlQU2CfwdDCuPWfIjYzR6kggz+uVdSJyKV2s64znchBxRE8kV4uXSA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.0.tgz",
+      "integrity": "sha512-srwBo2l6pvM0swBntc1ucuhGsfFOLkqPRFQ3dWARRTfSkL1U9nAsob2MKc/n47Eva/W9pZZgMOuf7rDw8pK1Ew==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.0.tgz",
+      "integrity": "sha512-abhusswkduYWuezkBmgo0K0/erGq3M4Se5xP0fhc/0dKs0X/rJUYYCFWntHb3IGh3aVzdQ0SXJs93P76DbUqtw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.0.tgz",
+      "integrity": "sha512-hGtRYIUEx377/HlU49+jvVKKwU1MDSKYSMMs0JFO2Wp7LGxk5+0j5+RBk9NFnmp/lbp32yPTgIOO5m1BmDq36A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.0.tgz",
+      "integrity": "sha512-7xgQgSAThs0I14VAgmxpJnK6XFSZBxHMGoDXkLyYkEnu+8WRQMbCP93dkCUn2PIv+Q+JulRgc00PJ09uORSLXQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.0.tgz",
+      "integrity": "sha512-qEcgTIPcWY5ZE7f6VxQ/JPrSFMcehzVIlZj7sGE3mVd5YWreAT+Fl1vSP8q2pjnWXn0avZG3Iw7a2hJQAm+fTQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.0.tgz",
+      "integrity": "sha512-bqT0AY8RXb8GMDy28JtngvqaOSB2YixbLPLvUo6I6lkvvUwA6Eqh2Tj60e2Lh7O/k083f8tYiB0WEK4wmTI7Jg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.0.0.tgz",
+      "integrity": "sha512-lI2bPk4TvwavHdehjr5WiC6HnZ59hacM6ySEo4RM/H7tsjWd8JpqiNW9ThH7rO/yKtrn4mGBoXshpvn8clXjPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "^4.0.0",
+        "@tailwindcss/oxide": "^4.0.0",
+        "lightningcss": "^1.29.1",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/postcss/node_modules/lightningcss": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.1.tgz",
+      "integrity": "sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "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/@tailwindcss/postcss/node_modules/lightningcss-darwin-arm64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.1.tgz",
+      "integrity": "sha512-HtR5XJ5A0lvCqYAoSv2QdZZyoHNttBpa5EP9aNuzBQeKGfbyH5+UipLWvVzpP4Uml5ej4BYs5I9Lco9u1fECqw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@tailwindcss/postcss/node_modules/lightningcss-darwin-x64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.1.tgz",
+      "integrity": "sha512-k33G9IzKUpHy/J/3+9MCO4e+PzaFblsgBjSGlpAaFikeBFm8B/CkO3cKU9oI4g+fjS2KlkLM/Bza9K/aw8wsNA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@tailwindcss/postcss/node_modules/lightningcss-freebsd-x64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.1.tgz",
+      "integrity": "sha512-0SUW22fv/8kln2LnIdOCmSuXnxgxVC276W5KLTwoehiO0hxkacBxjHOL5EtHD8BAXg2BvuhsJPmVMasvby3LiQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@tailwindcss/postcss/node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.1.tgz",
+      "integrity": "sha512-sD32pFvlR0kDlqsOZmYqH/68SqUMPNj+0pucGxToXZi4XZgZmqeX/NkxNKCPsswAXU3UeYgDSpGhu05eAufjDg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@tailwindcss/postcss/node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.1.tgz",
+      "integrity": "sha512-0+vClRIZ6mmJl/dxGuRsE197o1HDEeeRk6nzycSy2GofC2JsY4ifCRnvUWf/CUBQmlrvMzt6SMQNMSEu22csWQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@tailwindcss/postcss/node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.1.tgz",
+      "integrity": "sha512-UKMFrG4rL/uHNgelBsDwJcBqVpzNJbzsKkbI3Ja5fg00sgQnHw/VrzUTEc4jhZ+AN2BvQYz/tkHu4vt1kLuJyw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@tailwindcss/postcss/node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.1.tgz",
+      "integrity": "sha512-u1S+xdODy/eEtjADqirA774y3jLcm8RPtYztwReEXoZKdzgsHYPl0s5V52Tst+GKzqjebkULT86XMSxejzfISw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@tailwindcss/postcss/node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.1.tgz",
+      "integrity": "sha512-L0Tx0DtaNUTzXv0lbGCLB/c/qEADanHbu4QdcNOXLIe1i8i22rZRpbT3gpWYsCh9aSL9zFujY/WmEXIatWvXbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@tailwindcss/postcss/node_modules/lightningcss-win32-arm64-msvc": {
       "version": "1.29.1",
-      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-1.29.1.tgz",
-      "integrity": "sha512-aBqAuhYRp5vSir3Pc9+QPu9WESBOjUo03ao0IHLC4TyTioSsp/SkbAZSrIH4ghYYC1T1KTEpRSBa83bas4RnPA==",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.1.tgz",
+      "integrity": "sha512-QoOVnkIEFfbW4xPi+dpdft/zAKmgLgsRHfJalEPYuJDOWf7cLQzYg0DEh8/sn737FaeMJxHZRc1oBreiwZCjog==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@shikijs/vscode-textmate": "^10.0.1",
-        "@types/hast": "^3.0.4"
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@shikijs/vscode-textmate": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.1.tgz",
-      "integrity": "sha512-fTIQwLF+Qhuws31iw7Ncl1R3HUDtGwIipiJ9iU+UsDUwMhegFcQKQHd51nZjb7CArq0MvON8rbgCGQYWHUKAdg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@solidjs/testing-library": {
-      "version": "0.8.10",
-      "resolved": "https://registry.npmjs.org/@solidjs/testing-library/-/testing-library-0.8.10.tgz",
-      "integrity": "sha512-qdeuIerwyq7oQTIrrKvV0aL9aFeuwTd86VYD3afdq5HYEwoox1OBTJy4y8A3TFZr8oAR0nujYgCzY/8wgHGfeQ==",
+    "node_modules/@tailwindcss/postcss/node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.1.tgz",
+      "integrity": "sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@testing-library/dom": "^10.4.0"
-      },
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "@solidjs/router": ">=0.9.0",
-        "solid-js": ">=1.0.0"
+        "node": ">= 12.0.0"
       },
-      "peerDependenciesMeta": {
-        "@solidjs/router": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@std/assert": {
-      "name": "@jsr/std__assert",
-      "version": "1.0.11",
-      "resolved": "https://npm.jsr.io/~/11/@jsr/std__assert/1.0.11.tgz",
-      "integrity": "sha512-sNXyi9EQA4f/9F3gI1t+Dz+LnvPwCC3JDUqn9YfWl7IK7RRipiHOkDpV8Vq3LL/ZDZF8Tcr36zVhuEOrRs8i+g==",
-      "dependencies": {
-        "@jsr/std__internal": "^1.0.5"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@std/random": {
-      "name": "@jsr/std__random",
-      "version": "0.1.0",
-      "resolved": "https://npm.jsr.io/~/11/@jsr/std__random/0.1.0.tgz",
-      "integrity": "sha512-gt+pI83ha04zLv2+5kSf/i6uPT4c8QEwscpATrYe2IKfOkCVpL++NrFcH7pWHc0vgm2fDGC8aY6OI2Mz7tEHhQ=="
-    },
     "node_modules/@testing-library/dom": {
       "version": "10.4.0",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
@@ -4268,13 +4658,6 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "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==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
@@ -4302,13 +4685,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "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==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -4827,16 +5203,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/caniuse-api": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
@@ -5764,13 +6130,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==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
     "node_modules/diff": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-5.2.0.tgz",
@@ -5903,13 +6262,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/eciesjs": {
       "version": "0.4.12",
       "resolved": "https://registry.npmjs.org/eciesjs/-/eciesjs-0.4.12.tgz",
@@ -5966,6 +6318,20 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz",
+      "integrity": "sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -6587,36 +6953,6 @@
         "is-callable": "^1.1.3"
       }
     },
-    "node_modules/foreground-child": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
-      "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/foreground-child/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/form-data": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
@@ -6792,27 +7128,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "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==",
-      "dev": true,
-      "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/glob-parent": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
@@ -6826,32 +7141,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/glob/node_modules/minimatch": {
-      "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"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/globals": {
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
@@ -8068,30 +8357,14 @@
         "node": ">=16"
       }
     },
-    "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==",
-      "dev": true,
-      "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/jiti": {
-      "version": "1.21.6",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
-      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
+      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
       "dev": true,
       "license": "MIT",
       "bin": {
-        "jiti": "bin/jiti.js"
+        "jiti": "lib/jiti-cli.mjs"
       }
     },
     "node_modules/js-cookie": {
@@ -8482,13 +8755,6 @@
         "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==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/load-json-file": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
@@ -9933,16 +10199,6 @@
         "node": "*"
       }
     },
-    "node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
     "node_modules/mrmime": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz",
@@ -9967,18 +10223,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dev": true,
-      "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",
@@ -10337,26 +10581,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "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==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/object-inspect": {
       "version": "1.13.3",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
@@ -10541,13 +10765,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0"
-    },
     "node_modules/param-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
@@ -10678,23 +10895,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/path-type": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
@@ -10768,26 +10968,6 @@
         "node": ">=0.10"
       }
     },
-    "node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/pkg-dir": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
@@ -11016,87 +11196,13 @@
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "postcss-selector-parser": "^6.1.2"
-      },
-      "engines": {
-        "node": "^18.12.0 || ^20.9.0 || >=22.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.31"
-      }
-    },
-    "node_modules/postcss-import": {
-      "version": "16.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-16.1.0.tgz",
-      "integrity": "sha512-7hsAZ4xGXl4MW+OKEWCnF6T5jqBw80/EE9aXg1r2yyn1RsVEU8EtKXbijEODa+rg7iih4bKf7vlvTGYR4CnPNg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
-      }
-    },
-    "node_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==",
-      "dev": true,
-      "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"
+        "postcss-selector-parser": "^6.1.2"
       },
       "engines": {
-        "node": ">= 14"
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
       },
       "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
+        "postcss": "^8.4.31"
       }
     },
     "node_modules/postcss-merge-idents": {
@@ -11221,32 +11327,6 @@
         "postcss": "^8.4.31"
       }
     },
-    "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==",
-      "dev": true,
-      "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-normalize-charset": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-7.0.0.tgz",
@@ -11703,16 +11783,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pify": "^2.3.0"
-      }
-    },
     "node_modules/read-pkg": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
@@ -12768,42 +12838,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/string-width-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/string.prototype.padend": {
       "version": "3.1.6",
       "resolved": "https://registry.npmjs.org/string.prototype.padend/-/string.prototype.padend-3.1.6.tgz",
@@ -12906,20 +12940,6 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/strip-ansi/node_modules/ansi-regex": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
@@ -12993,39 +13013,6 @@
         "postcss": "^8.4.31"
       }
     },
-    "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==",
-      "dev": true,
-      "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==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -13117,136 +13104,20 @@
       "license": "MIT"
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.17",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
-      "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
-      "dev": true,
-      "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/chokidar": {
-      "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",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "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==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.0.tgz",
+      "integrity": "sha512-ULRPI3A+e39T7pSaf1xoi58AqqJxVCLg8F/uM5A3FadUbnyDTgltVnXJvdkTjwCOGA6NazqHVcwPJC5h2vRYVQ==",
       "dev": true,
-      "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"
-      }
+      "license": "MIT"
     },
-    "node_modules/tailwindcss/node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
       "engines": {
-        "node": ">=8.10.0"
+        "node": ">=6"
       }
     },
     "node_modules/terser": {
@@ -13275,29 +13146,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dev": true,
-      "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==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/tinybench": {
       "version": "2.9.0",
       "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
@@ -13423,13 +13271,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "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==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
     "node_modules/tsconfck": {
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/tsconfck/-/tsconfck-3.1.4.tgz",
@@ -14822,60 +14663,6 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/wrap-ansi/node_modules/ansi-styles": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
diff --git a/tools-nodejs/vighnesh153-astro/website/package.json b/tools-nodejs/vighnesh153-astro/website/package.json
index 6d92e334..149529e6 100644
--- a/tools-nodejs/vighnesh153-astro/website/package.json
+++ b/tools-nodejs/vighnesh153-astro/website/package.json
@@ -49,13 +49,13 @@
     "@playform/compress": "^0.1.7",
     "@playwright/test": "^1.50.0",
     "@solidjs/testing-library": "^0.8.10",
+    "@tailwindcss/postcss": "^4.0.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "*",
     "@vighnesh153/fake-data": "*",
     "@vighnesh153/tsconfig": "*",
     "astro": "^5.1.9",
-    "autoprefixer": "^10.4.20",
     "browserslist": "^4.24.4",
     "constructs": "10.4.2",
     "cssnano": "^7.0.6",
@@ -65,9 +65,8 @@
     "npm-run-all": "^4.1.5",
     "postcss": "^8.5.1",
     "postcss-custom-media": "^11.0.5",
-    "postcss-import": "^16.1.0",
     "sass": "^1.83.4",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.0.0",
     "typescript": "^5.7.3",
     "vite": "^6.0.11",
     "vite-plugin-solid": "^2.11.0",
diff --git a/tools-nodejs/vighnesh153-astro/website/postcss.config.cjs b/tools-nodejs/vighnesh153-astro/website/postcss.config.cjs
index 3bb83e12..33a34dea 100644
--- a/tools-nodejs/vighnesh153-astro/website/postcss.config.cjs
+++ b/tools-nodejs/vighnesh153-astro/website/postcss.config.cjs
@@ -1,9 +1,7 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
-    "postcss-import": {},
-    "postcss-custom-media": {},
-    autoprefixer: {},
     cssnano: {},
+    "postcss-custom-media": {},
+    "@tailwindcss/postcss": {},
   },
 };
diff --git a/tools-nodejs/vighnesh153-astro/website/public/Vighnesh_Raut_CV_26th_Jan_2025.pdf b/tools-nodejs/vighnesh153-astro/website/public/Vighnesh_Raut_CV_26th_Jan_2025.pdf
new file mode 100644
index 00000000..c819af19
Binary files /dev/null and b/tools-nodejs/vighnesh153-astro/website/public/Vighnesh_Raut_CV_26th_Jan_2025.pdf differ
diff --git a/tools-nodejs/vighnesh153-astro/website/scripts/resume-pdf.spec.ts b/tools-nodejs/vighnesh153-astro/website/scripts/resume-pdf.spec.ts
index 17d5400a..eca25c03 100644
--- a/tools-nodejs/vighnesh153-astro/website/scripts/resume-pdf.spec.ts
+++ b/tools-nodejs/vighnesh153-astro/website/scripts/resume-pdf.spec.ts
@@ -1,6 +1,6 @@
 import { test } from "@playwright/test";
 
-test("Generate PDF of Resume", async ({ page, browser }) => {
+test("Generate PDF of Resume", async ({ page }) => {
   await page.goto("/resume");
 
   await page.pdf({
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/AuthIndicator.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/AuthIndicator.tsx
index 99f5ad7a..6ffd571d 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/AuthIndicator.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/AuthIndicator.tsx
@@ -47,10 +47,10 @@ export function AuthIndicator() {
               <div
                 class={classes(
                   `
-              w-73 inline-block
-              grow-0
-              whitespace-nowrap overflow-hidden text-ellipsis
-              `,
+                    w-20 inline-block
+                    grow-0
+                    whitespace-nowrap overflow-hidden text-ellipsis
+                  `,
                 )}
               >
                 {$loggedInUser()!.name.split(" ")[0]}
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/CanvasProjectCard.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/CanvasProjectCard.tsx
index 95d1eb05..e4673bc2 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/CanvasProjectCard.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/CanvasProjectCard.tsx
@@ -1,4 +1,5 @@
 import { classes } from "@/utils/index.ts";
+import { ImageWithCache } from "./ImageWithCache";
 
 export type CanvasProjectCardProps = {
   title: string;
@@ -14,21 +15,21 @@ export function CanvasProjectCard(props: CanvasProjectCardProps) {
         "min-h-[180px] w-full",
         "flex flex-col items-center",
         "cursor-pointer rounded-2xl overflow-hidden",
-        "bg-backgroundDark",
-        // 'hover:bg-backgroundLight focus-visible:bg-backgroundLight',
-
-        // 'shadow-md',
+        "bg-bg-dark",
         "hover:shadow-xl focus-visible:shadow-xl",
         "shadow-text4",
         "hover:shadow-text4 focus-visible:shadow-text4",
       )}
       href={props.link}
     >
-      <img
-        class={classes("block w-full aspect-video object-contain")}
-        alt={props.title}
+      <ImageWithCache
         src={props.imageLink}
-        loading="lazy"
+        cacheKey={props.imageLink}
+        imageProps={{
+          class: classes("block w-full aspect-video object-cover"),
+          alt: props.title,
+          loading: "lazy",
+        }}
       />
       <span
         class={classes(
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/Link.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/Link.tsx
index 03f28bdd..198b387c 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/Link.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/Link.tsx
@@ -1,12 +1,17 @@
 import {
   children,
   type JSX,
+  Match,
   mergeProps,
   type ParentProps,
   splitProps,
+  Switch,
 } from "solid-js";
 import { classes } from "@/utils";
 
+import { SecondaryButtonStyles } from "./buttons/SecondaryButtonStyles";
+import { PrimaryButtonStyles } from "./buttons/PrimaryButtonStyles";
+
 export type LinkProps =
   & ParentProps<{
     linkType?: "regular" | "primary-btn" | "secondary-btn";
@@ -18,15 +23,39 @@ export function Link(incomingProps: LinkProps) {
     mergeProps<LinkProps[]>({ linkType: "regular" }, incomingProps),
     ["href", "class", "linkType", "children"],
   );
-  const safeChildren = children(() => localProps.children);
+  const c = children(() => localProps.children);
 
   return (
-    <a
-      {...other}
-      href={localProps.href}
-      class={classes(localProps.class, `${localProps.linkType}-link`)}
-    >
-      {safeChildren()}
-    </a>
+    <Switch>
+      <Match when={localProps.linkType === "regular"}>
+        <a
+          {...other}
+          href={localProps.href}
+          class={classes(localProps.class, "regular-link")}
+        >
+          {c()}
+        </a>
+      </Match>
+      <Match when={localProps.linkType === "primary-btn"}>
+        <PrimaryButtonStyles
+          {...other}
+          href={localProps.href}
+          class={classes(localProps.class)}
+          component="a"
+        >
+          {c()}
+        </PrimaryButtonStyles>
+      </Match>
+      <Match when={localProps.linkType === "secondary-btn"}>
+        <SecondaryButtonStyles
+          {...other}
+          href={localProps.href}
+          class={classes(localProps.class)}
+          component="a"
+        >
+          {c()}
+        </SecondaryButtonStyles>
+      </Match>
+    </Switch>
   );
 }
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/ListItem.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/ListItem.tsx
index c3442c92..f6c85842 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/ListItem.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/ListItem.tsx
@@ -24,7 +24,7 @@ export function ListItem(props: ListItemProps) {
       onClick={props.onClick}
     >
       {props.leadingContent}
-      <div class="flex-grow">{props.text}</div>
+      <div class="grow">{props.text}</div>
       {props.leadingContent}
     </li>
   );
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/SkipToMainContent.astro b/tools-nodejs/vighnesh153-astro/website/src/components/SkipToMainContent.astro
index 3d198530..36bc22b4 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/SkipToMainContent.astro
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/SkipToMainContent.astro
@@ -9,7 +9,7 @@ import { classes, internalLinks } from "@/utils/index.ts";
   class={classes(`
     fixed left-3 -top-24 inline-block
     focus:top-4
-    z-tooltip
+    z-(--z-tooltip)
     focus-visible:outline-primary
     print:hidden
   `)}
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/buttons/BaseButtonStyles.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/buttons/BaseButtonStyles.tsx
new file mode 100644
index 00000000..d5d1d28b
--- /dev/null
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/buttons/BaseButtonStyles.tsx
@@ -0,0 +1,63 @@
+import {
+  children,
+  type JSX,
+  mergeProps,
+  type ParentProps,
+  splitProps,
+} from "solid-js";
+import { Dynamic } from "solid-js/web";
+
+import { classes } from "@/utils/index.ts";
+
+type ButtonProps =
+  & ParentProps<{ component: "button" }>
+  & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+
+type AnchorProps =
+  & ParentProps<{ component: "a" }>
+  & JSX.AnchorHTMLAttributes<HTMLAnchorElement>;
+
+export function BaseButtonStyles(
+  incomingProps: ButtonProps | AnchorProps,
+): JSX.Element {
+  const [local, baseProps] = splitProps(
+    mergeProps<(ButtonProps | AnchorProps)[]>(incomingProps),
+    [
+      "children",
+      "class",
+      "component",
+    ],
+  );
+
+  const c = children(() => local.children);
+  return (
+    // @ts-ignore
+    <Dynamic
+      {...baseProps}
+      component={local.component}
+      class={classes(
+        local.class,
+        `
+        py-[0.75em] px-[2em]
+        inline-block
+
+        border-none
+
+        rounded-xl
+        transition-shadow
+        duration-200
+        ease-in-out
+        text-base
+        text-center
+        cursor-pointer
+        uppercase
+
+        hover:shadow-2xl hover:shadow-primary
+        focus-visible:shadow-2xl focus-visible:shadow-primary
+      `,
+      )}
+    >
+      {c()}
+    </Dynamic>
+  );
+}
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/buttons/Button.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/buttons/Button.tsx
index 3b5176bd..ebac1956 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/buttons/Button.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/buttons/Button.tsx
@@ -1,12 +1,15 @@
 import {
   children,
   type JSX,
+  Match,
   mergeProps,
   type ParentProps,
   splitProps,
+  Switch,
 } from "solid-js";
 
-import { classes } from "@/utils/index.ts";
+import { PrimaryButtonStyles } from "./PrimaryButtonStyles";
+import { SecondaryButtonStyles } from "./SecondaryButtonStyles";
 
 export type ButtonProps =
   & ParentProps<{
@@ -25,11 +28,25 @@ export function Button(incomingProps: ButtonProps): JSX.Element {
   );
   const c = children(() => local.children);
   return (
-    <button
-      {...buttonProps}
-      class={classes(local.class, `${local.variant}-button`)}
-    >
-      {c()}
-    </button>
+    <Switch>
+      <Match when={local.variant === "primary"}>
+        <PrimaryButtonStyles
+          {...buttonProps}
+          component="button"
+          class={local.class}
+        >
+          {c()}
+        </PrimaryButtonStyles>
+      </Match>
+      <Match when={local.variant === "secondary"}>
+        <SecondaryButtonStyles
+          {...buttonProps}
+          component="button"
+          class={local.class}
+        >
+          {c()}
+        </SecondaryButtonStyles>
+      </Match>
+    </Switch>
   );
 }
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/buttons/PrimaryButtonStyles.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/buttons/PrimaryButtonStyles.tsx
new file mode 100644
index 00000000..da583d88
--- /dev/null
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/buttons/PrimaryButtonStyles.tsx
@@ -0,0 +1,49 @@
+import {
+  children,
+  type JSX,
+  mergeProps,
+  type ParentProps,
+  splitProps,
+} from "solid-js";
+
+import { classes } from "@/utils/index.ts";
+import { BaseButtonStyles } from "./BaseButtonStyles";
+
+type ButtonProps =
+  & ParentProps<{ component: "button" }>
+  & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+
+type AnchorProps =
+  & ParentProps<{ component: "a" }>
+  & JSX.AnchorHTMLAttributes<HTMLAnchorElement>;
+
+export function PrimaryButtonStyles(
+  incomingProps: ButtonProps | AnchorProps,
+): JSX.Element {
+  const [local, baseProps] = splitProps(
+    mergeProps<(ButtonProps | AnchorProps)[]>(incomingProps),
+    [
+      "children",
+      "class",
+      "component",
+    ],
+  );
+
+  const c = children(() => local.children);
+  return (
+    // @ts-ignore
+    <BaseButtonStyles
+      {...baseProps}
+      component={local.component!}
+      class={classes(
+        local.class,
+        `
+        bg-primary
+        text-secondary
+      `,
+      )}
+    >
+      {c()}
+    </BaseButtonStyles>
+  );
+}
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/buttons/SecondaryButtonStyles.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/buttons/SecondaryButtonStyles.tsx
new file mode 100644
index 00000000..92396505
--- /dev/null
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/buttons/SecondaryButtonStyles.tsx
@@ -0,0 +1,50 @@
+import {
+  children,
+  type JSX,
+  mergeProps,
+  type ParentProps,
+  splitProps,
+} from "solid-js";
+
+import { classes } from "@/utils/index.ts";
+import { BaseButtonStyles } from "./BaseButtonStyles";
+
+type ButtonProps =
+  & ParentProps<{ component: "button" }>
+  & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+
+type AnchorProps =
+  & ParentProps<{ component: "a" }>
+  & JSX.AnchorHTMLAttributes<HTMLAnchorElement>;
+
+export function SecondaryButtonStyles(
+  incomingProps: ButtonProps | AnchorProps,
+): JSX.Element {
+  const [local, baseProps] = splitProps(
+    mergeProps<(ButtonProps | AnchorProps)[]>(incomingProps),
+    [
+      "children",
+      "class",
+      "component",
+    ],
+  );
+
+  const c = children(() => local.children);
+  return (
+    // @ts-ignore
+    <BaseButtonStyles
+      {...baseProps}
+      component={local.component!}
+      class={classes(
+        local.class,
+        `
+        bg-secondary
+        text-text
+        shadow-primary
+      `,
+      )}
+    >
+      {c()}
+    </BaseButtonStyles>
+  );
+}
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/code_viewer/CodeViewer.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/code_viewer/CodeViewer.tsx
index a6378f9a..59389f7a 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/code_viewer/CodeViewer.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/code_viewer/CodeViewer.tsx
@@ -78,7 +78,7 @@ export function CodeViewer({
             ps-6
             pe-4
             
-            flex-grow
+            grow
             items-stretch
           `)}
           innerText={code}
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/navigation/AppBar.astro b/tools-nodejs/vighnesh153-astro/website/src/components/navigation/AppBar.astro
index e6e1d018..29d6ffc4 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/navigation/AppBar.astro
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/navigation/AppBar.astro
@@ -16,20 +16,19 @@ const { navItems } = Astro.props;
 ---
 
 <style lang="scss">
-  // prevent scrolling when side navigation is open
+  /* prevent scrolling when side navigation is open */
   :global(html:has(#side-navigation-open:checked) body) {
     overflow: hidden;
   }
 
-  header {
-    &.box-shadow {
-      @apply shadow-lg;
-      @apply shadow-backgroundDark;
-    }
+  :global(header.my-box-shadow) {
+    box-shadow:
+      0 10px 15px -3px var(--color-bg-dark),
+      0 4px 6px -4px var(--color-bg-dark);
+  }
 
-    &.show-header {
-      @apply translate-y-0;
-    }
+  :global(header.show-header) {
+    translate: var(--tw-translate-x) calc(var(--spacing) * 0);
   }
 </style>
 
@@ -39,8 +38,8 @@ const { navItems } = Astro.props;
     py-8 px-10 w-full fixed -translate-y-full
     flex items-center justify-between
     bg-background
-    transition-[transform,box-shadow] duration-300 ease-in-out
-    z-appBar
+    transition-[translate,box-shadow] duration-300 ease-in-out
+    z-(--z-app-bar)
     show-header
   `)}
 >
@@ -72,7 +71,7 @@ const { navItems } = Astro.props;
     class={classes(`
     fixed hidden w-[100dvw] h-[100dvh] left-0 top-0
     flex-col justify-center items-center gap-12
-    bg-background z-drawer
+    bg-background z-(--z-drawer)
     peer-checked:flex
     lg:peer-checked:hidden
   `)}
@@ -117,15 +116,15 @@ const { navItems } = Astro.props;
     debounce(() => {
       const currentScrollY = window.scrollY;
       header?.classList.toggle(
-        "box-shadow",
-        currentScrollY >= boxShadowScrollYOffset,
+        "my-box-shadow",
+        currentScrollY >= boxShadowScrollYOffset
       );
       header?.classList.toggle(
         "show-header",
-        currentScrollY <= showHeaderOffset || currentScrollY < previousScrollY,
+        currentScrollY <= showHeaderOffset || currentScrollY < previousScrollY
       );
       previousScrollY = currentScrollY;
-    }, 16),
+    }, 16)
   );
 
   // this is needed for when header is hidden and one of its children gets focus
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/popover/Popover.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/popover/Popover.tsx
index d922e8fb..603cb9d6 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/popover/Popover.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/popover/Popover.tsx
@@ -117,7 +117,7 @@ export function ControlledPopover(
             `${styles["popover-content-root"]}
             ${styles[`popover-placement-${props.placement.split("-")[0]}`]}
 
-            fixed z-tooltip
+            fixed z-(--z-tooltip)
             flex 
             ${
               computeFlexClassesForPopoverContentRootBasedOnPlacement(
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/popover/popover-placement.ts b/tools-nodejs/vighnesh153-astro/website/src/components/popover/popover-placement.ts
index 90d40f35..bb62cb3c 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/popover/popover-placement.ts
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/popover/popover-placement.ts
@@ -181,6 +181,12 @@ const rtlPlacementMapping: Record<PopoverPlacement, AbsolutePlacement> = {
   "left-end": "left-bottom",
 };
 
+const itemsAlignment = {
+  "start": "items-start",
+  "center": "items-center",
+  "end": "items-end",
+};
+
 function calculateAbsolutePlacementBasedOnDirection(
   placement: PopoverPlacement,
   layoutDirection: PopoverLayoutDirection,
@@ -290,7 +296,10 @@ export function computeFlexClassesForPopoverContentRootBasedOnPlacement(
   );
   const outputClasses: string[] = [];
   const [topBottomLeftRight] = absolutePlacement.split("-");
-  const [, startCenterEnd] = placement.split("-");
+  const [, startCenterEnd] = placement.split("-") as [
+    unknown,
+    keyof typeof itemsAlignment,
+  ];
   switch (topBottomLeftRight) {
     case "top":
       outputClasses.push("flex-col-reverse");
@@ -313,6 +322,6 @@ export function computeFlexClassesForPopoverContentRootBasedOnPlacement(
       }
       break;
   }
-  outputClasses.push(`items-${startCenterEnd}`);
+  outputClasses.push(itemsAlignment[startCenterEnd]);
   return outputClasses.join(" ");
 }
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/popover/popover.module.scss b/tools-nodejs/vighnesh153-astro/website/src/components/popover/popover.module.scss
index a9d86b06..0bd98bc4 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/popover/popover.module.scss
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/popover/popover.module.scss
@@ -3,6 +3,8 @@
   --_triangle-color: var(--triangle-color, currentColor);
 
   content: "";
+  width: 0;
+  height: 0;
 
   border: var(--_triangle-size) solid transparent;
 }
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/projects/ProjectsMasonry.astro b/tools-nodejs/vighnesh153-astro/website/src/components/projects/ProjectsMasonry.astro
index 4e7d6a73..0097df71 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/projects/ProjectsMasonry.astro
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/projects/ProjectsMasonry.astro
@@ -19,7 +19,7 @@ import { Link } from "../Link.tsx";
 >
   {
     allProjects.map(({ title, description, tags, links }) => (
-      <li class="shadow-backgroundDark bg-backgroundLight flex max-w-lg flex-col rounded-lg p-6 shadow-md">
+      <li class="shadow-bg-dark bg-bg-light flex max-w-lg flex-col rounded-lg p-6 shadow-md">
         <div class="flex items-center justify-between">
           <FolderIcon class="fill-accent" role="img" height="2rem" />
 
@@ -43,7 +43,7 @@ import { Link } from "../Link.tsx";
         <h3 class="mt-5 text-xl md:text-2xl">
           <Link href={links.demo.href}>{title}</Link>
         </h3>
-        <p class="text-text2 mt-4 flex-grow text-base">{description}</p>
+        <p class="text-text2 mt-4 grow text-base">{description}</p>
         <ul class="mt-6 flex flex-wrap gap-2">
           {tags.map((tag) => (
             <ProjectTag>{tag}</ProjectTag>
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/projects/SimpleCodeEditor.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/projects/SimpleCodeEditor.tsx
index ca3fafb7..66ca5440 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/projects/SimpleCodeEditor.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/projects/SimpleCodeEditor.tsx
@@ -41,7 +41,7 @@ export function SimpleCodeEditor(props: SimpleCodeEditorProps) {
         "overflow-hidden",
         "flex",
         "flex-row",
-        "bg-backgroundDark",
+        "bg-bg-dark",
       )}
     >
       {/* Line number container */}
@@ -50,7 +50,7 @@ export function SimpleCodeEditor(props: SimpleCodeEditorProps) {
         class={classes(
           "h-full",
           "overflow-hidden",
-          "bg-backgroundDark",
+          "bg-bg-dark",
           "px-2",
           "z-[2]",
         )}
@@ -82,7 +82,7 @@ export function SimpleCodeEditor(props: SimpleCodeEditorProps) {
             "absolute",
             "text-[transparent]",
             "border-none",
-            "focus:outline-none",
+            "focus:outline-hidden",
             "resize-none",
             "whitespace-pre",
             "z-[2]",
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/GraphicsProjectsCollection.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/GraphicsProjectsCollection.tsx
index 6ab0b80f..298308c4 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/GraphicsProjectsCollection.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/GraphicsProjectsCollection.tsx
@@ -1,6 +1,6 @@
 import { For } from "solid-js";
 
-import { graphicsProjects } from "@vighnesh153/tools-browser/graphics_programming";
+import { graphicsProjects } from "@/utils/content/graphics_projects.ts";
 
 import { classes, internalLinks } from "@/utils/index.ts";
 import { CanvasProjectCard } from "@/components/CanvasProjectCard.tsx";
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/pseudo-hilbert-curve/PseudoHilbertCurveRoot.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/pseudo-hilbert-curve/PseudoHilbertCurveRoot.tsx
index c7157e3a..1bc11601 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/pseudo-hilbert-curve/PseudoHilbertCurveRoot.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/pseudo-hilbert-curve/PseudoHilbertCurveRoot.tsx
@@ -55,7 +55,7 @@ export function PseudoHilbertCurveRoot() {
         <select
           name="level"
           id="level"
-          class="min-w-[100px] text-secondary"
+          class="min-w-[100px] bg-text2 text-secondary rounded px-2 py-1"
           value={level()}
           onChange={updateLevel}
         >
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/sorting-visualizer/SortingVisualizerRoot.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/sorting-visualizer/SortingVisualizerRoot.tsx
index fec220a0..9de0f8b5 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/sorting-visualizer/SortingVisualizerRoot.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/sorting-visualizer/SortingVisualizerRoot.tsx
@@ -52,7 +52,7 @@ export function SortingVisualizerRoot() {
           <select
             name="algorithm"
             id="algorithm"
-            class="min-w-[100px] text-secondary"
+            class="min-w-[100px] bg-text2 text-secondary rounded px-2 py-1"
             value={algorithmTitle()}
             onChange={(e) => {
               setAlgorithmTitle(e.target.value);
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/tower-of-hanoi/TowerOfHanoiRoot.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/tower-of-hanoi/TowerOfHanoiRoot.tsx
index 197cffeb..f6dcadfc 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/tower-of-hanoi/TowerOfHanoiRoot.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/projects/graphics/tower-of-hanoi/TowerOfHanoiRoot.tsx
@@ -63,7 +63,7 @@ export function TowerOfHanoiRoot() {
           <select
             name="discCount"
             id="discCount"
-            class="min-w-[100px] text-secondary"
+            class="min-w-[100px] bg-text2 text-secondary rounded px-2 py-1"
             value={discCount()}
             onChange={(e) => {
               setDiscCount(+e.target.value);
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/projects/spl/SplRoot.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/projects/spl/SplRoot.tsx
index e6c84e73..32042b74 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/projects/spl/SplRoot.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/projects/spl/SplRoot.tsx
@@ -63,7 +63,7 @@ export function SplRoot() {
         class={classes(
           "w-full",
           "lg:col-span-2 lg:col-start-1 lg:row-start-1 lg:row-end-[-1]",
-          "bg-backgroundDark",
+          "bg-bg-dark",
           "focus-within:outline-[transparent]",
           "z-[1]",
           "rounded-none",
@@ -82,7 +82,7 @@ export function SplRoot() {
         className={classes(
           "w-full",
           "lg:row-start-2 lg:row-end-[-1]",
-          "bg-backgroundLight",
+          "bg-bg-light",
           "rounded-md",
         )}
       />
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/projects/tsx-playground/TsxPlaygroundRoot.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/projects/tsx-playground/TsxPlaygroundRoot.tsx
index f19b0476..91d9e5fd 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/projects/tsx-playground/TsxPlaygroundRoot.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/projects/tsx-playground/TsxPlaygroundRoot.tsx
@@ -40,7 +40,7 @@ export function TsxPlaygroundRoot(): JSX.Element {
       <div
         class={classes(
           "w-1/2",
-          "bg-backgroundDark",
+          "bg-bg-dark",
           "focus-within:outline-[transparent]",
           "z-[1]",
           "rounded-none",
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/resume/ResumeContainer.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/resume/ResumeContainer.tsx
index bf7965c6..8d95479b 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/resume/ResumeContainer.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/resume/ResumeContainer.tsx
@@ -37,7 +37,7 @@ export function ResumeContainer(props: { snapshotDate: string }): JSX.Element {
       </p>
       <hr class="mt-2 border-[#999]" />
 
-      <div class="flex-grow flex [&>div]:pt-6">
+      <div class="grow flex [&>div]:pt-6">
         <div class="pl-10 basis-4/12">
           <ResumeEducationSection />
           <ResumeLinksSection class="mt-8" />
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/snackbar/Snackbar.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/snackbar/Snackbar.tsx
index c94ec3ed..dc5f3e97 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/snackbar/Snackbar.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/snackbar/Snackbar.tsx
@@ -39,7 +39,7 @@ export function Snackbar(props: SnackbarProps): JSX.Element {
         `)}
       >
         <div class="mt-1">{config.icon()}</div>
-        <p class="flex-grow">{props.message}</p>
+        <p class="grow">{props.message}</p>
         <Show when={props.manualDismissible}>
           <button onClick={() => props.dismiss()}>
             <CloseIcon class="mt-1 w-4 h-4" />
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/snackbar/SnackbarHost.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/snackbar/SnackbarHost.tsx
index c6cf81e5..681b9ad1 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/snackbar/SnackbarHost.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/snackbar/SnackbarHost.tsx
@@ -7,7 +7,7 @@ export function SnackbarHost(): JSX.Element {
   const $snackbarList = useStore(snackbarList);
 
   return (
-    <div class="fixed top-10 right-10 z-snackbar">
+    <div class="fixed top-10 right-10 z-(--z-snackbar)">
       <For each={$snackbarList()}>
         {(snackbar) => <Snackbar {...snackbar} />}
       </For>
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/tutor/TutorPlan.astro b/tools-nodejs/vighnesh153-astro/website/src/components/tutor/TutorPlan.astro
index 87f86531..77c3b4c5 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/tutor/TutorPlan.astro
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/tutor/TutorPlan.astro
@@ -21,8 +21,8 @@ const tagToColorMap: Record<TutorPlanTag, string> = {
 const rootClasses = classes(
   "sm:mt-0 relative",
   "flex flex-1 items-stretch flex-col",
-  "bg-backgroundDark",
-  "border-2 rounded-xl",
+  "bg-bg-dark",
+  "border-2 rounded-xl"
 );
 ---
 
@@ -40,7 +40,7 @@ const rootClasses = classes(
         class={classes(
           "w-32 absolute -top-5 left-0 right-0 mx-auto px-3 py-2",
           "rounded-full border border-text4",
-          "bg-primary text-backgroundDark text-center text-sm font-bold",
+          "bg-primary text-bg-dark text-center text-sm font-bold"
         )}
       >
         Popular
diff --git a/tools-nodejs/vighnesh153-astro/website/src/components/uploader/UploadInputBox.tsx b/tools-nodejs/vighnesh153-astro/website/src/components/uploader/UploadInputBox.tsx
index 11bb3389..5c6d5d13 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/components/uploader/UploadInputBox.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/components/uploader/UploadInputBox.tsx
@@ -37,14 +37,14 @@ export function UploadInputBox(props: UploadInputBoxProps) {
           px-6 py-20
 
           border-4 border-dotted
-          z-px rounded-2xl
+          z-(--z-px) rounded-2xl
 
           before:bg-[position:0_0,100%_0,100%_100%,0_100%]
           before:bg-[size:50%_50%,50%_50%]
           before:bg-no-repeat
           before:absolute before:-inset-96 before:z-[-2] 
 
-          after:bg-background after:absolute after:inset-1 after:-z-px
+          after:bg-background after:absolute after:inset-1 after:-z-(--z-px)
 
           flex 
           flex-col gap-2
@@ -57,7 +57,7 @@ export function UploadInputBox(props: UploadInputBoxProps) {
 
           "before:bg-[linear-gradient(transparent,transparent),linear-gradient(transparent,transparent),linear-gradient(transparent,transparent),linear-gradient(theme(colors.accent),theme(colors.background))]":
             props.draggingOver,
-          "before:animate-spin-slow": props.draggingOver,
+          "before:animate-(--animation-spin-slow)": props.draggingOver,
         }}
       >
         <div class="bg-[hsl(11,0%,50%,0.3)] rounded-md p-2">
diff --git a/tools-nodejs/vighnesh153-astro/website/src/content/blog/playground.mdx b/tools-nodejs/vighnesh153-astro/website/src/content/blog/playground.mdx
index 168e3835..0740b4fc 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/content/blog/playground.mdx
+++ b/tools-nodejs/vighnesh153-astro/website/src/content/blog/playground.mdx
@@ -1,8 +1,8 @@
 ---
-title: 'Playground Blog post'
+title: "Playground Blog post"
 creationDate: 2022-07-01
-description: 'This is the first post of my new Astro blog.'
-tags: ['software engineering']
+description: "This is the first post of my new Astro blog."
+tags: ["software engineering"]
 slug: playground
 live: false
 ---
@@ -12,8 +12,10 @@ live: false
 Enim irure pariatur mollit aliqua eu veniam cillum occaecat eu incididunt. Id ut elit consequat consectetur qui ad ea
 aliquip adipisicing veniam est. Consequat magna esse irure aute ullamco ex ut eu pariatur sint.
 
+[Sample link](#)
+
 ```tsx
-backtick.fences('for blocks')
+backtick.fences("for blocks");
 ```
 
 ---
@@ -36,7 +38,7 @@ val a = 123;
 
 bla
 
-<br/>
+<br />
 
 bla
 
diff --git a/tools-nodejs/vighnesh153-astro/website/src/icons/GithubIcon.tsx b/tools-nodejs/vighnesh153-astro/website/src/icons/GithubIcon.tsx
index ea773fc9..b244a715 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/icons/GithubIcon.tsx
+++ b/tools-nodejs/vighnesh153-astro/website/src/icons/GithubIcon.tsx
@@ -7,7 +7,7 @@ export function GithubIcon(incomingProps: GithubIconProps): JSX.Element {
 
   return (
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" {...props}>
-      <path d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z">
+      <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z">
       </path>
     </svg>
   );
diff --git a/tools-nodejs/vighnesh153-astro/website/src/icons/SourceCodeIcon.tsx b/tools-nodejs/vighnesh153-astro/website/src/icons/SourceCodeIcon.tsx
new file mode 100644
index 00000000..e5ee7a2c
--- /dev/null
+++ b/tools-nodejs/vighnesh153-astro/website/src/icons/SourceCodeIcon.tsx
@@ -0,0 +1,16 @@
+import { type JSX, splitProps } from "solid-js";
+
+export type SourceCodeIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+
+export function SourceCodeIcon(
+  incomingProps: SourceCodeIconProps,
+): JSX.Element {
+  const [, props] = splitProps(incomingProps, ["viewBox", "xmlns"]);
+
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
+      <path d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z">
+      </path>
+    </svg>
+  );
+}
diff --git a/tools-nodejs/vighnesh153-astro/website/src/layouts/BaseLayout.astro b/tools-nodejs/vighnesh153-astro/website/src/layouts/BaseLayout.astro
index a206222d..2c541635 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/layouts/BaseLayout.astro
+++ b/tools-nodejs/vighnesh153-astro/website/src/layouts/BaseLayout.astro
@@ -11,7 +11,7 @@ const { title, description } = Astro.props;
 ---
 
 <!doctype html>
-<html lang="en">
+<html lang="en" class="text-text bg-background scroll-smooth">
   <head>
     <title>{title}</title>
     <meta charset="UTF-8" />
diff --git a/tools-nodejs/vighnesh153-astro/website/src/pages/resume.astro b/tools-nodejs/vighnesh153-astro/website/src/pages/resume.astro
index bd05f6b1..bfb5a810 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/pages/resume.astro
+++ b/tools-nodejs/vighnesh153-astro/website/src/pages/resume.astro
@@ -46,7 +46,7 @@ const pageTitle = `Vighnesh_Raut_CV_${formattedDate.replace(/ /g, "_")}`;
   </div>
 </ContentLayout>
 
-<style>
+<style lang="scss">
   :root {
     /* A4 size */
     --a4w: 794px;
@@ -70,17 +70,23 @@ const pageTitle = `Vighnesh_Raut_CV_${formattedDate.replace(/ /g, "_")}`;
     #resume-container {
       position: relative;
 
-      @apply w-[calc(var(--a4w)*var(--scale))];
-      @apply h-[calc(var(--a4h)*var(--scale))];
+      width: calc(var(--a4w) * var(--scale));
+      height: calc(var(--a4h) * var(--scale));
 
-      @apply sm:w-[calc(var(--a4w)*var(--scale-sm))];
-      @apply sm:h-[calc(var(--a4h)*var(--scale-sm))];
+      @media (width >= 40rem) {
+        width: calc(var(--a4w) * var(--scale-sm));
+        height: calc(var(--a4h) * var(--scale-sm));
+      }
 
-      @apply md:w-[calc(var(--a4w)*var(--scale-md))];
-      @apply md:h-[calc(var(--a4h)*var(--scale-md))];
+      @media (width >= 48rem) {
+        width: calc(var(--a4w) * var(--scale-md));
+        height: calc(var(--a4h) * var(--scale-md));
+      }
 
-      @apply lg:w-[calc(var(--a4w)*var(--scale-lg))];
-      @apply lg:h-[calc(var(--a4h)*var(--scale-lg))];
+      @media (width >= 64rem) {
+        width: calc(var(--a4w) * var(--scale-lg));
+        height: calc(var(--a4h) * var(--scale-lg));
+      }
     }
 
     #resume-holder {
@@ -88,10 +94,16 @@ const pageTitle = `Vighnesh_Raut_CV_${formattedDate.replace(/ /g, "_")}`;
 
       transform-origin: top left;
 
-      @apply scale-[var(--scale)];
-      @apply sm:scale-[var(--scale-sm)];
-      @apply md:scale-[var(--scale-md)];
-      @apply lg:scale-[var(--scale-lg)];
+      scale: var(--scale);
+      @media (width >= 40rem) {
+        scale: var(--scale-sm);
+      }
+      @media (width >= 48rem) {
+        scale: var(--scale-md);
+      }
+      @media (width >= 64rem) {
+        scale: var(--scale-lg);
+      }
     }
   }
 
diff --git a/tools-nodejs/vighnesh153-astro/website/src/styles/base.scss b/tools-nodejs/vighnesh153-astro/website/src/styles/base.scss
index 29b389e6..e9f6efe9 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/styles/base.scss
+++ b/tools-nodejs/vighnesh153-astro/website/src/styles/base.scss
@@ -1,6 +1,42 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@theme {
+  --font-sans: Helvetica, Arial, sans-serif;
+
+  --color-primary: rgb(144 116 220);
+  --color-secondary: rgb(0 0 0);
+  --color-accent: rgb(102 255 219);
+
+  --color-background: rgb(10 24 46);
+  --color-bg-dark: rgb(3 12 28);
+  --color-bg-light: rgb(18 36 67);
+  --color-bg-blend: rgb(19 44 63);
+
+  --color-text: rgb(251, 226, 253);
+  --color-text2: rgb(251, 226, 253, 80%);
+  --color-text3: rgb(251, 226, 253, 60%);
+  --color-text4: rgb(251, 226, 253, 30%);
+
+  --z-px: 1;
+  --z-mobile-stepper: 1000;
+  --z-fab: 1050;
+  --z-app-bar: 1100;
+  --z-drawer: 1200;
+  --z-modal: 1300;
+  --z-snackbar: 1400;
+  --z-tooltip: 1500;
+
+  --animation-spin-slow: spin 3s linear infinite;
+}
+
+@utility regular-link {
+  display: inline-block;
+  position: relative;
+
+  color: var(--color-accent);
+  text-decoration-line: none;
+  cursor: pointer;
+}
 
 @layer base {
   *,
@@ -9,131 +45,60 @@
     box-sizing: border-box;
   }
 
-  :root {
-    --color-primary: 144 116 220;
-    --color-secondary: 0 0 0;
-    --color-accent: 102 255 219;
-    --color-background: 10 24 46;
-    --color-text: 251 226 253;
-
-    --color-bg-dark: 3 12 28;
-    --color-bg-light: 18 36 67;
-    --color-bg-blend: 19 44 63;
-  }
-
   html {
-    @apply text-text;
-    @apply bg-background;
-    scroll-behavior: smooth;
-
     /* focus dashed outline */
     :is(a, button, input, select, textarea):focus-visible {
-      @apply outline-dashed;
-      @apply outline-4;
-      @apply outline-offset-8;
-      @apply outline-accent;
+      outline-style: dashed;
+      outline-width: 4px;
+      outline-offset: 8px;
+      outline-color: var(--color-accent);
     }
   }
 
   ::selection {
-    @apply bg-accent;
-    @apply text-background;
+    background-color: var(--color-accent);
+    color: var(--color-background);
   }
 }
 
-@layer components {
-  .base-button {
-    @apply py-[1em];
-    @apply px-[2em];
-    @apply inline-block;
-
-    @apply border-none;
-
-    @apply rounded-xl;
-    @apply transition-shadow;
-    @apply duration-200;
-    @apply ease-in-out;
-    @apply text-base;
-    @apply text-center;
-    @apply cursor-pointer;
-    @apply uppercase;
-
-    &:is(:hover, :focus-visible) {
-      @apply shadow-2xl;
-      @apply shadow-primary;
-    }
-  }
+.regular-link,
+.blog-content a {
+  &::after {
+    content: "";
+    position: absolute;
+    width: 0;
+    height: 2px;
 
-  .primary-button {
-    @apply base-button;
+    left: 0;
+    bottom: -2px;
 
-    @apply bg-primary;
-    @apply text-secondary;
+    background-color: currentColor;
 
-    &:is(:hover, :focus-visible) {
-      // @apply shadow-primary;
-    }
+    transition-property: width;
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    transition-timing-function: var(--ease-in);
   }
 
-  .secondary-button {
-    @apply base-button;
-
-    @apply bg-secondary;
-    @apply text-text;
-    @apply shadow-primary;
-
-    &:is(:hover, :focus-visible) {
-      // @apply shadow-primary;
-    }
-  }
-
-  .regular-link {
-    @apply inline-block;
-    @apply relative;
-
-    @apply text-accent;
-    @apply no-underline;
-    @apply cursor-pointer;
-
-    @apply after:absolute;
-    @apply after:w-0;
-    @apply after:h-[2px];
-
-    @apply after:left-0;
-    @apply after:bottom-[-2px];
-
-    @apply after:bg-[currentColor];
-
-    @apply after:transition-width;
-    @apply after:duration-200;
-    @apply after:ease-in;
-
-    // deno-fmt-ignore
-    @apply [&:is(:hover,:focus-visible)]:after:w-full;
-  }
-
-  .primary-btn-link {
-    @apply primary-button;
-  }
-
-  .secondary-btn-link {
-    @apply secondary-button;
+  &:is(:hover, :focus-visible)::after {
+    width: 100%;
   }
+}
 
+@layer components {
   .progress-bar {
-    @apply bg-backgroundBlend;
+    background-color: var(--color-bg-blend);
   }
 
   .progress-bar::-webkit-progress-bar {
-    @apply bg-backgroundBlend;
+    background-color: var(--color-bg-blend);
   }
 
   .progress-bar::-webkit-progress-value {
-    @apply bg-accent;
+    background-color: var(--color-accent);
   }
 
   .progress-bar::-moz-progress-bar {
-    @apply bg-accent;
+    background-color: var(--color-accent);
   }
 
   .blog-content {
@@ -143,41 +108,47 @@
     h4,
     h5,
     h6 {
-      @apply my-6;
+      margin-block: calc(var(--spacing) * 6);
 
-      @apply text-text;
-      @apply font-bold;
+      color: var(--color-text);
+      font-weight: var(--font-weight-bold);
     }
 
     h1 {
-      @apply text-5xl;
+      font-size: var(--text-5xl);
+      line-height: var(--tw-leading, var(--text-5xl--line-height));
     }
 
     h2 {
-      @apply text-4xl;
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
     }
 
     h3 {
-      @apply text-3xl;
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
     }
 
     h4 {
-      @apply text-2xl;
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
     }
 
     h5 {
-      @apply text-xl;
+      font-size: var(--text-xl);
+      line-height: var(--tw-leading, var(--text-xl--line-height));
     }
 
     h6 {
-      @apply text-base;
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
     }
 
     p {
-      @apply text-text2;
+      color: var(--color-text2);
 
       &:not(:last-child) {
-        @apply pb-4;
+        padding-bottom: calc(var(--spacing) * 4);
       }
     }
 
@@ -188,48 +159,48 @@
     // direct children only
     & > ul,
     & > ol {
-      @apply ms-4;
-      @apply mb-8;
+      margin-inline-start: calc(var(--spacing) * 4);
+      margin-bottom: calc(var(--spacing) * 8);
     }
 
     // indirect children only. First level lists should have no padding
     & > * ul,
     & > * ol {
-      @apply ms-10;
+      margin-inline-start: calc(var(--spacing) * 10);
     }
 
     ul > li {
-      @apply list-disc;
+      list-style-type: disc;
     }
 
     ol > li {
-      @apply list-decimal;
-      @apply list-none;
-      @apply relative;
+      list-style-type: decimal;
+      position: relative;
       counter-increment: decimal-list;
 
       &::before {
-        @apply content-[counter(decimal-list)_"."];
-        @apply absolute;
+        --tw-content: counter(decimal-list) ".";
+        content: var(--tw-content);
+        position: absolute;
 
-        @apply pr-1.5;
-        @apply w-10;
-        @apply -left-10;
+        padding-right: calc(var(--spacing) * 1.5);
+        width: calc(var(--spacing) * 10);
+        left: calc(var(--spacing) * -10);
 
-        @apply text-accent;
-        @apply text-right;
-        @apply font-bold;
+        color: var(--color-accent);
+        text-align: right;
+        font-weight: var(--font-weight-bold);
       }
     }
 
     li {
-      @apply py-0.5;
-      @apply text-text2;
+      padding-block: calc(var(--spacing) * 0.5);
+      color: var(--color-text2);
     }
 
     hr {
-      @apply my-4;
-      @apply border-text4;
+      margin-block: calc(var(--spacing) * 4);
+      border-color: var(--color-text4);
     }
   }
 }
diff --git a/tools-nodejs/vighnesh153-astro/website/src/utils/content/graphics_projects.ts b/tools-nodejs/vighnesh153-astro/website/src/utils/content/graphics_projects.ts
new file mode 100644
index 00000000..971bdea5
--- /dev/null
+++ b/tools-nodejs/vighnesh153-astro/website/src/utils/content/graphics_projects.ts
@@ -0,0 +1,168 @@
+export interface CanvasProject {
+  imageLink: string;
+  title: string;
+  id: string;
+  description: string;
+}
+
+const gamesPrefix =
+  "https://firebasestorage.googleapis.com/v0/b/vighnesh153-app.firebasestorage.app/o/public%2Fprojects%2Fgames%2F";
+
+const graphicsPrefix =
+  "https://firebasestorage.googleapis.com/v0/b/vighnesh153-app.firebasestorage.app/o/public%2Fprojects%2Fgraphics%2F";
+
+const barnsleysFern: CanvasProject = {
+  imageLink: graphicsPrefix + "barnsleys-fern.png?alt=media",
+  title: `Barnsley's Fern`,
+  id: "barnsleys-fern",
+  description:
+    `Drawing a barnsley's fern, an infinite fractal which resembles a black spleenwort, using mathematics`,
+};
+
+const brickBreakerGame: CanvasProject = {
+  imageLink: gamesPrefix + "brick-breaker-game.png?alt=media",
+  title: "Brick Breaker Game",
+  id: "brick-breaker-game",
+  description:
+    "Brick breaker is a arcade game emulation, which destroys the bricks by shooting a ball at them",
+};
+
+const bondingParticles: CanvasProject = {
+  imageLink: graphicsPrefix + "bonding-particles.png?alt=media",
+  title: "Bonding particles",
+  id: "bonding-particles",
+  description:
+    `A bunch of particles roaming freely in the space creating bonds with others`,
+};
+
+const flappyBlockGame: CanvasProject = {
+  imageLink: gamesPrefix + "flappy-block-game.png?alt=media",
+  title: "Flappy Block Game",
+  id: "flappy-block-game",
+  description:
+    'Flappy block is an infinite world game which is inspired by the infamous "Flappy Bird" game.',
+};
+
+const gridPathFinderGame: CanvasProject = {
+  imageLink: graphicsPrefix + "grid-path-finder.png?alt=media",
+  title: "Grid Path Finder",
+  id: "grid-path-finder",
+  description:
+    "A pathfinding project that uses a graph algorithm to find the path from the start point to the end point.",
+};
+
+const pongGame: CanvasProject = {
+  imageLink: gamesPrefix + "ping-pong.png?alt=media",
+  title: "Pong Game",
+  id: "pong-game",
+  description: `A table-tennis themed 2D arcade game. Beat the AI to win`,
+};
+
+const pseudoHilbertCurve: CanvasProject = {
+  imageLink: graphicsPrefix + "pseudo-hilbert-curve.png?alt=media",
+  title: "Pseudo Hilbert Curve",
+  id: "pseudo-hilbert-curve",
+  description: `A Hilbert curve is a continuous fractal space-filling curve`,
+};
+
+const sierpinskisTriangle: CanvasProject = {
+  imageLink: graphicsPrefix + "sierpinskis-triangle.png?alt=media",
+  title: `Sierpinski's Triangle`,
+  id: "sierpinskis-triangle",
+  description:
+    `A sierpinski's triangle is a fractal attractive fixed set with ` +
+    "the overall shape of an equilateral triangle, subdivided recursively into smaller equilateral triangles",
+};
+
+const snakeGame: CanvasProject = {
+  imageLink: gamesPrefix + "snake-game.png?alt=media",
+  title: "Snake Game",
+  id: "snake-game",
+  description: `An emulation of the infamous Snake game where player ` +
+    `plays a snake and the objective is the get as big as possible.`,
+};
+
+const sortingVisualizer: CanvasProject = {
+  imageLink: graphicsPrefix + "sorting-visualizer.png?alt=media",
+  title: "Sorting Visualizer",
+  id: "sorting-visualizer",
+  description:
+    `Using animations to visualize different sorting algorithms for fun`,
+};
+
+const symmetricBinaryTree: CanvasProject = {
+  imageLink: graphicsPrefix + "symmetric-binary-tree.png?alt=media",
+  title: "Symmetric Binary Tree",
+  id: "symmetric-binary-tree",
+  description:
+    `A binary tree representation by its branches and how the final shape is ` +
+    `different for even a slight change in the angle`,
+};
+
+const towerOfHanoi: CanvasProject = {
+  imageLink: graphicsPrefix + "tower-of-hanoi.png?alt=media",
+  title: "Tower of Hanoi",
+  id: "tower-of-hanoi",
+  description: `Tower of Hanoi is a mathematical game or puzzle consisting ` +
+    `of three rods and a number of disks of various diameters, which can slide onto any rod`,
+};
+
+const treePathFinder: CanvasProject = {
+  imageLink: graphicsPrefix + "tree-path-finder.png?alt=media",
+  title: "Tree Path Finder",
+  id: "tree-path-finder",
+  description: `Find a path between two nodes in a tree`,
+};
+
+const twinklingStars: CanvasProject = {
+  imageLink: graphicsPrefix + "twinkling-stars.png?alt=media",
+  title: "Twinkling Stars",
+  id: "twinkling-stars",
+  description: `A bunch of stars roaming freely in the space and twinkling`,
+};
+
+export type GraphicsProjectsMap = {
+  gridPathFinderGame: CanvasProject;
+  sierpinskisTriangle: CanvasProject;
+  towerOfHanoi: CanvasProject;
+  symmetricBinaryTree: CanvasProject;
+  bondingParticles: CanvasProject;
+  pseudoHilbertCurve: CanvasProject;
+  sortingVisualizer: CanvasProject;
+  twinklingStars: CanvasProject;
+  treePathFinder: CanvasProject;
+  barnsleysFern: CanvasProject;
+};
+
+export const graphicsProjectsMap: GraphicsProjectsMap = {
+  gridPathFinderGame,
+  sierpinskisTriangle,
+  towerOfHanoi,
+  symmetricBinaryTree,
+  bondingParticles,
+  pseudoHilbertCurve,
+  sortingVisualizer,
+  twinklingStars,
+  treePathFinder,
+  barnsleysFern,
+} satisfies Record<string, CanvasProject>;
+
+export const graphicsProjects: CanvasProject[] = Object.values(
+  graphicsProjectsMap,
+);
+
+export type GamesProjectMap = {
+  brickBreakerGame: CanvasProject;
+  flappyBlockGame: CanvasProject;
+  pongGame: CanvasProject;
+  snakeGame: CanvasProject;
+};
+
+export const gamesProjectsMap: GamesProjectMap = {
+  brickBreakerGame,
+  flappyBlockGame,
+  pongGame,
+  snakeGame,
+};
+
+export const gamesProjects: CanvasProject[] = Object.values(gamesProjectsMap);
diff --git a/tools-nodejs/vighnesh153-astro/website/src/utils/content/navItems.ts b/tools-nodejs/vighnesh153-astro/website/src/utils/content/navItems.ts
index 2cfc3ba0..faa6fd7d 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/utils/content/navItems.ts
+++ b/tools-nodejs/vighnesh153-astro/website/src/utils/content/navItems.ts
@@ -1,4 +1,4 @@
-import { externalLinks, internalLinks } from "./links.ts";
+import { internalLinks } from "./links.ts";
 
 export interface NavItem {
   text: string;
diff --git a/tools-nodejs/vighnesh153-astro/website/src/utils/content/projects.ts b/tools-nodejs/vighnesh153-astro/website/src/utils/content/projects.ts
index 09a21c41..1ddeeebd 100644
--- a/tools-nodejs/vighnesh153-astro/website/src/utils/content/projects.ts
+++ b/tools-nodejs/vighnesh153-astro/website/src/utils/content/projects.ts
@@ -1,7 +1,7 @@
-import { GithubIcon } from "@/icons/GithubIcon.tsx";
+import type { JSX } from "solid-js";
 import { EyeIcon } from "@/icons/EyeIcon.tsx";
+import { SourceCodeIcon } from "@/icons/SourceCodeIcon.tsx";
 import { externalLinks, internalLinks } from "./links.ts";
-import type { JSX } from "solid-js";
 
 interface ProjectLink {
   Icon: (
@@ -31,7 +31,7 @@ export const allProjects: Project[] = [
     tags: ["Compiler", "Interpreter", "Typescript"],
     links: {
       github: {
-        Icon: GithubIcon,
+        Icon: SourceCodeIcon,
         href: externalLinks.projects.spl.sourceCode,
       },
       demo: {
@@ -49,7 +49,7 @@ export const allProjects: Project[] = [
     tags: ["Canvas API", "Typescript", "Astro"],
     links: {
       github: {
-        Icon: GithubIcon,
+        Icon: SourceCodeIcon,
         href: externalLinks.projects.drawingApp.sourceCode,
       },
       demo: {
@@ -65,7 +65,7 @@ export const allProjects: Project[] = [
     tags: ["Canvas API", "Astro", "Typescript"],
     links: {
       github: {
-        Icon: GithubIcon,
+        Icon: SourceCodeIcon,
         href: externalLinks.projects.graphicsProjects.sourceCode,
       },
       demo: {
@@ -81,7 +81,7 @@ export const allProjects: Project[] = [
     tags: ["ESBuild", "Astro", "React.js", "Golang"],
     links: {
       github: {
-        Icon: GithubIcon,
+        Icon: SourceCodeIcon,
         href: externalLinks.projects.tsxBundler.sourceCode,
       },
       demo: {
@@ -97,7 +97,7 @@ export const allProjects: Project[] = [
     tags: ["Canvas API", "Astro", "Typescript"],
     links: {
       github: {
-        Icon: GithubIcon,
+        Icon: SourceCodeIcon,
         href: externalLinks.projects.games.sourceCode,
       },
       demo: {
diff --git a/tools-nodejs/vighnesh153-astro/website/tailwind.config.js b/tools-nodejs/vighnesh153-astro/website/tailwind.config.js
deleted file mode 100644
index c7d292ec..00000000
--- a/tools-nodejs/vighnesh153-astro/website/tailwind.config.js
+++ /dev/null
@@ -1,82 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
-  theme: {
-    colors: {
-      primary: "rgb(var(--color-primary))",
-      secondary: "rgb(var(--color-secondary))",
-      accent: "rgb(var(--color-accent))",
-      background: "rgb(var(--color-background))",
-      text: "rgb(var(--color-text))",
-
-      backgroundDark: "rgb(var(--color-bg-dark))",
-      backgroundLight: "rgb(var(--color-bg-light))",
-      backgroundBlend: "rgb(var(--color-bg-blend))",
-
-      text2: "rgba(var(--color-text) / 80%)",
-      text3: "rgba(var(--color-text) / 60%)",
-      text4: "rgba(var(--color-text) / 30%)",
-    },
-    fontFamily: {
-      sans: ["Helvetica", "Arial", "sans-serif"],
-    },
-    extend: {
-      transitionProperty: {
-        width: "width",
-      },
-      animation: {
-        "spin-slow": "spin 3s linear infinite",
-        "reverse-spin": "reverse-spin 1s linear infinite",
-      },
-      keyframes: {
-        "reverse-spin": {
-          from: {
-            transform: "rotate(360deg)",
-          },
-        },
-      },
-    },
-    zIndex: {
-      px: 1,
-      mobileStepper: 1000,
-      fab: 1050,
-      speedDial: 1050,
-      appBar: 1100,
-      drawer: 1200,
-      modal: 1300,
-      snackbar: 1400,
-      tooltip: 1500,
-    },
-  },
-  // prevent the following classes (defined in base.scss) from getting deleted from final bundle
-  safelist: [
-    // links
-    "regular-link",
-    "primary-btn-link",
-    "secondary-btn-link",
-    // buttons
-    "base-button",
-    "primary-button",
-    "secondary-button",
-    // popover
-    "popover-content-root",
-    // flex
-    "flex-col",
-    "flex-col-reverse",
-    "flex-row",
-    "flex-row-reverse",
-    "items-start",
-    "items-center",
-    "items-end",
-    // rotation
-    "before:rotate-90",
-    "before:-rotate-90",
-    "before:rotate-180",
-    // before pseudo elements
-    "before:text-primary",
-    // progress bar
-    "progress-bar",
-    // blog content class
-    "blog-content",
-  ],
-};