Add pill interaction hints + organic dynamics

- Pill breathing glow pulse invites clicks
- Delayed "pick a side" text fades in at 10% opacity after 4s
- Mesh gradient blobs shift colors with scroll (blue→red palette)
- Floating rings follow mouse cursor with parallax depth
- Ring keyframes add organic scale breathing
- Blob keyframes add subtle rotation
- Remove shatter canvas particles

Author: BH3GEI

docs/assets/BaseLayout.DvchToNK.js docs/assets/BaseLayout.Cbz896LT.jsdocs/assets/BaseLayout.DvchToNK.js renamed to docs/assets/BaseLayout.Cbz896LT.js

@@ -1,6 +1,6 @@
 import { joinPaths, isRemotePath } from '@astrojs/internal-helpers/path';
 import { A as AstroError, E as ExpectedImage, L as LocalImageUsedWrongly, M as MissingImageDimension, l as UnsupportedImageFormat, I as IncompatibleDescriptorOptions, n as UnsupportedImageConversion, t as toStyleString, o as NoImageMetadata, F as FailedToFetchRemoteImageDimensions, p as ExpectedImageOptions, q as ExpectedNotESMImage, s as InvalidImageService, c as createAstro, a as createComponent, v as ImageMissingAlt, m as maybeRenderHead, d as addAttribute, w as spreadAttributes, b as renderTemplate, x as ExperimentalFontsNotEnabled, y as FontFamilyNotFound, u as unescapeHTML } from './astro/server.K-yHHyjY.js';
-import { D as DEFAULT_OUTPUT_FORMAT, V as VALID_SUPPORTED_FORMATS, a as DEFAULT_HASH_PROPS } from './BaseLayout.DvchToNK.js';
+import { D as DEFAULT_OUTPUT_FORMAT, V as VALID_SUPPORTED_FORMATS, a as DEFAULT_HASH_PROPS } from './BaseLayout.Cbz896LT.js';
 import { isRemoteAllowed } from '@astrojs/internal-helpers/remote';
 import * as mime from 'mrmime';
 import 'clsx';
@@ -1188,7 +1188,7 @@ async function getConfiguredImageService() {
   if (!globalThis?.astroAsset?.imageService) {
     const { default: service } = await import(
       // @ts-expect-error
-      './sharp.BssNRP1G.js'
+      './sharp.XrSMhsZb.js'
     ).catch((e) => {
       const error = new AstroError(InvalidImageService);
       error.cause = e;
@@ -1354,7 +1354,7 @@ const $$Image = createComponent(async ($$result, $$props, $$slots) => {
   }
   const { class: className, ...attributes } = { ...additionalAttributes, ...image.attributes };
   return renderTemplate`${maybeRenderHead()}<img${addAttribute(image.src, "src")}${spreadAttributes(attributes)}${addAttribute(className, "class")}>`;
-}, "/home/runner/work/mofa-org.github.io/mofa-org.github.io/mofa-website/node_modules/astro/components/Image.astro", void 0);
+}, "/Users/yao/Desktop/code/work/mofa-org/mofa-org.github.io/mofa-website/node_modules/astro/components/Image.astro", void 0);
 
 const $$Astro$1 = createAstro("https://mofa-org.github.io");
 const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
@@ -1425,7 +1425,7 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
     const srcsetAttribute = props.densities || !props.densities && !props.widths && !useResponsive ? `${image.src}${image.srcSet.values.length > 0 ? ", " + image.srcSet.attribute : ""}` : image.srcSet.attribute;
     return renderTemplate`<source${addAttribute(srcsetAttribute, "srcset")}${addAttribute(mime.lookup(image.options.format ?? image.src) ?? `image/${image.options.format}`, "type")}${spreadAttributes(sourceAdditionalAttributes)}>`;
   })}  <img${addAttribute(fallbackImage.src, "src")}${spreadAttributes(attributes)}${addAttribute(className, "class")}> </picture>`;
-}, "/home/runner/work/mofa-org.github.io/mofa-org.github.io/mofa-website/node_modules/astro/components/Picture.astro", void 0);
+}, "/Users/yao/Desktop/code/work/mofa-org/mofa-org.github.io/mofa-website/node_modules/astro/components/Picture.astro", void 0);
 
 const mod = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null
@@ -1448,7 +1448,7 @@ const $$Font = createComponent(($$result, $$props, $$slots) => {
     });
   }
   return renderTemplate`${preload && data.preloadData.map(({ url, type }) => renderTemplate`<link rel="preload"${addAttribute(url, "href")} as="font"${addAttribute(`font/${type}`, "type")} crossorigin>`)}<style>${unescapeHTML(data.css)}</style>`;
-}, "/home/runner/work/mofa-org.github.io/mofa-org.github.io/mofa-website/node_modules/astro/components/Font.astro", void 0);
+}, "/Users/yao/Desktop/code/work/mofa-org/mofa-org.github.io/mofa-website/node_modules/astro/components/Font.astro", void 0);
 
 const imageConfig = {"endpoint":{"route":"/_image"},"service":{"entrypoint":"astro/assets/services/sharp","config":{}},"domains":[],"remotePatterns":[],"responsiveStyles":false};
 							const getImage = async (options) => await getImage$1(options, imageConfig);

docs/assets/_astro_assets.Dy0Qlt9O.js docs/assets/_astro_assets.0Icoda-c.jsdocs/assets/_astro_assets.Dy0Qlt9O.js renamed to docs/assets/_astro_assets.0Icoda-c.js

@@ -1,5 +1,5 @@
 import { A as AstroError, z as MissingSharp } from './astro/server.K-yHHyjY.js';
-import { b as baseService, p as parseQuality } from './_astro_assets.Dy0Qlt9O.js';
+import { b as baseService, p as parseQuality } from './_astro_assets.0Icoda-c.js';
 
 let sharp;
 const qualityTable = {