@layer properties;
      @layer theme, base, components, utilities;
      @layer theme {
        :root, :host {
          --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
            "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
          --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
            "Courier New", monospace;
          --color-emerald-200: oklch(90.5% 0.093 164.15);
          --color-emerald-300: oklch(84.5% 0.143 164.978);
          --color-emerald-400: oklch(76.5% 0.177 163.223);
          --color-emerald-500: oklch(69.6% 0.17 162.48);
          --color-emerald-600: oklch(59.6% 0.145 163.225);
          --color-zinc-900: oklch(21% 0.006 285.885);
          --color-black: #000;
          --color-white: #fff;
          --spacing: 0.25rem;
          --container-xs: 20rem;
          --container-xl: 36rem;
          --container-5xl: 64rem;
          --container-6xl: 72rem;
          --text-xs: 0.75rem;
          --text-xs--line-height: calc(1 / 0.75);
          --text-sm: 0.875rem;
          --text-sm--line-height: calc(1.25 / 0.875);
          --text-base: 1rem;
          --text-base--line-height: calc(1.5 / 1);
          --text-lg: 1.125rem;
          --text-lg--line-height: calc(1.75 / 1.125);
          --text-xl: 1.25rem;
          --text-xl--line-height: calc(1.75 / 1.25);
          --text-2xl: 1.5rem;
          --text-2xl--line-height: calc(2 / 1.5);
          --text-3xl: 1.875rem;
          --text-3xl--line-height: calc(2.25 / 1.875);
          --text-4xl: 2.25rem;
          --text-4xl--line-height: calc(2.5 / 2.25);
          --text-5xl: 3rem;
          --text-5xl--line-height: 1;
          --font-weight-medium: 500;
          --font-weight-semibold: 600;
          --font-weight-bold: 700;
          --font-weight-extrabold: 800;
          --tracking-tight: -0.025em;
          --tracking-wide: 0.025em;
          --leading-snug: 1.375;
          --leading-relaxed: 1.625;
          --radius-2xl: 1rem;
          --radius-3xl: 1.5rem;
          --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
          --blur-3xl: 64px;
          --default-transition-duration: 150ms;
          --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          --default-font-family: var(--font-sans);
          --default-mono-font-family: var(--font-mono);
        }
      }
      @layer base {
        *, ::after, ::before, ::backdrop, ::file-selector-button {
          box-sizing: border-box;
          margin: 0;
          padding: 0;
          border: 0 solid;
        }
        html, :host {
          line-height: 1.5;
          -webkit-text-size-adjust: 100%;
          tab-size: 4;
          font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
          font-feature-settings: var(--default-font-feature-settings, normal);
          font-variation-settings: var(--default-font-variation-settings, normal);
          -webkit-tap-highlight-color: transparent;
        }
        hr { height: 0; color: inherit; border-top-width: 1px; }
        abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
        h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
        a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }
        b, strong { font-weight: bolder; }
        code, kbd, samp, pre {
          font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
          font-feature-settings: var(--default-mono-font-feature-settings, normal);
          font-variation-settings: var(--default-mono-font-variation-settings, normal);
          font-size: 1em;
        }
        small { font-size: 80%; }
        sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
        sub { bottom: -0.25em; }
        sup { top: -0.5em; }
        table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
        :-moz-focusring { outline: auto; }
        progress { vertical-align: baseline; }
        summary { display: list-item; }
        ol, ul, menu { list-style: none; }
        img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
        img, video { max-width: 100%; height: auto; }
        button, input, select, optgroup, textarea, ::file-selector-button {
          font: inherit;
          font-feature-settings: inherit;
          font-variation-settings: inherit;
          letter-spacing: inherit;
          color: inherit;
          border-radius: 0;
          background-color: transparent;
          opacity: 1;
        }
        :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
        :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
        ::file-selector-button { margin-inline-end: 4px; }
        ::placeholder { opacity: 1; }
        @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
          ::placeholder {
            color: currentcolor;
            @supports (color: color-mix(in lab, red, red)) {
              color: color-mix(in oklab, currentcolor 50%, transparent);
            }
          }
        }
        textarea { resize: vertical; }
        ::-webkit-search-decoration { -webkit-appearance: none; }
        ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
        ::-webkit-datetime-edit { display: inline-flex; }
        ::-webkit-datetime-edit-fields-wrapper { padding: 0; }
        ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; }
        :-moz-ui-invalid { box-shadow: none; }
        button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; }
        ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
        [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
      }
      @layer utilities {
        .pointer-events-auto { pointer-events: auto; }
        .pointer-events-none { pointer-events: none; }
        .absolute { position: absolute; }
        .relative { position: relative; }
        .sticky { position: sticky; }
        .inset-0 { inset: calc(var(--spacing) * 0); }
        .-top-32 { top: calc(var(--spacing) * -32); }
        .top-0 { top: calc(var(--spacing) * 0); }
        .top-1\/3 { top: calc(1/3 * 100%); }
        .-right-10 { right: calc(var(--spacing) * -10); }
        .right-1\/4 { right: calc(1/4 * 100%); }
        .bottom-0 { bottom: calc(var(--spacing) * 0); }
        .-left-24 { left: calc(var(--spacing) * -24); }
        .-z-10 { z-index: calc(10 * -1); }
        .z-20 { z-index: 20; }
        .mx-auto { margin-inline: auto; }
        .mt-1 { margin-top: calc(var(--spacing) * 1); }
        .mt-2 { margin-top: calc(var(--spacing) * 2); }
        .mt-3 { margin-top: calc(var(--spacing) * 3); }
        .mt-4 { margin-top: calc(var(--spacing) * 4); }
        .mt-5 { margin-top: calc(var(--spacing) * 5); }
        .mt-6 { margin-top: calc(var(--spacing) * 6); }
        .mt-8 { margin-top: calc(var(--spacing) * 8); }
        .mt-16 { margin-top: calc(var(--spacing) * 16); }
        .mt-\[3px\] { margin-top: 3px; }
        .mr-2 { margin-right: calc(var(--spacing) * 2); }
        .mb-1 { margin-bottom: calc(var(--spacing) * 1); }
        .mb-2 { margin-bottom: calc(var(--spacing) * 2); }
        .mb-3 { margin-bottom: calc(var(--spacing) * 3); }
        .mb-4 { margin-bottom: calc(var(--spacing) * 4); }
        .mb-6 { margin-bottom: calc(var(--spacing) * 6); }
        .block { display: block; }
        .flex { display: flex; }
        .grid { display: grid; }
        .hidden { display: none; }
        .inline-flex { display: inline-flex; }
        .h-3\.5 { height: calc(var(--spacing) * 3.5); }
        .h-4 { height: calc(var(--spacing) * 4); }
        .h-6 { height: calc(var(--spacing) * 6); }
        .h-64 { height: calc(var(--spacing) * 64); }
        .h-72 { height: calc(var(--spacing) * 72); }
        .h-80 { height: calc(var(--spacing) * 80); }
        .h-\[3px\] { height: 3px; }
        .min-h-screen { min-height: 100vh; }
        .w-3\.5 { width: calc(var(--spacing) * 3.5); }
        .w-4 { width: calc(var(--spacing) * 4); }
        .w-6 { width: calc(var(--spacing) * 6); }
        .w-64 { width: calc(var(--spacing) * 64); }
        .w-72 { width: calc(var(--spacing) * 72); }
        .w-80 { width: calc(var(--spacing) * 80); }
        .w-\[min\(100vw-2rem\,24rem\)\] { width: min(100vw - 2rem, 24rem); }
        .w-full { width: 100%; }
        .max-w-5xl { max-width: var(--container-5xl); }
        .max-w-6xl { max-width: var(--container-6xl); }
        .max-w-xl { max-width: var(--container-xl); }
        .max-w-xs { max-width: var(--container-xs); }
        .min-w-\[140px\] { min-width: 140px; }
        .flex-1 { flex: 1; }
        .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
        .translate-y-6 { --tw-translate-y: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); }
        .animate-pulse { animation: var(--animate-pulse); }
        .cursor-not-allowed { cursor: not-allowed; }
        .cursor-pointer { cursor: pointer; }
        .list-inside { list-style-position: inside; }
        .list-disc { list-style-type: disc; }
        .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .flex-col { flex-direction: column; }
        .flex-row { flex-direction: row; }
        .items-center { align-items: center; }
        .items-start { align-items: flex-start; }
        .justify-between { justify-content: space-between; }
        .justify-center { justify-content: center; }
        .justify-end { justify-content: flex-end; }
        .gap-1 { gap: calc(var(--spacing) * 1); }
        .gap-2 { gap: calc(var(--spacing) * 2); }
        .gap-3 { gap: calc(var(--spacing) * 3); }
        .gap-4 { gap: calc(var(--spacing) * 4); }
        .gap-6 { gap: calc(var(--spacing) * 6); }
        .gap-8 { gap: calc(var(--spacing) * 8); }
        .gap-10 { gap: calc(var(--spacing) * 10); }
        .space-y-1 :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); }
        .space-y-2 :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); }
        .space-y-3 :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }
        .space-y-6 :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); }
        .overflow-hidden { overflow: hidden; }
        .rounded { border-radius: 0.25rem; }
        .rounded-2xl { border-radius: var(--radius-2xl); }
        .rounded-3xl { border-radius: var(--radius-3xl); }
        .rounded-full { border-radius: calc(infinity * 1px); }
        .border { border-style: var(--tw-border-style); border-width: 1px; }
        .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
        .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
        .border-\[\#4ade8080\] { border-color: #4ade8080; }
        .border-\[\#facc6b80\] { border-color: #facc6b80; }
        .border-emerald-500\/40 { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } }
        .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } }
        .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } }
        .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } }
        .border-white\/25 { border-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } }
        .border-white\/40 { border-color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 40%, transparent); } }
        .bg-black { background-color: var(--color-black); }
        .bg-black\/60 { background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } }
        .bg-black\/70 { background-color: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } }
        .bg-black\/80 { background-color: color-mix(in srgb, #000 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } }
        .bg-black\/90 { background-color: color-mix(in srgb, #000 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } }
        .bg-black\/95 { background-color: color-mix(in srgb, #000 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 95%, transparent); } }
        .bg-emerald-500 { background-color: var(--color-emerald-500); }
        .bg-emerald-500\/20 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } }
        .bg-emerald-500\/25 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent); } }
        .bg-emerald-500\/30 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } }
        .bg-emerald-500\/80 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 80%, transparent); } }
        .bg-transparent { background-color: transparent; }
        .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } }
        .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
        .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
        .from-\[\#facc6b\] { --tw-gradient-from: #facc6b; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
        .from-black { --tw-gradient-from: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
        .from-white\/5 { --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
        .via-\[\#fbbf24\] { --tw-gradient-via: #fbbf24; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
        .via-black { --tw-gradient-via: var(--color-black); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
        .via-emerald-500\/10 { --tw-gradient-via: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
        .to-\[\#f59e0b\] { --tw-gradient-to: #f59e0b; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
        .to-black { --tw-gradient-to: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
        .to-emerald-600\/20 { --tw-gradient-to: color-mix(in srgb, oklch(59.6% 0.145 163.225) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-600) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
        .to-zinc-900 { --tw-gradient-to: var(--color-zinc-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
        .p-4 { padding: calc(var(--spacing) * 4); }
        .p-5 { padding: calc(var(--spacing) * 5); }
        .px-3 { padding-inline: calc(var(--spacing) * 3); }
        .px-4 { padding-inline: calc(var(--spacing) * 4); }
        .px-5 { padding-inline: calc(var(--spacing) * 5); }
        .px-6 { padding-inline: calc(var(--spacing) * 6); }
        .py-1 { padding-block: calc(var(--spacing) * 1); }
        .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }
        .py-2 { padding-block: calc(var(--spacing) * 2); }
        .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); }
        .py-3 { padding-block: calc(var(--spacing) * 3); }
        .py-4 { padding-block: calc(var(--spacing) * 4); }
        .py-5 { padding-block: calc(var(--spacing) * 5); }
        .py-6 { padding-block: calc(var(--spacing) * 6); }
        .py-8 { padding-block: calc(var(--spacing) * 8); }
        .py-10 { padding-block: calc(var(--spacing) * 10); }
        .pt-4 { padding-top: calc(var(--spacing) * 4); }
        .pt-10 { padding-top: calc(var(--spacing) * 10); }
        .pb-4 { padding-bottom: calc(var(--spacing) * 4); }
        .pb-8 { padding-bottom: calc(var(--spacing) * 8); }
        .pb-16 { padding-bottom: calc(var(--spacing) * 16); }
        .text-center { text-align: center; }
        .text-right { text-align: right; }
        .font-sans { font-family: var(--font-sans); }
        .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); }
        .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); }
        .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); }
        .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); }
        .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
        .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
        .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
        .text-\[11px\] { font-size: 11px; }
        .leading-none { --tw-leading: 1; line-height: 1; }
        .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
        .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); }
        .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
        .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); }
        .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
        .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
        .tracking-\[0\.25em\] { --tw-tracking: 0.25em; letter-spacing: 0.25em; }
        .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); }
        .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }
        .text-\[\#bbf7d0\] { color: #bbf7d0; }
        .text-black { color: var(--color-black); }
        .text-emerald-200 { color: var(--color-emerald-200); }
        .text-emerald-300 { color: var(--color-emerald-300); }
        .text-emerald-400 { color: var(--color-emerald-400); }
        .text-white { color: var(--color-white); }
        .text-white\/40 { color: color-mix(in srgb, #fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } }
        .text-white\/45 { color: color-mix(in srgb, #fff 45%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 45%, transparent); } }
        .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } }
        .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } }
        .text-white\/65 { color: color-mix(in srgb, #fff 65%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 65%, transparent); } }
        .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } }
        .text-white\/75 { color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 75%, transparent); } }
        .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } }
        .text-white\/85 { color: color-mix(in srgb, #fff 85%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 85%, transparent); } }
        .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } }
        .uppercase { text-transform: uppercase; }
        .underline-offset-2 { text-underline-offset: 2px; }
        .underline-offset-4 { text-underline-offset: 4px; }
        .opacity-0 { opacity: 0%; }
        .opacity-60 { opacity: 60%; }
        .opacity-70 { opacity: 70%; }
        .opacity-80 { opacity: 80%; }
        .opacity-100 { opacity: 100%; }
        .shadow-\[0_0_12px_rgba\(34\,197\,94\,0\.7\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(34,197,94,0.7)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .shadow-\[0_0_14px_rgba\(34\,197\,94\,0\.7\)\] { --tw-shadow: 0 0 14px var(--tw-shadow-color, rgba(34,197,94,0.7)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .shadow-\[0_0_16px_rgba\(34\,197\,94\,0\.7\)\] { --tw-shadow: 0 0 16px var(--tw-shadow-color, rgba(34,197,94,0.7)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .shadow-\[0_0_18px_rgba\(74\,222\,128\,0\.25\)\] { --tw-shadow: 0 0 18px var(--tw-shadow-color, rgba(74,222,128,0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .shadow-\[0_0_22px_rgba\(74\,222\,128\,0\.3\)\] { --tw-shadow: 0 0 22px var(--tw-shadow-color, rgba(74,222,128,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .shadow-\[0_0_24px_rgba\(250\,204\,107\,0\.6\)\] { --tw-shadow: 0 0 24px var(--tw-shadow-color, rgba(250,204,107,0.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .shadow-\[0_0_30px_rgba\(0\,0\,0\,0\.8\)\] { --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(0,0,0,0.8)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .shadow-\[0_0_40px_rgba\(0\,0\,0\,0\.9\)\] { --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(0,0,0,0.9)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .shadow-\[0_10px_40px_rgba\(0\,0\,0\,0\.8\)\] { --tw-shadow: 0 10px 40px var(--tw-shadow-color, rgba(0,0,0,0.8)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .shadow-\[0_18px_60px_rgba\(0\,0\,0\,0\.9\)\] { --tw-shadow: 0 18px 60px var(--tw-shadow-color, rgba(0,0,0,0.9)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .blur-3xl { --tw-blur: blur(var(--blur-3xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
        .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
        .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
        .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
        .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
        .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
        .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }
        .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; }
        .select-none { -webkit-user-select: none; user-select: none; }
        .placeholder\:text-white\/35::placeholder { color: color-mix(in srgb, #fff 35%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 35%, transparent); } }
        .checked\:bg-emerald-500:checked { background-color: var(--color-emerald-500); }
        .hover\:-translate-y-1:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } }
        .hover\:-translate-y-\[1px\]:hover { @media (hover: hover) { --tw-translate-y: calc(1px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } }
        .hover\:-translate-y-\[2px\]:hover { @media (hover: hover) { --tw-translate-y: calc(2px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } }
        .hover\:border-\[\#4ade80\]:hover { @media (hover: hover) { border-color: #4ade80; } }
        .hover\:border-\[\#facc6b\]:hover { @media (hover: hover) { border-color: #facc6b; } }
        .hover\:border-emerald-400:hover { @media (hover: hover) { border-color: var(--color-emerald-400); } }
        .hover\:border-emerald-400\/70:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent); } } }
        .hover\:border-white:hover { @media (hover: hover) { border-color: var(--color-white); } }
        .hover\:bg-\[\#022c22\]:hover { @media (hover: hover) { background-color: #022c22; } }
        .hover\:bg-emerald-400:hover { @media (hover: hover) { background-color: var(--color-emerald-400); } }
        .hover\:bg-emerald-500\/10:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } }
        .hover\:bg-white\/5:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } }
        .hover\:text-emerald-200:hover { @media (hover: hover) { color: var(--color-emerald-200); } }
        .hover\:text-white:hover { @media (hover: hover) { color: var(--color-white); } }
        .hover\:underline:hover { @media (hover: hover) { text-decoration-line: underline; } }
        .hover\:shadow-\[0_0_26px_rgba\(74\,222\,128\,0\.45\)\]:hover { @media (hover: hover) { --tw-shadow: 0 0 26px var(--tw-shadow-color, rgba(74,222,128,0.45)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } }
        .hover\:shadow-\[0_0_30px_rgba\(74\,222\,128\,0\.5\)\]:hover { @media (hover: hover) { --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(74,222,128,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } }
        .hover\:shadow-\[0_0_30px_rgba\(250\,204\,107\,0\.5\)\]:hover { @media (hover: hover) { --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(250,204,107,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } }
        .hover\:shadow-\[0_0_32px_rgba\(74\,222\,128\,0\.55\)\]:hover { @media (hover: hover) { --tw-shadow: 0 0 32px var(--tw-shadow-color, rgba(74,222,128,0.55)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } }
        .hover\:brightness-110:hover { @media (hover: hover) { --tw-brightness: brightness(110%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } }
        .checked\:hover\:bg-emerald-500:checked:hover { @media (hover: hover) { background-color: var(--color-emerald-500); } }
        .focus\:border-\[\#facc6b\]:focus { border-color: #facc6b; }
        .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .focus\:ring-\[\#facc6b80\]:focus { --tw-ring-color: #facc6b80; }
        .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; }
        .focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
        .focus-visible\:ring-emerald-400:focus-visible { --tw-ring-color: var(--color-emerald-400); }
        .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
        .focus-visible\:ring-offset-black:focus-visible { --tw-ring-offset-color: var(--color-black); }
        .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; }
        .active\:translate-y-0:active { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
        .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); }
        @media (width >= 40rem) {
          .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); }
          .sm\:block { display: block; }
          .sm\:grid { display: grid; }
          .sm\:inline-flex { display: inline-flex; }
          .sm\:w-auto { width: auto; }
          .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
          .sm\:flex-col { flex-direction: column; }
          .sm\:flex-row { flex-direction: row; }
          .sm\:items-center { align-items: center; }
          .sm\:justify-between { justify-content: space-between; }
          .sm\:gap-2 { gap: calc(var(--spacing) * 2); }
          .sm\:gap-4 { gap: calc(var(--spacing) * 4); }
          .sm\:p-6 { padding: calc(var(--spacing) * 6); }
          .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); }
          .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); }
          .sm\:py-4 { padding-block: calc(var(--spacing) * 4); }
          .sm\:py-8 { padding-block: calc(var(--spacing) * 8); }
          .sm\:py-10 { padding-block: calc(var(--spacing) * 10); }
          .sm\:py-12 { padding-block: calc(var(--spacing) * 12); }
          .sm\:py-16 { padding-block: calc(var(--spacing) * 16); }
          .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); }
          .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); }
          .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); }
          .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); }
          .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
          .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
          .sm\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
          .sm\:text-\[13px\] { font-size: 13px; }
        }
        @media (width >= 48rem) {
          .md\:mt-20 { margin-top: calc(var(--spacing) * 20); }
          .md\:flex { display: flex; }
          .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
          .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
          .md\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)\] { grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr); }
          .md\:pt-16 { padding-top: calc(var(--spacing) * 16); }
          .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); }
        }
      }
      .font-sans { font-family: system-ui,ui-sans-serif,sans-serif; }
      @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
      @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
      @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
      @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
      @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
      @property --tw-gradient-position { syntax: "*"; inherits: false; }
      @property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
      @property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
      @property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
      @property --tw-gradient-stops { syntax: "*"; inherits: false; }
      @property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
      @property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
      @property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
      @property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
      @property --tw-leading { syntax: "*"; inherits: false; }
      @property --tw-font-weight { syntax: "*"; inherits: false; }
      @property --tw-tracking { syntax: "*"; inherits: false; }
      @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
      @property --tw-shadow-color { syntax: "*"; inherits: false; }
      @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
      @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
      @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
      @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
      @property --tw-ring-color { syntax: "*"; inherits: false; }
      @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
      @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
      @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
      @property --tw-ring-inset { syntax: "*"; inherits: false; }
      @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
      @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
      @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
      @property --tw-blur { syntax: "*"; inherits: false; }
      @property --tw-brightness { syntax: "*"; inherits: false; }
      @property --tw-contrast { syntax: "*"; inherits: false; }
      @property --tw-grayscale { syntax: "*"; inherits: false; }
      @property --tw-hue-rotate { syntax: "*"; inherits: false; }
      @property --tw-invert { syntax: "*"; inherits: false; }
      @property --tw-opacity { syntax: "*"; inherits: false; }
      @property --tw-saturate { syntax: "*"; inherits: false; }
      @property --tw-sepia { syntax: "*"; inherits: false; }
      @property --tw-drop-shadow { syntax: "*"; inherits: false; }
      @property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
      @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
      @property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
      @property --tw-backdrop-blur { syntax: "*"; inherits: false; }
      @property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
      @property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
      @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
      @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
      @property --tw-backdrop-invert { syntax: "*"; inherits: false; }
      @property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
      @property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
      @property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
      @property --tw-duration { syntax: "*"; inherits: false; }
      @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
      @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
      @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
      @keyframes pulse { 50% { opacity: 0.5; } }
    

      .logo {
        display: inline-flex;
        flex-direction: column;
        gap: 6px;
        align-items: flex-start;
        width: max-content;
      }
      .logo-main {
        font-size: 24px;
        font-weight: 900;
        letter-spacing: -0.01em;
        line-height: 1;
        display: inline-block;
      }
      .logo-underline {
        position: relative;
        height: 3px;
        width: 100%;
        background: #1bd760;
        border-radius: 2px;
        box-shadow: 0 0 8px rgba(27, 215, 96, 0.8);
        overflow: hidden;
      }
      .logo-underline::after {
        content: "";
        position: absolute;
        top: 0;
        left: -40px;
        width: 40px;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
        animation: sparkle 2.5s linear infinite;
      }
      @keyframes sparkle {
        0% { left: -40px; }
        100% { left: 100%; }
      }

      /* Premium reflection over the waitlist email card. */
      .premium-reflection-box {
        position: relative;
        isolation: isolate;
        overflow: hidden;
      }
      .premium-reflection-box > * {
        position: relative;
        z-index: 2;
      }
      .premium-reflection-box::before {
        content: "";
        position: absolute;
        top: -56%;
        left: -78%;
        width: 44%;
        height: 215%;
        pointer-events: none;
        z-index: 1;
        background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.015) 20%, rgba(255,255,255,0.12) 39%, rgba(255,255,255,0.33) 49%, rgba(255,255,255,0.16) 59%, transparent 82%);
        filter: blur(11px);
        transform: rotate(17deg) translateX(-280%);
        animation: premiumWaitlistReflection 7.2s cubic-bezier(.16,.84,.31,1) infinite;
        mix-blend-mode: screen;
      }
      .premium-reflection-box::after {
        content: "";
        position: absolute;
        inset: 0;
        padding: 1.6px;
        pointer-events: none;
        z-index: 3;
        border-radius: inherit;
        background: linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,0.08) 41%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 51%, rgba(255,255,255,0.16) 59%, transparent 68%, transparent 100%);
        background-size: 540% 540%;
        background-position: 178% 138%;
        filter: drop-shadow(0 0 9px rgba(255,255,255,0.7)) drop-shadow(0 0 18px rgba(255,255,255,0.32));
        opacity: 0;
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        animation: premiumWaitlistBorderSweep 7.2s cubic-bezier(.16,.84,.31,1) infinite;
      }
      @keyframes premiumWaitlistReflection {
        0%, 16% { transform: rotate(17deg) translateX(-285%); opacity: 0; }
        25% { opacity: .95; }
        62% { opacity: .58; }
        84%, 100% { transform: rotate(17deg) translateX(900%); opacity: 0; }
      }
      @keyframes premiumWaitlistBorderSweep {
        0%, 16% { background-position: 178% 138%; opacity: 0; }
        24% { opacity: 1; }
        63% { opacity: .96; }
        84%, 100% { background-position: -178% -38%; opacity: 0; }
      }
      @media (prefers-reduced-motion: reduce) {
        .premium-reflection-box::before { animation: none !important; opacity: .18; transform: rotate(17deg) translateX(120%); }
        .premium-reflection-box::after { animation: none !important; opacity: .35; background-position: 50% 50%; }
      }

      /* Mobile (<640px): keep desktop look, but sized + centered to avoid overflow/stretch */
      @media (max-width: 639px) {
        .logo { gap: 4px; align-items: center; }
        .logo-main { font-size: 20px; text-align: center; }
        .logo-underline {
          height: 2px;
          border-radius: 2px;
          box-shadow: 0 0 3px rgba(27, 215, 96, 0.35);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .logo-underline::after { animation: none !important; }
      }

      @media (max-width: 639px) {
        #waitlist { transition: border-color .18s ease, box-shadow .18s ease; }
        #waitlist:focus-within {
          border-color: rgba(250, 204, 107, 0.95) !important;
          box-shadow: 0 0 0 1px rgba(250, 204, 107, 0.35), 0 0 26px rgba(250, 204, 107, 0.28) !important;
          animation: dgFocusPop 380ms ease-out;
        }
        #email:focus {
          border-color: rgba(250, 204, 107, 0.95) !important;
          box-shadow: 0 0 0 2px rgba(250, 204, 107, 0.28) !important;
        }
        @keyframes dgFocusPop {
          0% { box-shadow: 0 0 0 1px rgba(250, 204, 107, 0.0), 0 0 0 rgba(250, 204, 107, 0.0); }
          60% { box-shadow: 0 0 0 1px rgba(250, 204, 107, 0.45), 0 0 32px rgba(250, 204, 107, 0.36); }
          100% { box-shadow: 0 0 0 1px rgba(250, 204, 107, 0.35), 0 0 26px rgba(250, 204, 107, 0.28); }
        }
      }

      /* Equal-size CTA buttons in the "What you get..." block (stacked) */
      .dg-cta-stack { display:flex; flex-direction:column; gap:12px; margin-top:20px; width:100%; margin-left:auto; margin-right:auto; }
      .dg-cta-stack a { width:100%; min-height:44px; white-space:nowrap; }
      @media (min-width:640px) { .dg-cta-stack { max-width:420px; } }

      /* Mobile-only fixes (desktop unchanged) */
      @media (max-width: 639px) {
        html, body { overflow-x: hidden; }
        header .mx-auto.max-w-6xl { flex-wrap: wrap; gap: 12px; justify-content: center; }
        header .mx-auto.max-w-6xl > a.logo { flex: 0 0 auto; width: fit-content; max-width: 100%; margin-left: auto; margin-right: auto; }
        header .mx-auto.max-w-6xl > a[data-ks-prelaunch] { flex: 1 1 100%; justify-content: center; }

        .logo { gap: 5px; width: fit-content; align-items: center; }
        .logo-main { font-size: 20px; text-align: center; }
        .logo-underline { height: 2px; box-shadow: 0 0 6px rgba(27, 215, 96, 0.7); }

        .dg-cta-stack a { white-space: normal !important; line-height: 1.15; }

        #waitlist { scroll-margin-top: 120px; }

        #email { font-size: 16px !important; padding: 12px 14px !important; }

        #waitlist { border-color: rgba(250, 204, 107, 0.65) !important; }
      }