@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/frontend/fonts/8298327da6d5bcce-s.132ro2ak-rvxq.woff2)
        format("woff2");
    unicode-range:
        U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/frontend/fonts/44fac91e6f2d2b1b-s.0f~sf101j6mzi.woff2)
        format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/frontend/fonts/2b402d8aebffd579-s.0dskwooysu3cf.woff2)
        format("woff2");
    unicode-range:
        U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0,
        U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/frontend/fonts/a88409fdd7dc121c-s.0ir_pxtv760h..woff2)
        format("woff2");
    unicode-range:
        U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308,
        U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/frontend/fonts/e8f2fbee2754df70-s.p.0fzkl03jw-sdz.woff2)
        format("woff2");
    unicode-range:
        U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308,
        U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}
@font-face {
    font-family: Montserrat Fallback;
    src: local(Arial);
    ascent-override: 85.79%;
    descent-override: 22.25%;
    line-gap-override: 0%;
    size-adjust: 112.83%;
}
.montserrat_c5a0b145-module__19wr9q__className {
    font-family:
        Montserrat,
        Montserrat Fallback;
    font-style: normal;
}
.montserrat_c5a0b145-module__19wr9q__variable {
    --font-montserrat: "Montserrat", "Montserrat Fallback";
}
@font-face {
    font-family: JetBrains Mono;
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url(/frontend/fonts/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)
        format("woff2");
    unicode-range:
        U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
    font-family: JetBrains Mono;
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url(/frontend/fonts/cc545e633e20c56d-s.0dza.stei.9v7.woff2)
        format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
    font-family: JetBrains Mono;
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url(/frontend/fonts/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)
        format("woff2");
    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
    font-family: JetBrains Mono;
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url(/frontend/fonts/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)
        format("woff2");
    unicode-range:
        U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0,
        U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: JetBrains Mono;
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url(/frontend/fonts/3fe682a82f50d426-s.09q3q1i5159bl.woff2)
        format("woff2");
    unicode-range:
        U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308,
        U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: JetBrains Mono;
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url(/frontend/fonts/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)
        format("woff2");
    unicode-range:
        U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308,
        U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}
@font-face {
    font-family: JetBrains Mono Fallback;
    src: local(Arial);
    ascent-override: 75.79%;
    descent-override: 22.29%;
    line-gap-override: 0%;
    size-adjust: 134.59%;
}
.jetbrains_mono_6104e6b7-module__s6uLTa__className {
    font-family:
        JetBrains Mono,
        JetBrains Mono Fallback;
    font-style: normal;
}
.jetbrains_mono_6104e6b7-module__s6uLTa__variable {
    --font-mono: "JetBrains Mono", "JetBrains Mono Fallback";
}

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
        ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
        }
    }
}
@layer theme {
    :root,
    :host {
        --font-serif: Georgia, "Times New Roman", Times, serif;
        --font-mono: var(--font-mono), monospace;
        --color-red-50: #fef2f2;
        --color-red-100: #ffe2e2;
        --color-red-200: #ffcaca;
        --color-red-500: #fb2c36;
        --color-red-600: #e40014;
        --color-orange-500: #fe6e00;
        --color-amber-50: #fffbeb;
        --color-amber-100: #fef3c6;
        --color-amber-200: #fee685;
        --color-amber-300: #ffd236;
        --color-amber-500: #f99c00;
        --color-amber-600: #dd7400;
        --color-amber-700: #b75000;
        --color-yellow-50: #fefce8;
        --color-yellow-200: #fff085;
        --color-yellow-600: #cd8900;
        --color-green-50: #f0fdf4;
        --color-green-100: #dcfce7;
        --color-green-200: #b9f8cf;
        --color-green-500: #00c758;
        --color-green-600: #00a544;
        --color-emerald-50: #ecfdf5;
        --color-emerald-100: #d0fae5;
        --color-emerald-200: #a4f4cf;
        --color-emerald-300: #5ee9b5;
        --color-emerald-500: #00bb7f;
        --color-emerald-600: #009767;
        --color-emerald-700: #007956;
        --color-teal-500: #00baa7;
        --color-teal-700: #00776e;
        --color-blue-50: #eff6ff;
        --color-blue-100: #dbeafe;
        --color-blue-200: #bedbff;
        --color-blue-300: #90c5ff;
        --color-blue-500: #3080ff;
        --color-blue-600: #155dfc;
        --color-blue-700: #1447e6;
        --color-violet-50: #f5f3ff;
        --color-violet-100: #ede9fe;
        --color-violet-200: #ddd6ff;
        --color-violet-300: #c4b4ff;
        --color-violet-500: #8d54ff;
        --color-violet-600: #7f22fe;
        --color-violet-700: #7008e7;
        --color-purple-800: #6e11b0;
        --color-rose-50: #fff1f2;
        --color-rose-100: #ffe4e6;
        --color-rose-200: #ffccd3;
        --color-rose-300: #ffa2ae;
        --color-rose-500: #ff2357;
        --color-rose-600: #e70044;
        --color-rose-700: #c20039;
        --color-rose-800: #a30037;
        --color-gray-800: #1e2939;
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-7xl: 80rem;
        --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;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tight: -0.025em;
        --tracking-wide: 0.025em;
        --tracking-wider: 0.05em;
        --tracking-widest: 0.1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-relaxed: 1.625;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --ease-out: cubic-bezier(0, 0, 0.2, 1);
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --blur-3xl: 64px;
        --aspect-video: 16 / 9;
        --default-transition-duration: 0.15s;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-montserrat), system-ui, sans-serif;
        --default-mono-font-family: var(--font-mono), monospace;
    }
    @supports (color: lab(0% 0 0)) {
        :root,
        :host {
            --color-red-50: lab(96.5005% 4.18508 1.52328);
            --color-red-100: lab(92.243% 10.2865 3.83865);
            --color-red-200: lab(86.017% 19.8815 7.75869);
            --color-red-500: lab(55.4814% 75.0732 48.8528);
            --color-red-600: lab(48.4493% 77.4328 61.5452);
            --color-orange-500: lab(64.272% 57.1788 90.3583);
            --color-amber-50: lab(98.6252% -0.635922 8.42309);
            --color-amber-100: lab(95.916% -1.21653 23.111);
            --color-amber-200: lab(91.7203% -0.505269 49.9084);
            --color-amber-300: lab(86.4156% 6.13147 78.3961);
            --color-amber-500: lab(72.7183% 31.8672 97.9407);
            --color-amber-600: lab(60.3514% 40.5624 87.1228);
            --color-amber-700: lab(47.2709% 42.9082 69.2966);
            --color-yellow-50: lab(98.6846% -1.79055 9.7766);
            --color-yellow-200: lab(94.3433% -5.00429 52.9663);
            --color-yellow-600: lab(62.7799% 22.4197 86.1544);
            --color-green-50: lab(98.1563% -5.60117 2.75915);
            --color-green-100: lab(96.1861% -13.8464 6.52365);
            --color-green-200: lab(92.4222% -26.4702 12.9427);
            --color-green-500: lab(70.5521% -66.5147 45.8073);
            --color-green-600: lab(59.0978% -58.6621 41.2579);
            --color-emerald-50: lab(97.8462% -6.94966 1.85487);
            --color-emerald-100: lab(94.9004% -17.0769 5.63836);
            --color-emerald-200: lab(90.2247% -31.039 9.47084);
            --color-emerald-300: lab(83.9203% -48.7124 13.8849);
            --color-emerald-500: lab(66.9756% -58.27 19.5419);
            --color-emerald-600: lab(55.0481% -49.9246 15.93);
            --color-emerald-700: lab(44.4871% -41.0396 11.0361);
            --color-teal-500: lab(67.3859% -49.0983 -2.63511);
            --color-teal-700: lab(44.4134% -33.1436 -4.22149);
            --color-blue-50: lab(96.492% -1.14644 -5.11479);
            --color-blue-100: lab(92.0301% -2.24757 -11.6453);
            --color-blue-200: lab(86.15% -4.04379 -21.0797);
            --color-blue-300: lab(77.5052% -6.4629 -36.42);
            --color-blue-500: lab(54.1736% 13.3369 -74.6839);
            --color-blue-600: lab(44.0605% 29.0279 -86.0352);
            --color-blue-700: lab(36.9089% 35.0961 -85.6872);
            --color-violet-50: lab(96.2416% 2.28849 -5.51657);
            --color-violet-100: lab(93.0838% 4.35197 -9.88284);
            --color-violet-200: lab(87.0888% 8.53688 -19.4189);
            --color-violet-300: lab(76.7419% 18.3911 -37.0706);
            --color-violet-500: lab(49.9355% 55.1776 -81.8963);
            --color-violet-600: lab(41.088% 68.9966 -91.995);
            --color-violet-700: lab(35.2783% 67.9912 -88.793);
            --color-purple-800: lab(30.6017% 56.7637 -64.4751);
            --color-rose-50: lab(96.2369% 4.94155 1.28011);
            --color-rose-100: lab(92.8221% 9.86832 2.60075);
            --color-rose-200: lab(86.806% 19.1909 4.07754);
            --color-rose-300: lab(76.6339% 38.3549 9.68835);
            --color-rose-500: lab(56.101% 79.4328 31.4532);
            --color-rose-600: lab(49.1882% 81.577 36.0311);
            --color-rose-700: lab(41.1651% 71.6251 30.3087);
            --color-rose-800: lab(34.6481% 60.802 20.1957);
            --color-gray-800: lab(16.1051% -1.18239 -11.7533);
        }
    }
}
@layer base {
    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }
    html,
    :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        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;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: 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 {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative;
    }
    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 {
        vertical-align: middle;
        display: block;
    }
    img,
    video {
        max-width: 100%;
        height: auto;
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0;
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0;
    }
    :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)) {
            ::placeholder {
                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 {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-year-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-month-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-day-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-second-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }
    ::-webkit-calendar-picker-indicator {
        line-height: 1;
    }
    :-moz-ui-invalid {
        box-shadow: none;
    }
    button,
    input:where([type="button"], [type="reset"], [type="submit"]) {
        appearance: button;
    }
    ::file-selector-button {
        appearance: button;
    }
    ::-webkit-inner-spin-button {
        height: auto;
    }
    ::-webkit-outer-spin-button {
        height: auto;
    }
    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}
@layer components;
@layer utilities {
    .pointer-events-none {
        pointer-events: none;
    }
    .invisible {
        visibility: hidden;
    }
    .visible {
        visibility: visible;
    }
    .absolute {
        position: absolute;
    }
    .fixed {
        position: fixed;
    }
    .relative {
        position: relative;
    }
    .static {
        position: static;
    }
    .-inset-1 {
        inset: calc(var(--spacing) * -1);
    }
    .-inset-2 {
        inset: calc(var(--spacing) * -2);
    }
    .inset-0 {
        inset: calc(var(--spacing) * 0);
    }
    .inset-8 {
        inset: calc(var(--spacing) * 8);
    }
    .inset-x-0 {
        inset-inline: calc(var(--spacing) * 0);
    }
    .start {
        inset-inline-start: var(--spacing);
    }
    .end {
        inset-inline-end: var(--spacing);
    }
    .-top-1\.5 {
        top: calc(var(--spacing) * -1.5);
    }
    .-top-3 {
        top: calc(var(--spacing) * -3);
    }
    .-top-4 {
        top: calc(var(--spacing) * -4);
    }
    .-top-8 {
        top: calc(var(--spacing) * -8);
    }
    .-top-10 {
        top: calc(var(--spacing) * -10);
    }
    .-top-12 {
        top: calc(var(--spacing) * -12);
    }
    .-top-20 {
        top: calc(var(--spacing) * -20);
    }
    .top-0 {
        top: calc(var(--spacing) * 0);
    }
    .top-1 {
        top: calc(var(--spacing) * 1);
    }
    .top-1\/2 {
        top: 50%;
    }
    .top-1\/3 {
        top: 33.3333%;
    }
    .top-3 {
        top: calc(var(--spacing) * 3);
    }
    .top-4 {
        top: calc(var(--spacing) * 4);
    }
    .top-5 {
        top: calc(var(--spacing) * 5);
    }
    .top-6 {
        top: calc(var(--spacing) * 6);
    }
    .top-8 {
        top: calc(var(--spacing) * 8);
    }
    .top-12 {
        top: calc(var(--spacing) * 12);
    }
    .top-16 {
        top: calc(var(--spacing) * 16);
    }
    .top-\[20\%\] {
        top: 20%;
    }
    .top-\[45\%\] {
        top: 45%;
    }
    .top-full {
        top: 100%;
    }
    .-right-3 {
        right: calc(var(--spacing) * -3);
    }
    .-right-4 {
        right: calc(var(--spacing) * -4);
    }
    .-right-8 {
        right: calc(var(--spacing) * -8);
    }
    .-right-10 {
        right: calc(var(--spacing) * -10);
    }
    .-right-12 {
        right: calc(var(--spacing) * -12);
    }
    .-right-20 {
        right: calc(var(--spacing) * -20);
    }
    .right-0 {
        right: calc(var(--spacing) * 0);
    }
    .right-1\.5 {
        right: calc(var(--spacing) * 1.5);
    }
    .right-1\/4 {
        right: 25%;
    }
    .right-3 {
        right: calc(var(--spacing) * 3);
    }
    .right-4 {
        right: calc(var(--spacing) * 4);
    }
    .right-5 {
        right: calc(var(--spacing) * 5);
    }
    .right-6 {
        right: calc(var(--spacing) * 6);
    }
    .right-12 {
        right: calc(var(--spacing) * 12);
    }
    .right-16 {
        right: calc(var(--spacing) * 16);
    }
    .right-20 {
        right: calc(var(--spacing) * 20);
    }
    .right-\[5\%\] {
        right: 5%;
    }
    .right-\[12\.5\%\] {
        right: 12.5%;
    }
    .right-\[70px\] {
        right: 70px;
    }
    .right-\[130px\] {
        right: 130px;
    }
    .-bottom-4 {
        bottom: calc(var(--spacing) * -4);
    }
    .-bottom-6 {
        bottom: calc(var(--spacing) * -6);
    }
    .-bottom-8 {
        bottom: calc(var(--spacing) * -8);
    }
    .-bottom-10 {
        bottom: calc(var(--spacing) * -10);
    }
    .-bottom-12 {
        bottom: calc(var(--spacing) * -12);
    }
    .-bottom-20 {
        bottom: calc(var(--spacing) * -20);
    }
    .-bottom-\[17px\] {
        bottom: -17px;
    }
    .bottom-0 {
        bottom: calc(var(--spacing) * 0);
    }
    .bottom-6 {
        bottom: calc(var(--spacing) * 6);
    }
    .bottom-16 {
        bottom: calc(var(--spacing) * 16);
    }
    .bottom-20 {
        bottom: calc(var(--spacing) * 20);
    }
    .bottom-full {
        bottom: 100%;
    }
    .-left-2 {
        left: calc(var(--spacing) * -2);
    }
    .-left-4 {
        left: calc(var(--spacing) * -4);
    }
    .-left-6 {
        left: calc(var(--spacing) * -6);
    }
    .-left-8 {
        left: calc(var(--spacing) * -8);
    }
    .-left-10 {
        left: calc(var(--spacing) * -10);
    }
    .-left-20 {
        left: calc(var(--spacing) * -20);
    }
    .left-0 {
        left: calc(var(--spacing) * 0);
    }
    .left-1\.5 {
        left: calc(var(--spacing) * 1.5);
    }
    .left-1\/2 {
        left: 50%;
    }
    .left-1\/4 {
        left: 25%;
    }
    .left-3 {
        left: calc(var(--spacing) * 3);
    }
    .left-4 {
        left: calc(var(--spacing) * 4);
    }
    .left-6 {
        left: calc(var(--spacing) * 6);
    }
    .left-12 {
        left: calc(var(--spacing) * 12);
    }
    .left-\[5\%\] {
        left: 5%;
    }
    .left-\[12\.5\%\] {
        left: 12.5%;
    }
    .left-\[52px\] {
        left: 52px;
    }
    .left-\[90px\] {
        left: 90px;
    }
    .-z-10 {
        z-index: calc(10 * -1);
    }
    .z-10 {
        z-index: 10;
    }
    .z-20 {
        z-index: 20;
    }
    .z-40 {
        z-index: 40;
    }
    .z-50 {
        z-index: 50;
    }
    .z-\[1\] {
        z-index: 1;
    }
    .z-\[2\] {
        z-index: 2;
    }
    .z-\[60\] {
        z-index: 60;
    }
    .z-\[100\] {
        z-index: 100;
    }
    .order-1 {
        order: 1;
    }
    .order-2 {
        order: 2;
    }
    .col-span-2 {
        grid-column: span 2 / span 2;
    }
    .row-span-2 {
        grid-row: span 2 / span 2;
    }
    .container {
        width: 100%;
    }
    @media (min-width: 40rem) {
        .container {
            max-width: 40rem;
        }
    }
    @media (min-width: 48rem) {
        .container {
            max-width: 48rem;
        }
    }
    @media (min-width: 64rem) {
        .container {
            max-width: 64rem;
        }
    }
    @media (min-width: 80rem) {
        .container {
            max-width: 80rem;
        }
    }
    @media (min-width: 96rem) {
        .container {
            max-width: 96rem;
        }
    }
    .-mx-3 {
        margin-inline: calc(var(--spacing) * -3);
    }
    .-mx-5 {
        margin-inline: calc(var(--spacing) * -5);
    }
    .mx-2 {
        margin-inline: calc(var(--spacing) * 2);
    }
    .mx-3 {
        margin-inline: calc(var(--spacing) * 3);
    }
    .mx-auto {
        margin-inline: auto;
    }
    .my-8 {
        margin-block: calc(var(--spacing) * 8);
    }
    .my-10 {
        margin-block: calc(var(--spacing) * 10);
    }
    .my-12 {
        margin-block: calc(var(--spacing) * 12);
    }
    .-mt-8 {
        margin-top: calc(var(--spacing) * -8);
    }
    .-mt-16 {
        margin-top: calc(var(--spacing) * -16);
    }
    .mt-0\.5 {
        margin-top: calc(var(--spacing) * 0.5);
    }
    .mt-1 {
        margin-top: calc(var(--spacing) * 1);
    }
    .mt-1\.5 {
        margin-top: calc(var(--spacing) * 1.5);
    }
    .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-7 {
        margin-top: calc(var(--spacing) * 7);
    }
    .mt-8 {
        margin-top: calc(var(--spacing) * 8);
    }
    .mt-10 {
        margin-top: calc(var(--spacing) * 10);
    }
    .mt-12 {
        margin-top: calc(var(--spacing) * 12);
    }
    .mt-14 {
        margin-top: calc(var(--spacing) * 14);
    }
    .mt-16 {
        margin-top: calc(var(--spacing) * 16);
    }
    .mt-20 {
        margin-top: calc(var(--spacing) * 20);
    }
    .mt-auto {
        margin-top: auto;
    }
    .mr-1 {
        margin-right: calc(var(--spacing) * 1);
    }
    .mr-1\.5 {
        margin-right: calc(var(--spacing) * 1.5);
    }
    .mr-2 {
        margin-right: calc(var(--spacing) * 2);
    }
    .mb-0\.5 {
        margin-bottom: calc(var(--spacing) * 0.5);
    }
    .mb-1 {
        margin-bottom: calc(var(--spacing) * 1);
    }
    .mb-1\.5 {
        margin-bottom: calc(var(--spacing) * 1.5);
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2);
    }
    .mb-2\.5 {
        margin-bottom: calc(var(--spacing) * 2.5);
    }
    .mb-3 {
        margin-bottom: calc(var(--spacing) * 3);
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
    }
    .mb-5 {
        margin-bottom: calc(var(--spacing) * 5);
    }
    .mb-6 {
        margin-bottom: calc(var(--spacing) * 6);
    }
    .mb-7 {
        margin-bottom: calc(var(--spacing) * 7);
    }
    .mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
    }
    .mb-10 {
        margin-bottom: calc(var(--spacing) * 10);
    }
    .mb-12 {
        margin-bottom: calc(var(--spacing) * 12);
    }
    .mb-14 {
        margin-bottom: calc(var(--spacing) * 14);
    }
    .mb-16 {
        margin-bottom: calc(var(--spacing) * 16);
    }
    .mb-20 {
        margin-bottom: calc(var(--spacing) * 20);
    }
    .ml-1 {
        margin-left: calc(var(--spacing) * 1);
    }
    .ml-1\.5 {
        margin-left: calc(var(--spacing) * 1.5);
    }
    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }
    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }
    .line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }
    .line-clamp-4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }
    .block {
        display: block;
    }
    .contents {
        display: contents;
    }
    .flex {
        display: flex;
    }
    .grid {
        display: grid;
    }
    .hidden {
        display: none;
    }
    .inline {
        display: inline;
    }
    .inline-block {
        display: inline-block;
    }
    .inline-flex {
        display: inline-flex;
    }
    .table {
        display: table;
    }
    .aspect-\[4\/3\] {
        aspect-ratio: 4/3;
    }
    .aspect-\[9\/16\] {
        aspect-ratio: 9/16;
    }
    .aspect-\[16\/6\] {
        aspect-ratio: 16/6;
    }
    .aspect-\[16\/9\] {
        aspect-ratio: 16/9;
    }
    .aspect-\[16\/10\] {
        aspect-ratio: 16/10;
    }
    .aspect-\[21\/9\] {
        aspect-ratio: 21/9;
    }
    .aspect-square {
        aspect-ratio: 1;
    }
    .aspect-video {
        aspect-ratio: var(--aspect-video);
    }
    .h-0\.5 {
        height: calc(var(--spacing) * 0.5);
    }
    .h-1 {
        height: calc(var(--spacing) * 1);
    }
    .h-1\.5 {
        height: calc(var(--spacing) * 1.5);
    }
    .h-2 {
        height: calc(var(--spacing) * 2);
    }
    .h-2\.5 {
        height: calc(var(--spacing) * 2.5);
    }
    .h-3 {
        height: calc(var(--spacing) * 3);
    }
    .h-3\.5 {
        height: calc(var(--spacing) * 3.5);
    }
    .h-4 {
        height: calc(var(--spacing) * 4);
    }
    .h-4\.5 {
        height: calc(var(--spacing) * 4.5);
    }
    .h-5 {
        height: calc(var(--spacing) * 5);
    }
    .h-6 {
        height: calc(var(--spacing) * 6);
    }
    .h-7 {
        height: calc(var(--spacing) * 7);
    }
    .h-8 {
        height: calc(var(--spacing) * 8);
    }
    .h-9 {
        height: calc(var(--spacing) * 9);
    }
    .h-10 {
        height: calc(var(--spacing) * 10);
    }
    .h-11 {
        height: calc(var(--spacing) * 11);
    }
    .h-12 {
        height: calc(var(--spacing) * 12);
    }
    .h-14 {
        height: calc(var(--spacing) * 14);
    }
    .h-16 {
        height: calc(var(--spacing) * 16);
    }
    .h-20 {
        height: calc(var(--spacing) * 20);
    }
    .h-24 {
        height: calc(var(--spacing) * 24);
    }
    .h-28 {
        height: calc(var(--spacing) * 28);
    }
    .h-32 {
        height: calc(var(--spacing) * 32);
    }
    .h-36 {
        height: calc(var(--spacing) * 36);
    }
    .h-40 {
        height: calc(var(--spacing) * 40);
    }
    .h-44 {
        height: calc(var(--spacing) * 44);
    }
    .h-48 {
        height: calc(var(--spacing) * 48);
    }
    .h-56 {
        height: calc(var(--spacing) * 56);
    }
    .h-60 {
        height: calc(var(--spacing) * 60);
    }
    .h-64 {
        height: calc(var(--spacing) * 64);
    }
    .h-72 {
        height: calc(var(--spacing) * 72);
    }
    .h-80 {
        height: calc(var(--spacing) * 80);
    }
    .h-96 {
        height: calc(var(--spacing) * 96);
    }
    .h-\[1\.5px\] {
        height: 1.5px;
    }
    .h-\[1px\] {
        height: 1px;
    }
    .h-\[2\.5px\] {
        height: 2.5px;
    }
    .h-\[2px\] {
        height: 2px;
    }
    .h-\[3px\] {
        height: 3px;
    }
    .h-\[22px\] {
        height: 22px;
    }
    .h-\[25\%\] {
        height: 25%;
    }
    .h-\[32px\] {
        height: 32px;
    }
    .h-\[46\%\] {
        height: 46%;
    }
    .h-\[50\%\] {
        height: 50%;
    }
    .h-\[50px\] {
        height: 50px;
    }
    .h-\[55\%\] {
        height: 55%;
    }
    .h-\[60\%\] {
        height: 60%;
    }
    .h-\[70\%\] {
        height: 70%;
    }
    .h-\[72\%\] {
        height: 72%;
    }
    .h-\[72px\] {
        height: 72px;
    }
    .h-\[75\%\] {
        height: 75%;
    }
    .h-\[78\%\] {
        height: 78%;
    }
    .h-\[84px\] {
        height: 84px;
    }
    .h-\[85\%\] {
        height: 85%;
    }
    .h-\[100px\] {
        height: 100px;
    }
    .h-\[112px\] {
        height: 112px;
    }
    .h-\[120px\] {
        height: 120px;
    }
    .h-\[140px\] {
        height: 140px;
    }
    .h-\[170px\] {
        height: 170px;
    }
    .h-\[200px\] {
        height: 200px;
    }
    .h-\[250px\] {
        height: 250px;
    }
    .h-\[300px\] {
        height: 300px;
    }
    .h-\[350px\] {
        height: 350px;
    }
    .h-\[420px\] {
        height: 420px;
    }
    .h-\[480px\] {
        height: 480px;
    }
    .h-\[500px\] {
        height: 500px;
    }
    .h-\[600px\] {
        height: 600px;
    }
    .h-auto {
        height: auto;
    }
    .h-full {
        height: 100%;
    }
    .h-px {
        height: 1px;
    }
    .max-h-\[50px\] {
        max-height: 50px;
    }
    .max-h-\[85vh\] {
        max-height: 85vh;
    }
    .max-h-\[112px\] {
        max-height: 112px;
    }
    .max-h-full {
        max-height: 100%;
    }
    .min-h-\[3\.5rem\] {
        min-height: 3.5rem;
    }
    .min-h-\[50vh\] {
        min-height: 50vh;
    }
    .min-h-\[60vh\] {
        min-height: 60vh;
    }
    .min-h-\[70vh\] {
        min-height: 70vh;
    }
    .min-h-\[300px\] {
        min-height: 300px;
    }
    .min-h-\[340px\] {
        min-height: 340px;
    }
    .min-h-screen {
        min-height: 100vh;
    }
    .w-0\.5 {
        width: calc(var(--spacing) * 0.5);
    }
    .w-1 {
        width: calc(var(--spacing) * 1);
    }
    .w-1\.5 {
        width: calc(var(--spacing) * 1.5);
    }
    .w-1\/2 {
        width: 50%;
    }
    .w-2 {
        width: calc(var(--spacing) * 2);
    }
    .w-2\.5 {
        width: calc(var(--spacing) * 2.5);
    }
    .w-2\/3 {
        width: 66.6667%;
    }
    .w-2\/5 {
        width: 40%;
    }
    .w-3 {
        width: calc(var(--spacing) * 3);
    }
    .w-3\.5 {
        width: calc(var(--spacing) * 3.5);
    }
    .w-3\/4 {
        width: 75%;
    }
    .w-3\/5 {
        width: 60%;
    }
    .w-4 {
        width: calc(var(--spacing) * 4);
    }
    .w-4\.5 {
        width: calc(var(--spacing) * 4.5);
    }
    .w-4\/5 {
        width: 80%;
    }
    .w-4\/6 {
        width: 66.6667%;
    }
    .w-5 {
        width: calc(var(--spacing) * 5);
    }
    .w-5\/6 {
        width: 83.3333%;
    }
    .w-6 {
        width: calc(var(--spacing) * 6);
    }
    .w-7 {
        width: calc(var(--spacing) * 7);
    }
    .w-8 {
        width: calc(var(--spacing) * 8);
    }
    .w-9 {
        width: calc(var(--spacing) * 9);
    }
    .w-10 {
        width: calc(var(--spacing) * 10);
    }
    .w-11 {
        width: calc(var(--spacing) * 11);
    }
    .w-12 {
        width: calc(var(--spacing) * 12);
    }
    .w-14 {
        width: calc(var(--spacing) * 14);
    }
    .w-16 {
        width: calc(var(--spacing) * 16);
    }
    .w-20 {
        width: calc(var(--spacing) * 20);
    }
    .w-24 {
        width: calc(var(--spacing) * 24);
    }
    .w-28 {
        width: calc(var(--spacing) * 28);
    }
    .w-32 {
        width: calc(var(--spacing) * 32);
    }
    .w-36 {
        width: calc(var(--spacing) * 36);
    }
    .w-40 {
        width: calc(var(--spacing) * 40);
    }
    .w-44 {
        width: calc(var(--spacing) * 44);
    }
    .w-48 {
        width: calc(var(--spacing) * 48);
    }
    .w-56 {
        width: calc(var(--spacing) * 56);
    }
    .w-60 {
        width: calc(var(--spacing) * 60);
    }
    .w-64 {
        width: calc(var(--spacing) * 64);
    }
    .w-72 {
        width: calc(var(--spacing) * 72);
    }
    .w-80 {
        width: calc(var(--spacing) * 80);
    }
    .w-96 {
        width: calc(var(--spacing) * 96);
    }
    .w-\[40\%\] {
        width: 40%;
    }
    .w-\[45\%\] {
        width: 45%;
    }
    .w-\[45px\] {
        width: 45px;
    }
    .w-\[50\%\] {
        width: 50%;
    }
    .w-\[50px\] {
        width: 50px;
    }
    .w-\[55\%\] {
        width: 55%;
    }
    .w-\[58\%\] {
        width: 58%;
    }
    .w-\[60\%\] {
        width: 60%;
    }
    .w-\[60px\] {
        width: 60px;
    }
    .w-\[68px\] {
        width: 68px;
    }
    .w-\[70\%\] {
        width: 70%;
    }
    .w-\[72\%\] {
        width: 72%;
    }
    .w-\[72px\] {
        width: 72px;
    }
    .w-\[78\%\] {
        width: 78%;
    }
    .w-\[84px\] {
        width: 84px;
    }
    .w-\[85\%\] {
        width: 85%;
    }
    .w-\[88px\] {
        width: 88px;
    }
    .w-\[90px\] {
        width: 90px;
    }
    .w-\[110px\] {
        width: 110px;
    }
    .w-\[120px\] {
        width: 120px;
    }
    .w-\[130px\] {
        width: 130px;
    }
    .w-\[160px\] {
        width: 160px;
    }
    .w-\[170px\] {
        width: 170px;
    }
    .w-\[180px\] {
        width: 180px;
    }
    .w-\[200px\] {
        width: 200px;
    }
    .w-\[220px\] {
        width: 220px;
    }
    .w-\[300px\] {
        width: 300px;
    }
    .w-\[320px\] {
        width: 320px;
    }
    .w-\[340px\] {
        width: 340px;
    }
    .w-\[420px\] {
        width: 420px;
    }
    .w-\[500px\] {
        width: 500px;
    }
    .w-\[600px\] {
        width: 600px;
    }
    .w-auto {
        width: auto;
    }
    .w-fit {
        width: fit-content;
    }
    .w-full {
        width: 100%;
    }
    .w-max {
        width: max-content;
    }
    .w-px {
        width: 1px;
    }
    .max-w-2xl {
        max-width: var(--container-2xl);
    }
    .max-w-3xl {
        max-width: var(--container-3xl);
    }
    .max-w-4xl {
        max-width: var(--container-4xl);
    }
    .max-w-7xl {
        max-width: var(--container-7xl);
    }
    .max-w-\[120px\] {
        max-width: 120px;
    }
    .max-w-\[130px\] {
        max-width: 130px;
    }
    .max-w-\[140px\] {
        max-width: 140px;
    }
    .max-w-\[200px\] {
        max-width: 200px;
    }
    .max-w-\[220px\] {
        max-width: 220px;
    }
    .max-w-\[240px\] {
        max-width: 240px;
    }
    .max-w-\[380px\] {
        max-width: 380px;
    }
    .max-w-\[400px\] {
        max-width: 400px;
    }
    .max-w-\[420px\] {
        max-width: 420px;
    }
    .max-w-\[460px\] {
        max-width: 460px;
    }
    .max-w-\[480px\] {
        max-width: 480px;
    }
    .max-w-\[520px\] {
        max-width: 520px;
    }
    .max-w-\[620px\] {
        max-width: 620px;
    }
    .max-w-\[720px\] {
        max-width: 720px;
    }
    .max-w-\[760px\] {
        max-width: 760px;
    }
    .max-w-\[820px\] {
        max-width: 820px;
    }
    .max-w-\[900px\] {
        max-width: 900px;
    }
    .max-w-\[1000px\] {
        max-width: 1000px;
    }
    .max-w-\[1100px\] {
        max-width: 1100px;
    }
    .max-w-\[1200px\] {
        max-width: 1200px;
    }
    .max-w-\[1440px\] {
        max-width: 1440px;
    }
    .max-w-full {
        max-width: 100%;
    }
    .max-w-lg {
        max-width: var(--container-lg);
    }
    .max-w-md {
        max-width: var(--container-md);
    }
    .max-w-sm {
        max-width: var(--container-sm);
    }
    .max-w-xl {
        max-width: var(--container-xl);
    }
    .max-w-xs {
        max-width: var(--container-xs);
    }
    .min-w-0 {
        min-width: calc(var(--spacing) * 0);
    }
    .min-w-10 {
        min-width: calc(var(--spacing) * 10);
    }
    .flex-1 {
        flex: 1;
    }
    .flex-shrink-0,
    .shrink-0 {
        flex-shrink: 0;
    }
    .grow {
        flex-grow: 1;
    }
    .origin-left {
        transform-origin: 0;
    }
    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-0 {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-2 {
        --tw-translate-x: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-4 {
        --tw-translate-x: calc(var(--spacing) * 4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-y-20 {
        --tw-translate-y: calc(var(--spacing) * 20);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .scale-x-0 {
        --tw-scale-x: 0%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .scale-\[1\.01\] {
        scale: 1.01;
    }
    .scale-\[1\.02\] {
        scale: 1.02;
    }
    .-rotate-2 {
        rotate: -2deg;
    }
    .rotate-1 {
        rotate: 1deg;
    }
    .rotate-45 {
        rotate: 45deg;
    }
    .rotate-180 {
        rotate: 180deg;
    }
    .transform {
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
            var(--tw-skew-x,) var(--tw-skew-y,);
    }
    .animate-pulse {
        animation: var(--animate-pulse);
    }
    .animate-spin {
        animation: var(--animate-spin);
    }
    .cursor-default {
        cursor: default;
    }
    .cursor-not-allowed {
        cursor: not-allowed;
    }
    .cursor-pointer {
        cursor: pointer;
    }
    .cursor-zoom-in {
        cursor: zoom-in;
    }
    .cursor-zoom-out {
        cursor: zoom-out;
    }
    .resize {
        resize: both;
    }
    .resize-none {
        resize: none;
    }
    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness);
    }
    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory;
    }
    .snap-start {
        scroll-snap-align: start;
    }
    .scroll-mt-24 {
        scroll-margin-top: calc(var(--spacing) * 24);
    }
    .list-none {
        list-style-type: none;
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid-cols-\[88px_1fr\] {
        grid-template-columns: 88px 1fr;
    }
    .grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .grid-rows-\[0fr\] {
        grid-template-rows: 0fr;
    }
    .grid-rows-\[1fr\] {
        grid-template-rows: 1fr;
    }
    .flex-col {
        flex-direction: column;
    }
    .flex-wrap {
        flex-wrap: wrap;
    }
    .items-baseline {
        align-items: baseline;
    }
    .items-center {
        align-items: center;
    }
    .items-end {
        align-items: flex-end;
    }
    .items-start {
        align-items: flex-start;
    }
    .items-stretch {
        align-items: stretch;
    }
    .justify-between {
        justify-content: space-between;
    }
    .justify-center {
        justify-content: center;
    }
    .gap-0 {
        gap: calc(var(--spacing) * 0);
    }
    .gap-0\.5 {
        gap: calc(var(--spacing) * 0.5);
    }
    .gap-1 {
        gap: calc(var(--spacing) * 1);
    }
    .gap-1\.5 {
        gap: calc(var(--spacing) * 1.5);
    }
    .gap-2 {
        gap: calc(var(--spacing) * 2);
    }
    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5);
    }
    .gap-3 {
        gap: calc(var(--spacing) * 3);
    }
    .gap-3\.5 {
        gap: calc(var(--spacing) * 3.5);
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }
    .gap-5 {
        gap: calc(var(--spacing) * 5);
    }
    .gap-6 {
        gap: calc(var(--spacing) * 6);
    }
    .gap-8 {
        gap: calc(var(--spacing) * 8);
    }
    .gap-10 {
        gap: calc(var(--spacing) * 10);
    }
    .gap-12 {
        gap: calc(var(--spacing) * 12);
    }
    .gap-14 {
        gap: calc(var(--spacing) * 14);
    }
    .gap-16 {
        gap: calc(var(--spacing) * 16);
    }
    :where(.space-y-0 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 0) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-0\.5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-1 > :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))
        );
    }
    :where(.space-y-1\.5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-2 > :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))
        );
    }
    :where(.space-y-2\.5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-3 > :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))
        );
    }
    :where(.space-y-3\.5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-4 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 5) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-6 > :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))
        );
    }
    :where(.space-y-8 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 8) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-10 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    .gap-x-2 {
        column-gap: calc(var(--spacing) * 2);
    }
    .gap-x-2\.5 {
        column-gap: calc(var(--spacing) * 2.5);
    }
    .gap-x-3 {
        column-gap: calc(var(--spacing) * 3);
    }
    .gap-x-4 {
        column-gap: calc(var(--spacing) * 4);
    }
    .gap-x-5 {
        column-gap: calc(var(--spacing) * 5);
    }
    .gap-x-6 {
        column-gap: calc(var(--spacing) * 6);
    }
    .gap-x-8 {
        column-gap: calc(var(--spacing) * 8);
    }
    .gap-y-1 {
        row-gap: calc(var(--spacing) * 1);
    }
    .gap-y-2 {
        row-gap: calc(var(--spacing) * 2);
    }
    .gap-y-3 {
        row-gap: calc(var(--spacing) * 3);
    }
    .gap-y-12 {
        row-gap: calc(var(--spacing) * 12);
    }
    .self-center {
        align-self: center;
    }
    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .overflow-hidden {
        overflow: hidden;
    }
    .overflow-x-auto {
        overflow-x: auto;
    }
    .overflow-y-hidden {
        overflow-y: hidden;
    }
    .rounded {
        border-radius: 0.25rem;
    }
    .rounded-2xl {
        border-radius: var(--radius-2xl);
    }
    .rounded-3xl {
        border-radius: var(--radius-3xl);
    }
    .rounded-full {
        border-radius: 3.40282e38px;
    }
    .rounded-lg {
        border-radius: var(--radius-lg);
    }
    .rounded-md {
        border-radius: var(--radius-md);
    }
    .rounded-sm {
        border-radius: var(--radius-sm);
    }
    .rounded-xl {
        border-radius: var(--radius-xl);
    }
    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }
    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px;
    }
    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px;
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }
    .border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px;
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
    .border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
    }
    .border-l-2 {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px;
    }
    .border-l-4 {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px;
    }
    .border-l-\[3px\] {
        border-left-style: var(--tw-border-style);
        border-left-width: 3px;
    }
    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed;
    }
    .border-\[\#0a1628\] {
        border-color: #0a1628;
    }
    .border-\[\#0a1628\]\/15 {
        border-color: #0a162826;
        border-color: lab(6.96745% 0.04749 -14.1035/0.15);
    }
    .border-\[\#0a1628\]\/30 {
        border-color: #0a16284d;
        border-color: lab(6.96745% 0.04749 -14.1035/0.3);
    }
    .border-\[\#3b82f6\]\/8 {
        border-color: #3b82f614;
        border-color: lab(54.6189% 8.76287 -65.7908/0.08);
    }
    .border-\[\#3b82f6\]\/20 {
        border-color: #3b82f633;
        border-color: lab(54.6189% 8.76287 -65.7908/0.2);
    }
    .border-\[\#3b82f6\]\/30 {
        border-color: #3b82f64d;
        border-color: lab(54.6189% 8.76287 -65.7908/0.3);
    }
    .border-\[\#d4af37\] {
        border-color: #d4af37;
    }
    .border-\[\#d4af37\]\/8 {
        border-color: #d4af3714;
        border-color: lab(73.2933% 5.13336 62.8198/0.08);
    }
    .border-\[\#d4af37\]\/15 {
        border-color: #d4af3726;
        border-color: lab(73.2933% 5.13336 62.8198/0.15);
    }
    .border-\[\#d4af37\]\/20 {
        border-color: #d4af3733;
        border-color: lab(73.2933% 5.13336 62.8198/0.2);
    }
    .border-\[\#d4af37\]\/25 {
        border-color: #d4af3740;
        border-color: lab(73.2933% 5.13336 62.8198/0.25);
    }
    .border-\[\#d4af37\]\/30 {
        border-color: #d4af374d;
        border-color: lab(73.2933% 5.13336 62.8198/0.3);
    }
    .border-\[\#d6d0c4\] {
        border-color: #d6d0c4;
    }
    .border-\[\#ddd\] {
        border-color: #ddd;
    }
    .border-\[\#e0dbd2\] {
        border-color: #e0dbd2;
    }
    .border-\[\#e8d48b\]\/30 {
        border-color: #e8d48b4d;
        border-color: lab(85.361% -0.215858 38.7462/0.3);
    }
    .border-\[\#e8d48b\]\/40 {
        border-color: #e8d48b66;
        border-color: lab(85.361% -0.215858 38.7462/0.4);
    }
    .border-\[\#ebe7df\] {
        border-color: #ebe7df;
    }
    .border-\[\#f0ece4\] {
        border-color: #f0ece4;
    }
    .border-\[\#f0ece4\]\/60 {
        border-color: #f0ece499;
        border-color: lab(93.5472% 0.365078 4.39075/0.6);
    }
    .border-\[\#f59e0b\]\/8 {
        border-color: #f59e0b14;
        border-color: lab(72.7914% 26.933 75.4338/0.08);
    }
    .border-\[\#f59e0b\]\/20 {
        border-color: #f59e0b33;
        border-color: lab(72.7914% 26.933 75.4338/0.2);
    }
    .border-\[rgba\(212\,175\,55\,0\.15\)\] {
        border-color: #d4af3726;
    }
    .border-amber-100 {
        border-color: var(--color-amber-100);
    }
    .border-amber-200 {
        border-color: var(--color-amber-200);
    }
    .border-blue-100 {
        border-color: var(--color-blue-100);
    }
    .border-blue-200 {
        border-color: var(--color-blue-200);
    }
    .border-emerald-100 {
        border-color: var(--color-emerald-100);
    }
    .border-emerald-200 {
        border-color: var(--color-emerald-200);
    }
    .border-green-100 {
        border-color: var(--color-green-100);
    }
    .border-green-200 {
        border-color: var(--color-green-200);
    }
    .border-red-200 {
        border-color: var(--color-red-200);
    }
    .border-rose-100 {
        border-color: var(--color-rose-100);
    }
    .border-rose-200 {
        border-color: var(--color-rose-200);
    }
    .border-transparent {
        border-color: #0000;
    }
    .border-violet-100 {
        border-color: var(--color-violet-100);
    }
    .border-violet-200 {
        border-color: var(--color-violet-200);
    }
    .border-white\/5 {
        border-color: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/5 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 5%,
                transparent
            );
        }
    }
    .border-white\/8 {
        border-color: #ffffff14;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/8 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 8%,
                transparent
            );
        }
    }
    .border-white\/10 {
        border-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/10 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 10%,
                transparent
            );
        }
    }
    .border-white\/15 {
        border-color: #ffffff26;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/15 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 15%,
                transparent
            );
        }
    }
    .border-white\/20 {
        border-color: #fff3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/20 {
            border-color: color-mix(
                in oklab,
                var(--color-white) 20%,
                transparent
            );
        }
    }
    .border-white\/\[0\.06\] {
        border-color: #ffffff0f;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/\[0\.06\] {
            border-color: color-mix(
                in oklab,
                var(--color-white) 6%,
                transparent
            );
        }
    }
    .border-white\/\[0\.08\] {
        border-color: #ffffff14;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/\[0\.08\] {
            border-color: color-mix(
                in oklab,
                var(--color-white) 8%,
                transparent
            );
        }
    }
    .border-white\/\[0\.09\] {
        border-color: #ffffff17;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/\[0\.09\] {
            border-color: color-mix(
                in oklab,
                var(--color-white) 9%,
                transparent
            );
        }
    }
    .border-yellow-200 {
        border-color: var(--color-yellow-200);
    }
    .border-t-\[\#d4af37\] {
        border-top-color: #d4af37;
    }
    .border-l-\[\#0a1628\] {
        border-left-color: #0a1628;
    }
    .border-l-\[\#d4af37\] {
        border-left-color: #d4af37;
    }
    .bg-\[\#0a1628\] {
        background-color: #0a1628;
    }
    .bg-\[\#0a1628\]\/8 {
        background-color: #0a162814;
        background-color: lab(6.96745% 0.04749 -14.1035/0.08);
    }
    .bg-\[\#0a1628\]\/60 {
        background-color: #0a162899;
        background-color: lab(6.96745% 0.04749 -14.1035/0.6);
    }
    .bg-\[\#0a1628\]\/80 {
        background-color: #0a1628cc;
        background-color: lab(6.96745% 0.04749 -14.1035/0.8);
    }
    .bg-\[\#0a1628\]\/85 {
        background-color: #0a1628d9;
        background-color: lab(6.96745% 0.04749 -14.1035/0.85);
    }
    .bg-\[\#0a1628\]\/\[0\.04\] {
        background-color: #0a16280a;
        background-color: lab(6.96745% 0.04749 -14.1035/0.04);
    }
    .bg-\[\#0a1628\]\/\[0\.06\] {
        background-color: #0a16280f;
        background-color: lab(6.96745% 0.04749 -14.1035/0.06);
    }
    .bg-\[\#1e3a6e\]\/30 {
        background-color: #1e3a6e4d;
        background-color: lab(24.5362% 4.30574 -33.996/0.3);
    }
    .bg-\[\#3b82f6\] {
        background-color: #3b82f6;
    }
    .bg-\[\#3b82f6\]\/10 {
        background-color: #3b82f61a;
        background-color: lab(54.6189% 8.76287 -65.7908/0.1);
    }
    .bg-\[\#3b82f6\]\/15 {
        background-color: #3b82f626;
        background-color: lab(54.6189% 8.76287 -65.7908/0.15);
    }
    .bg-\[\#4a5568\] {
        background-color: #4a5568;
    }
    .bg-\[\#4a5568\]\/10 {
        background-color: #4a55681a;
        background-color: lab(35.7427% -0.807896 -12.5317/0.1);
    }
    .bg-\[\#8b5cf6\] {
        background-color: #8b5cf6;
    }
    .bg-\[\#8b6f2a\]\/10 {
        background-color: #8b6f2a1a;
        background-color: lab(48.6114% 5.72377 41.2776/0.1);
    }
    .bg-\[\#25D366\] {
        background-color: #25d366;
    }
    .bg-\[\#25D366\]\/10 {
        background-color: #25d3661a;
        background-color: lab(74.7716% -60.9651 41.133/0.1);
    }
    .bg-\[\#25D366\]\/15 {
        background-color: #25d36626;
        background-color: lab(74.7716% -60.9651 41.133/0.15);
    }
    .bg-\[\#070e1a\] {
        background-color: #070e1a;
    }
    .bg-\[\#162d52\]\/40 {
        background-color: #162d5266;
        background-color: lab(18.2376% 1.73336 -25.7781/0.4);
    }
    .bg-\[\#162d52\]\/60 {
        background-color: #162d5299;
        background-color: lab(18.2376% 1.73336 -25.7781/0.6);
    }
    .bg-\[\#8896a8\]\/40 {
        background-color: #8896a866;
        background-color: lab(61.4082% -2.22516 -11.265/0.4);
    }
    .bg-\[\#a07a20\] {
        background-color: #a07a20;
    }
    .bg-\[\#b48a2c\] {
        background-color: #b48a2c;
    }
    .bg-\[\#b86b3d\]\/15 {
        background-color: #b86b3d26;
        background-color: lab(53.4792% 28.5608 39.0588/0.15);
    }
    .bg-\[\#b8941f\]\/15 {
        background-color: #b8941f26;
        background-color: lab(63.3242% 6.05616 60.8032/0.15);
    }
    .bg-\[\#d4af37\] {
        background-color: #d4af37;
    }
    .bg-\[\#d4af37\]\/5 {
        background-color: #d4af370d;
        background-color: lab(73.2933% 5.13336 62.8198/0.05);
    }
    .bg-\[\#d4af37\]\/8 {
        background-color: #d4af3714;
        background-color: lab(73.2933% 5.13336 62.8198/0.08);
    }
    .bg-\[\#d4af37\]\/10 {
        background-color: #d4af371a;
        background-color: lab(73.2933% 5.13336 62.8198/0.1);
    }
    .bg-\[\#d4af37\]\/12 {
        background-color: #d4af371f;
        background-color: lab(73.2933% 5.13336 62.8198/0.12);
    }
    .bg-\[\#d4af37\]\/15 {
        background-color: #d4af3726;
        background-color: lab(73.2933% 5.13336 62.8198/0.15);
    }
    .bg-\[\#d4af37\]\/30 {
        background-color: #d4af374d;
        background-color: lab(73.2933% 5.13336 62.8198/0.3);
    }
    .bg-\[\#d4af37\]\/40 {
        background-color: #d4af3766;
        background-color: lab(73.2933% 5.13336 62.8198/0.4);
    }
    .bg-\[\#d4af37\]\/60 {
        background-color: #d4af3799;
        background-color: lab(73.2933% 5.13336 62.8198/0.6);
    }
    .bg-\[\#d4af37\]\/90 {
        background-color: #d4af37e6;
        background-color: lab(73.2933% 5.13336 62.8198/0.9);
    }
    .bg-\[\#d4af37\]\/95 {
        background-color: #d4af37f2;
        background-color: lab(73.2933% 5.13336 62.8198/0.95);
    }
    .bg-\[\#d4af37\]\/\[0\.04\] {
        background-color: #d4af370a;
        background-color: lab(73.2933% 5.13336 62.8198/0.04);
    }
    .bg-\[\#d4af37\]\/\[0\.06\] {
        background-color: #d4af370f;
        background-color: lab(73.2933% 5.13336 62.8198/0.06);
    }
    .bg-\[\#d6d0c4\] {
        background-color: #d6d0c4;
    }
    .bg-\[\#e8f5ee\] {
        background-color: #e8f5ee;
    }
    .bg-\[\#ebe7df\] {
        background-color: #ebe7df;
    }
    .bg-\[\#ebe7df\]\/40 {
        background-color: #ebe7df66;
        background-color: lab(91.7942% 0.367254 4.40874/0.4);
    }
    .bg-\[\#ebe7df\]\/50 {
        background-color: #ebe7df80;
        background-color: lab(91.7942% 0.367254 4.40874/0.5);
    }
    .bg-\[\#ebe7df\]\/60 {
        background-color: #ebe7df99;
        background-color: lab(91.7942% 0.367254 4.40874/0.6);
    }
    .bg-\[\#ebe7df\]\/70 {
        background-color: #ebe7dfb3;
        background-color: lab(91.7942% 0.367254 4.40874/0.7);
    }
    .bg-\[\#ec4899\] {
        background-color: #ec4899;
    }
    .bg-\[\#f3efe6\] {
        background-color: #f3efe6;
    }
    .bg-\[\#f59e0b\] {
        background-color: #f59e0b;
    }
    .bg-\[\#f59e0b\]\/15 {
        background-color: #f59e0b26;
        background-color: lab(72.7914% 26.933 75.4338/0.15);
    }
    .bg-\[\#faf9f6\] {
        background-color: #faf9f6;
    }
    .bg-\[\#fafaf8\] {
        background-color: #fafaf8;
    }
    .bg-\[\#fbeaea\] {
        background-color: #fbeaea;
    }
    .bg-amber-50 {
        background-color: var(--color-amber-50);
    }
    .bg-amber-200\/40 {
        background-color: #fee68566;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-amber-200\/40 {
            background-color: color-mix(
                in oklab,
                var(--color-amber-200) 40%,
                transparent
            );
        }
    }
    .bg-amber-300 {
        background-color: var(--color-amber-300);
    }
    .bg-amber-500 {
        background-color: var(--color-amber-500);
    }
    .bg-amber-600 {
        background-color: var(--color-amber-600);
    }
    .bg-amber-700 {
        background-color: var(--color-amber-700);
    }
    .bg-black {
        background-color: var(--color-black);
    }
    .bg-black\/30 {
        background-color: #0000004d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/30 {
            background-color: color-mix(
                in oklab,
                var(--color-black) 30%,
                transparent
            );
        }
    }
    .bg-black\/70 {
        background-color: #000000b3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/70 {
            background-color: color-mix(
                in oklab,
                var(--color-black) 70%,
                transparent
            );
        }
    }
    .bg-blue-50 {
        background-color: var(--color-blue-50);
    }
    .bg-blue-200\/40 {
        background-color: #bedbff66;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-blue-200\/40 {
            background-color: color-mix(
                in oklab,
                var(--color-blue-200) 40%,
                transparent
            );
        }
    }
    .bg-blue-300 {
        background-color: var(--color-blue-300);
    }
    .bg-blue-500 {
        background-color: var(--color-blue-500);
    }
    .bg-emerald-50 {
        background-color: var(--color-emerald-50);
    }
    .bg-emerald-200\/40 {
        background-color: #a4f4cf66;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-emerald-200\/40 {
            background-color: color-mix(
                in oklab,
                var(--color-emerald-200) 40%,
                transparent
            );
        }
    }
    .bg-emerald-300 {
        background-color: var(--color-emerald-300);
    }
    .bg-emerald-500 {
        background-color: var(--color-emerald-500);
    }
    .bg-emerald-700 {
        background-color: var(--color-emerald-700);
    }
    .bg-green-50 {
        background-color: var(--color-green-50);
    }
    .bg-purple-800 {
        background-color: var(--color-purple-800);
    }
    .bg-red-50 {
        background-color: var(--color-red-50);
    }
    .bg-red-50\/50 {
        background-color: #fef2f280;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-red-50\/50 {
            background-color: color-mix(
                in oklab,
                var(--color-red-50) 50%,
                transparent
            );
        }
    }
    .bg-red-100 {
        background-color: var(--color-red-100);
    }
    .bg-rose-50 {
        background-color: var(--color-rose-50);
    }
    .bg-rose-200\/40 {
        background-color: #ffccd366;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-rose-200\/40 {
            background-color: color-mix(
                in oklab,
                var(--color-rose-200) 40%,
                transparent
            );
        }
    }
    .bg-rose-300 {
        background-color: var(--color-rose-300);
    }
    .bg-rose-500 {
        background-color: var(--color-rose-500);
    }
    .bg-rose-800 {
        background-color: var(--color-rose-800);
    }
    .bg-teal-700 {
        background-color: var(--color-teal-700);
    }
    .bg-transparent {
        background-color: #0000;
    }
    .bg-violet-50 {
        background-color: var(--color-violet-50);
    }
    .bg-violet-200\/40 {
        background-color: #ddd6ff66;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-violet-200\/40 {
            background-color: color-mix(
                in oklab,
                var(--color-violet-200) 40%,
                transparent
            );
        }
    }
    .bg-violet-300 {
        background-color: var(--color-violet-300);
    }
    .bg-violet-500 {
        background-color: var(--color-violet-500);
    }
    .bg-white {
        background-color: var(--color-white);
    }
    .bg-white\/3 {
        background-color: #ffffff08;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/3 {
            background-color: color-mix(
                in oklab,
                var(--color-white) 3%,
                transparent
            );
        }
    }
    .bg-white\/5 {
        background-color: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/5 {
            background-color: color-mix(
                in oklab,
                var(--color-white) 5%,
                transparent
            );
        }
    }
    .bg-white\/10 {
        background-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/10 {
            background-color: color-mix(
                in oklab,
                var(--color-white) 10%,
                transparent
            );
        }
    }
    .bg-white\/20 {
        background-color: #fff3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/20 {
            background-color: color-mix(
                in oklab,
                var(--color-white) 20%,
                transparent
            );
        }
    }
    .bg-white\/60 {
        background-color: #fff9;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/60 {
            background-color: color-mix(
                in oklab,
                var(--color-white) 60%,
                transparent
            );
        }
    }
    .bg-white\/85 {
        background-color: #ffffffd9;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/85 {
            background-color: color-mix(
                in oklab,
                var(--color-white) 85%,
                transparent
            );
        }
    }
    .bg-white\/90 {
        background-color: #ffffffe6;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/90 {
            background-color: color-mix(
                in oklab,
                var(--color-white) 90%,
                transparent
            );
        }
    }
    .bg-white\/92 {
        background-color: #ffffffeb;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/92 {
            background-color: color-mix(
                in oklab,
                var(--color-white) 92%,
                transparent
            );
        }
    }
    .bg-white\/\[0\.04\] {
        background-color: #ffffff0a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/\[0\.04\] {
            background-color: color-mix(
                in oklab,
                var(--color-white) 4%,
                transparent
            );
        }
    }
    .bg-white\/\[0\.05\] {
        background-color: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/\[0\.05\] {
            background-color: color-mix(
                in oklab,
                var(--color-white) 5%,
                transparent
            );
        }
    }
    .bg-white\/\[0\.06\] {
        background-color: #ffffff0f;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/\[0\.06\] {
            background-color: color-mix(
                in oklab,
                var(--color-white) 6%,
                transparent
            );
        }
    }
    .bg-yellow-50 {
        background-color: var(--color-yellow-50);
    }
    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .bg-gradient-to-br {
        --tw-gradient-position: to bottom right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .bg-gradient-to-l {
        --tw-gradient-position: to left 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));
    }
    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .bg-\[radial-gradient\(ellipse_at_25\%_80\%\,rgba\(30\,58\,110\,0\.18\)\,transparent_60\%\)\] {
        background-image: radial-gradient(at 25% 80%, #1e3a6e2e, #0000 60%);
    }
    .bg-\[radial-gradient\(ellipse_at_30\%_80\%\,rgba\(30\,58\,110\,0\.15\)\,transparent_60\%\)\] {
        background-image: radial-gradient(at 30% 80%, #1e3a6e26, #0000 60%);
    }
    .bg-\[radial-gradient\(ellipse_at_70\%_25\%\,rgba\(212\,175\,55\,0\.08\)\,transparent_60\%\)\] {
        background-image: radial-gradient(at 70% 25%, #d4af3714, #0000 60%);
    }
    .bg-\[radial-gradient\(ellipse_at_70\%_30\%\,rgba\(212\,175\,55\,0\.06\)\,transparent_60\%\)\] {
        background-image: radial-gradient(at 70% 30%, #d4af370f, #0000 60%);
    }
    .bg-\[radial-gradient\(ellipse_at_70\%_30\%\,rgba\(212\,175\,55\,0\.08\)\,transparent_60\%\)\] {
        background-image: radial-gradient(at 70% 30%, #d4af3714, #0000 60%);
    }
    .from-\[\#0a1628\] {
        --tw-gradient-from: #0a1628;
        --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-\[\#0a1628\]\/70 {
        --tw-gradient-from: #0a1628b3;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .from-\[\#0a1628\]\/70 {
            --tw-gradient-from: lab(6.96745% 0.04749 -14.1035/0.7);
        }
    }
    .from-\[\#0ea5e9\] {
        --tw-gradient-from: #0ea5e9;
        --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-\[\#0f1f38\] {
        --tw-gradient-from: #0f1f38;
        --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-\[\#1a2a4a\] {
        --tw-gradient-from: #1a2a4a;
        --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-\[\#3b82f6\] {
        --tw-gradient-from: #3b82f6;
        --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-\[\#4a5568\] {
        --tw-gradient-from: #4a5568;
        --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-\[\#8b5cf6\] {
        --tw-gradient-from: #8b5cf6;
        --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-\[\#8b6f2a\] {
        --tw-gradient-from: #8b6f2a;
        --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-\[\#10b981\] {
        --tw-gradient-from: #10b981;
        --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-\[\#070e1a\] {
        --tw-gradient-from: #070e1a;
        --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-\[\#162d52\] {
        --tw-gradient-from: #162d52;
        --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-\[\#a07a20\]\/40 {
        --tw-gradient-from: #a07a2066;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .from-\[\#a07a20\]\/40 {
            --tw-gradient-from: lab(53.879% 9.02045 51.3311/0.4);
        }
    }
    .from-\[\#c9a84c\] {
        --tw-gradient-from: #c9a84c;
        --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-\[\#d4af37\] {
        --tw-gradient-from: #d4af37;
        --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-\[\#d4af37\]\/0 {
        --tw-gradient-from: #0000;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .from-\[\#d4af37\]\/0 {
            --tw-gradient-from: lab(0% 0 0/0);
        }
    }
    .from-\[\#d4af37\]\/20 {
        --tw-gradient-from: #d4af3733;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .from-\[\#d4af37\]\/20 {
            --tw-gradient-from: lab(73.2933% 5.13336 62.8198/0.2);
        }
    }
    .from-\[\#d4af37\]\/25 {
        --tw-gradient-from: #d4af3740;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .from-\[\#d4af37\]\/25 {
            --tw-gradient-from: lab(73.2933% 5.13336 62.8198/0.25);
        }
    }
    .from-\[\#d4af37\]\/\[0\.06\] {
        --tw-gradient-from: #d4af370f;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .from-\[\#d4af37\]\/\[0\.06\] {
            --tw-gradient-from: lab(73.2933% 5.13336 62.8198/0.06);
        }
    }
    .from-\[\#dbeafe\] {
        --tw-gradient-from: #dbeafe;
        --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-\[\#e0e7ff\] {
        --tw-gradient-from: #e0e7ff;
        --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-\[\#ec4899\] {
        --tw-gradient-from: #ec4899;
        --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-\[\#f59e0b\] {
        --tw-gradient-from: #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)
        );
    }
    .from-\[\#f87171\] {
        --tw-gradient-from: #f87171;
        --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-\[\#faf9f6\] {
        --tw-gradient-from: #faf9f6;
        --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-\[\#fef3c7\] {
        --tw-gradient-from: #fef3c7;
        --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-amber-200 {
        --tw-gradient-from: var(--color-amber-200);
        --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-amber-500\/10 {
        --tw-gradient-from: #f99c001a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .from-amber-500\/10 {
            --tw-gradient-from: color-mix(
                in oklab,
                var(--color-amber-500) 10%,
                transparent
            );
        }
    }
    .from-amber-500\/10 {
        --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-blue-200 {
        --tw-gradient-from: var(--color-blue-200);
        --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-emerald-200 {
        --tw-gradient-from: var(--color-emerald-200);
        --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-emerald-500\/10 {
        --tw-gradient-from: #00bb7f1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .from-emerald-500\/10 {
            --tw-gradient-from: color-mix(
                in oklab,
                var(--color-emerald-500) 10%,
                transparent
            );
        }
    }
    .from-emerald-500\/10 {
        --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-rose-200 {
        --tw-gradient-from: var(--color-rose-200);
        --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-transparent {
        --tw-gradient-from: 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)
        );
    }
    .from-violet-200 {
        --tw-gradient-from: var(--color-violet-200);
        --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-violet-500\/10 {
        --tw-gradient-from: #8d54ff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .from-violet-500\/10 {
            --tw-gradient-from: color-mix(
                in oklab,
                var(--color-violet-500) 10%,
                transparent
            );
        }
    }
    .from-violet-500\/10 {
        --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-\[\#0f1f38\] {
        --tw-gradient-via: #0f1f38;
        --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-\[\#0f2847\] {
        --tw-gradient-via: #0f2847;
        --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-\[\#a07a20\]\/50 {
        --tw-gradient-via: #a07a2080;
        --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);
    }
    @supports (color: lab(0% 0 0)) {
        .via-\[\#a07a20\]\/50 {
            --tw-gradient-via: lab(53.879% 9.02045 51.3311/0.5);
        }
    }
    .via-\[\#b48a2c\] {
        --tw-gradient-via: #b48a2c;
        --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-\[\#d4af37\] {
        --tw-gradient-via: #d4af37;
        --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-\[\#d4af37\]\/60 {
        --tw-gradient-via: #d4af3799;
        --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);
    }
    @supports (color: lab(0% 0 0)) {
        .via-\[\#d4af37\]\/60 {
            --tw-gradient-via: lab(73.2933% 5.13336 62.8198/0.6);
        }
    }
    .via-\[\#e8d48b\] {
        --tw-gradient-via: #e8d48b;
        --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-\[\#e8d48b\]\/10 {
        --tw-gradient-via: #e8d48b1a;
        --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);
    }
    @supports (color: lab(0% 0 0)) {
        .via-\[\#e8d48b\]\/10 {
            --tw-gradient-via: lab(85.361% -0.215858 38.7462/0.1);
        }
    }
    .via-\[\#f5d76e\] {
        --tw-gradient-via: #f5d76e;
        --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-white {
        --tw-gradient-via: var(--color-white);
        --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-\[\#0a1628\] {
        --tw-gradient-to: #0a1628;
        --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-\[\#0f1f3a\] {
        --tw-gradient-to: #0f1f3a;
        --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-\[\#1a2a4a\] {
        --tw-gradient-to: #1a2a4a;
        --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-\[\#1e3a6e\] {
        --tw-gradient-to: #1e3a6e;
        --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-\[\#1f3a5f\] {
        --tw-gradient-to: #1f3a5f;
        --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-\[\#2d3748\] {
        --tw-gradient-to: #2d3748;
        --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-\[\#5c4a1a\] {
        --tw-gradient-to: #5c4a1a;
        --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-\[\#34d399\] {
        --tw-gradient-to: #34d399;
        --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-\[\#38bdf8\] {
        --tw-gradient-to: #38bdf8;
        --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-\[\#60a5fa\] {
        --tw-gradient-to: #60a5fa;
        --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-\[\#162d52\] {
        --tw-gradient-to: #162d52;
        --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-\[\#163a5e\] {
        --tw-gradient-to: #163a5e;
        --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-\[\#a07a20\]\/40 {
        --tw-gradient-to: #a07a2066;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .to-\[\#a07a20\]\/40 {
            --tw-gradient-to: lab(53.879% 9.02045 51.3311/0.4);
        }
    }
    .to-\[\#a78bfa\] {
        --tw-gradient-to: #a78bfa;
        --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-\[\#a08430\] {
        --tw-gradient-to: #a08430;
        --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-\[\#bfdbfe\] {
        --tw-gradient-to: #bfdbfe;
        --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-\[\#c7d2fe\] {
        --tw-gradient-to: #c7d2fe;
        --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-\[\#c9a84c\] {
        --tw-gradient-to: #c9a84c;
        --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-\[\#d4af37\] {
        --tw-gradient-to: #d4af37;
        --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-\[\#d4af37\]\/0 {
        --tw-gradient-to: #0000;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .to-\[\#d4af37\]\/0 {
            --tw-gradient-to: lab(0% 0 0/0);
        }
    }
    .to-\[\#d4af37\]\/8 {
        --tw-gradient-to: #d4af3714;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .to-\[\#d4af37\]\/8 {
            --tw-gradient-to: lab(73.2933% 5.13336 62.8198/0.08);
        }
    }
    .to-\[\#d4af37\]\/10 {
        --tw-gradient-to: #d4af371a;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .to-\[\#d4af37\]\/10 {
            --tw-gradient-to: lab(73.2933% 5.13336 62.8198/0.1);
        }
    }
    .to-\[\#d4af37\]\/20 {
        --tw-gradient-to: #d4af3733;
        --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)
        );
    }
    @supports (color: lab(0% 0 0)) {
        .to-\[\#d4af37\]\/20 {
            --tw-gradient-to: lab(73.2933% 5.13336 62.8198/0.2);
        }
    }
    .to-\[\#e8d48b\] {
        --tw-gradient-to: #e8d48b;
        --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-\[\#efe9dd\] {
        --tw-gradient-to: #efe9dd;
        --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-\[\#f5f0e8\] {
        --tw-gradient-to: #f5f0e8;
        --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-\[\#f5f3ef\] {
        --tw-gradient-to: #f5f3ef;
        --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-\[\#f472b6\] {
        --tw-gradient-to: #f472b6;
        --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-\[\#faf9f6\] {
        --tw-gradient-to: #faf9f6;
        --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-\[\#fbbf24\] {
        --tw-gradient-to: #fbbf24;
        --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-\[\#fde68a\] {
        --tw-gradient-to: #fde68a;
        --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-amber-100 {
        --tw-gradient-to: var(--color-amber-100);
        --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-blue-100 {
        --tw-gradient-to: var(--color-blue-100);
        --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-blue-500\/10 {
        --tw-gradient-to: #3080ff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .to-blue-500\/10 {
            --tw-gradient-to: color-mix(
                in oklab,
                var(--color-blue-500) 10%,
                transparent
            );
        }
    }
    .to-blue-500\/10 {
        --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-100 {
        --tw-gradient-to: var(--color-emerald-100);
        --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-orange-500\/10 {
        --tw-gradient-to: #fe6e001a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .to-orange-500\/10 {
            --tw-gradient-to: color-mix(
                in oklab,
                var(--color-orange-500) 10%,
                transparent
            );
        }
    }
    .to-orange-500\/10 {
        --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-rose-100 {
        --tw-gradient-to: var(--color-rose-100);
        --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-teal-500\/10 {
        --tw-gradient-to: #00baa71a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .to-teal-500\/10 {
            --tw-gradient-to: color-mix(
                in oklab,
                var(--color-teal-500) 10%,
                transparent
            );
        }
    }
    .to-teal-500\/10 {
        --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-transparent {
        --tw-gradient-to: 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-violet-100 {
        --tw-gradient-to: var(--color-violet-100);
        --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)
        );
    }
    .object-contain {
        object-fit: contain;
    }
    .object-cover {
        object-fit: cover;
    }
    .object-top {
        object-position: top;
    }
    .p-1 {
        padding: calc(var(--spacing) * 1);
    }
    .p-1\.5 {
        padding: calc(var(--spacing) * 1.5);
    }
    .p-2 {
        padding: calc(var(--spacing) * 2);
    }
    .p-2\.5 {
        padding: calc(var(--spacing) * 2.5);
    }
    .p-3 {
        padding: calc(var(--spacing) * 3);
    }
    .p-4 {
        padding: calc(var(--spacing) * 4);
    }
    .p-5 {
        padding: calc(var(--spacing) * 5);
    }
    .p-6 {
        padding: calc(var(--spacing) * 6);
    }
    .p-7 {
        padding: calc(var(--spacing) * 7);
    }
    .p-8 {
        padding: calc(var(--spacing) * 8);
    }
    .p-10 {
        padding: calc(var(--spacing) * 10);
    }
    .p-14 {
        padding: calc(var(--spacing) * 14);
    }
    .px-1\.5 {
        padding-inline: calc(var(--spacing) * 1.5);
    }
    .px-2 {
        padding-inline: calc(var(--spacing) * 2);
    }
    .px-2\.5 {
        padding-inline: calc(var(--spacing) * 2.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);
    }
    .px-7 {
        padding-inline: calc(var(--spacing) * 7);
    }
    .px-8 {
        padding-inline: calc(var(--spacing) * 8);
    }
    .py-0\.5 {
        padding-block: calc(var(--spacing) * 0.5);
    }
    .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-3\.5 {
        padding-block: calc(var(--spacing) * 3.5);
    }
    .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-7 {
        padding-block: calc(var(--spacing) * 7);
    }
    .py-8 {
        padding-block: calc(var(--spacing) * 8);
    }
    .py-10 {
        padding-block: calc(var(--spacing) * 10);
    }
    .py-12 {
        padding-block: calc(var(--spacing) * 12);
    }
    .py-14 {
        padding-block: calc(var(--spacing) * 14);
    }
    .py-16 {
        padding-block: calc(var(--spacing) * 16);
    }
    .py-20 {
        padding-block: calc(var(--spacing) * 20);
    }
    .py-24 {
        padding-block: calc(var(--spacing) * 24);
    }
    .py-28 {
        padding-block: calc(var(--spacing) * 28);
    }
    .py-32 {
        padding-block: calc(var(--spacing) * 32);
    }
    .pt-1 {
        padding-top: calc(var(--spacing) * 1);
    }
    .pt-1\.5 {
        padding-top: calc(var(--spacing) * 1.5);
    }
    .pt-2 {
        padding-top: calc(var(--spacing) * 2);
    }
    .pt-2\.5 {
        padding-top: calc(var(--spacing) * 2.5);
    }
    .pt-3 {
        padding-top: calc(var(--spacing) * 3);
    }
    .pt-4 {
        padding-top: calc(var(--spacing) * 4);
    }
    .pt-5 {
        padding-top: calc(var(--spacing) * 5);
    }
    .pt-6 {
        padding-top: calc(var(--spacing) * 6);
    }
    .pt-7 {
        padding-top: calc(var(--spacing) * 7);
    }
    .pt-8 {
        padding-top: calc(var(--spacing) * 8);
    }
    .pt-10 {
        padding-top: calc(var(--spacing) * 10);
    }
    .pt-12 {
        padding-top: calc(var(--spacing) * 12);
    }
    .pt-14 {
        padding-top: calc(var(--spacing) * 14);
    }
    .pt-16 {
        padding-top: calc(var(--spacing) * 16);
    }
    .pt-28 {
        padding-top: calc(var(--spacing) * 28);
    }
    .pt-32 {
        padding-top: calc(var(--spacing) * 32);
    }
    .pr-4 {
        padding-right: calc(var(--spacing) * 4);
    }
    .pr-14 {
        padding-right: calc(var(--spacing) * 14);
    }
    .pb-0 {
        padding-bottom: calc(var(--spacing) * 0);
    }
    .pb-3 {
        padding-bottom: calc(var(--spacing) * 3);
    }
    .pb-4 {
        padding-bottom: calc(var(--spacing) * 4);
    }
    .pb-5 {
        padding-bottom: calc(var(--spacing) * 5);
    }
    .pb-6 {
        padding-bottom: calc(var(--spacing) * 6);
    }
    .pb-8 {
        padding-bottom: calc(var(--spacing) * 8);
    }
    .pb-12 {
        padding-bottom: calc(var(--spacing) * 12);
    }
    .pb-14 {
        padding-bottom: calc(var(--spacing) * 14);
    }
    .pb-16 {
        padding-bottom: calc(var(--spacing) * 16);
    }
    .pb-20 {
        padding-bottom: calc(var(--spacing) * 20);
    }
    .pb-44 {
        padding-bottom: calc(var(--spacing) * 44);
    }
    .pl-2 {
        padding-left: calc(var(--spacing) * 2);
    }
    .pl-4 {
        padding-left: calc(var(--spacing) * 4);
    }
    .pl-6 {
        padding-left: calc(var(--spacing) * 6);
    }
    .pl-11 {
        padding-left: calc(var(--spacing) * 11);
    }
    .text-center {
        text-align: center;
    }
    .text-left {
        text-align: left;
    }
    .text-right {
        text-align: right;
    }
    .align-top {
        vertical-align: top;
    }
    .font-mono {
        font-family: var(--font-mono), monospace;
    }
    .font-sans {
        font-family: var(--font-montserrat), system-ui, sans-serif;
    }
    .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-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--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-\[0\.3rem\] {
        font-size: 0.3rem;
    }
    .text-\[0\.5rem\] {
        font-size: 0.5rem;
    }
    .text-\[0\.6rem\] {
        font-size: 0.6rem;
    }
    .text-\[0\.7rem\] {
        font-size: 0.7rem;
    }
    .text-\[0\.8rem\] {
        font-size: 0.8rem;
    }
    .text-\[0\.9rem\] {
        font-size: 0.9rem;
    }
    .text-\[0\.35rem\] {
        font-size: 0.35rem;
    }
    .text-\[0\.38rem\] {
        font-size: 0.38rem;
    }
    .text-\[0\.42rem\] {
        font-size: 0.42rem;
    }
    .text-\[0\.45rem\] {
        font-size: 0.45rem;
    }
    .text-\[0\.55rem\] {
        font-size: 0.55rem;
    }
    .text-\[0\.58rem\] {
        font-size: 0.58rem;
    }
    .text-\[0\.62rem\] {
        font-size: 0.62rem;
    }
    .text-\[0\.65rem\] {
        font-size: 0.65rem;
    }
    .text-\[0\.66rem\] {
        font-size: 0.66rem;
    }
    .text-\[0\.68rem\] {
        font-size: 0.68rem;
    }
    .text-\[0\.72rem\] {
        font-size: 0.72rem;
    }
    .text-\[0\.75rem\] {
        font-size: 0.75rem;
    }
    .text-\[0\.78rem\] {
        font-size: 0.78rem;
    }
    .text-\[0\.82rem\] {
        font-size: 0.82rem;
    }
    .text-\[0\.83rem\] {
        font-size: 0.83rem;
    }
    .text-\[0\.84rem\] {
        font-size: 0.84rem;
    }
    .text-\[0\.85rem\] {
        font-size: 0.85rem;
    }
    .text-\[0\.86rem\] {
        font-size: 0.86rem;
    }
    .text-\[0\.88rem\] {
        font-size: 0.88rem;
    }
    .text-\[0\.92em\] {
        font-size: 0.92em;
    }
    .text-\[0\.92rem\] {
        font-size: 0.92rem;
    }
    .text-\[0\.95rem\] {
        font-size: 0.95rem;
    }
    .text-\[0\.98rem\] {
        font-size: 0.98rem;
    }
    .text-\[1\.1rem\] {
        font-size: 1.1rem;
    }
    .text-\[1\.05rem\] {
        font-size: 1.05rem;
    }
    .text-\[1\.6rem\] {
        font-size: 1.6rem;
    }
    .text-\[1\.9rem\] {
        font-size: 1.9rem;
    }
    .text-\[1rem\] {
        font-size: 1rem;
    }
    .text-\[2\.4rem\] {
        font-size: 2.4rem;
    }
    .text-\[2rem\] {
        font-size: 2rem;
    }
    .text-\[3\.5rem\] {
        font-size: 3.5rem;
    }
    .text-\[5rem\] {
        font-size: 5rem;
    }
    .text-\[6rem\] {
        font-size: 6rem;
    }
    .text-\[10px\] {
        font-size: 10px;
    }
    .text-\[11px\] {
        font-size: 11px;
    }
    .text-\[clamp\(1\.75rem\,4\.4vw\,3\.1rem\)\] {
        font-size: clamp(1.75rem, 4.4vw, 3.1rem);
    }
    .text-\[clamp\(2\.2rem\,6vw\,4\.5rem\)\] {
        font-size: clamp(2.2rem, 6vw, 4.5rem);
    }
    .text-\[clamp\(2\.3rem\,6vw\,4\.2rem\)\] {
        font-size: clamp(2.3rem, 6vw, 4.2rem);
    }
    .leading-\[1\.1\] {
        --tw-leading: 1.1;
        line-height: 1.1;
    }
    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2;
    }
    .leading-\[1\.06\] {
        --tw-leading: 1.06;
        line-height: 1.06;
    }
    .leading-\[1\.08\] {
        --tw-leading: 1.08;
        line-height: 1.08;
    }
    .leading-\[1\.12\] {
        --tw-leading: 1.12;
        line-height: 1.12;
    }
    .leading-\[1\.15\] {
        --tw-leading: 1.15;
        line-height: 1.15;
    }
    .leading-\[1\.75\] {
        --tw-leading: 1.75;
        line-height: 1.75;
    }
    .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);
    }
    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
    }
    .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black);
    }
    .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\.1em\] {
        --tw-tracking: 0.1em;
        letter-spacing: 0.1em;
    }
    .tracking-\[0\.08em\] {
        --tw-tracking: 0.08em;
        letter-spacing: 0.08em;
    }
    .tracking-\[0\.12em\] {
        --tw-tracking: 0.12em;
        letter-spacing: 0.12em;
    }
    .tracking-\[0\.14em\] {
        --tw-tracking: 0.14em;
        letter-spacing: 0.14em;
    }
    .tracking-\[0\.15em\] {
        --tw-tracking: 0.15em;
        letter-spacing: 0.15em;
    }
    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight);
    }
    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
    }
    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider);
    }
    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest);
    }
    .text-balance {
        text-wrap: balance;
    }
    .text-pretty {
        text-wrap: pretty;
    }
    .break-words {
        overflow-wrap: break-word;
    }
    .whitespace-nowrap {
        white-space: nowrap;
    }
    .text-\[\#0a1628\] {
        color: #0a1628;
    }
    .text-\[\#0a1628\]\/\[0\.03\] {
        color: #0a162808;
        color: lab(6.96745% 0.04749 -14.1035/0.03);
    }
    .text-\[\#0a1628\]\/\[0\.05\] {
        color: #0a16280d;
        color: lab(6.96745% 0.04749 -14.1035/0.05);
    }
    .text-\[\#0a1628\]\/\[0\.15\] {
        color: #0a162826;
        color: lab(6.96745% 0.04749 -14.1035/0.15);
    }
    .text-\[\#0d7a53\] {
        color: #0d7a53;
    }
    .text-\[\#1a1a1a\] {
        color: #1a1a1a;
    }
    .text-\[\#1e40af\] {
        color: #1e40af;
    }
    .text-\[\#2d3748\] {
        color: #2d3748;
    }
    .text-\[\#3a4555\] {
        color: #3a4555;
    }
    .text-\[\#3b82f6\] {
        color: #3b82f6;
    }
    .text-\[\#4a5a75\] {
        color: #4a5a75;
    }
    .text-\[\#4a5568\] {
        color: #4a5568;
    }
    .text-\[\#4a5568\]\/80 {
        color: #4a5568cc;
        color: lab(35.7427% -0.807896 -12.5317/0.8);
    }
    .text-\[\#4a5568\]\/\[0\.06\] {
        color: #4a55680f;
        color: lab(35.7427% -0.807896 -12.5317/0.06);
    }
    .text-\[\#5a4a26\] {
        color: #5a4a26;
    }
    .text-\[\#5a6a80\] {
        color: #5a6a80;
    }
    .text-\[\#5a6577\] {
        color: #5a6577;
    }
    .text-\[\#6b5a3a\] {
        color: #6b5a3a;
    }
    .text-\[\#6b7a8d\] {
        color: #6b7a8d;
    }
    .text-\[\#6b7280\] {
        color: #6b7280;
    }
    .text-\[\#7a6a4a\] {
        color: #7a6a4a;
    }
    .text-\[\#7a6000\] {
        color: #7a6000;
    }
    .text-\[\#8a6f17\] {
        color: #8a6f17;
    }
    .text-\[\#8a6f20\] {
        color: #8a6f20;
    }
    .text-\[\#8a8a8a\] {
        color: #8a8a8a;
    }
    .text-\[\#8b6f2a\] {
        color: #8b6f2a;
    }
    .text-\[\#8b6f2a\]\/\[0\.08\] {
        color: #8b6f2a14;
        color: lab(48.6114% 5.72377 41.2776/0.08);
    }
    .text-\[\#9ca3af\] {
        color: #9ca3af;
    }
    .text-\[\#25D366\] {
        color: #25d366;
    }
    .text-\[\#60a5fa\] {
        color: #60a5fa;
    }
    .text-\[\#070e1a\] {
        color: #070e1a;
    }
    .text-\[\#333\] {
        color: #333;
    }
    .text-\[\#666\] {
        color: #666;
    }
    .text-\[\#736e65\] {
        color: #736e65;
    }
    .text-\[\#888\] {
        color: #888;
    }
    .text-\[\#999\] {
        color: #999;
    }
    .text-\[\#3730a3\] {
        color: #3730a3;
    }
    .text-\[\#8896a8\] {
        color: #8896a8;
    }
    .text-\[\#92400e\] {
        color: #92400e;
    }
    .text-\[\#a39e93\] {
        color: #a39e93;
    }
    .text-\[\#a08430\] {
        color: #a08430;
    }
    .text-\[\#a08430\]\/\[0\.08\] {
        color: #a0843014;
        color: lab(56.6264% 4.23393 47.5074/0.08);
    }
    .text-\[\#aaa\] {
        color: #aaa;
    }
    .text-\[\#b8c4d4\] {
        color: #b8c4d4;
    }
    .text-\[\#b8962e\] {
        color: #b8962e;
    }
    .text-\[\#c4bfb6\] {
        color: #c4bfb6;
    }
    .text-\[\#c9a84c\] {
        color: #c9a84c;
    }
    .text-\[\#c9c1b3\] {
        color: #c9c1b3;
    }
    .text-\[\#ccc\] {
        color: #ccc;
    }
    .text-\[\#d4af37\] {
        color: #d4af37;
    }
    .text-\[\#d4af37\]\/40 {
        color: #d4af3766;
        color: lab(73.2933% 5.13336 62.8198/0.4);
    }
    .text-\[\#d4af37\]\/60 {
        color: #d4af3799;
        color: lab(73.2933% 5.13336 62.8198/0.6);
    }
    .text-\[\#d4af37\]\/80 {
        color: #d4af37cc;
        color: lab(73.2933% 5.13336 62.8198/0.8);
    }
    .text-\[\#d4af37\]\/85 {
        color: #d4af37d9;
        color: lab(73.2933% 5.13336 62.8198/0.85);
    }
    .text-\[\#d4af37\]\/90 {
        color: #d4af37e6;
        color: lab(73.2933% 5.13336 62.8198/0.9);
    }
    .text-\[\#d6d0c4\] {
        color: #d6d0c4;
    }
    .text-\[\#d4453f\] {
        color: #d4453f;
    }
    .text-\[\#e8d48b\] {
        color: #e8d48b;
    }
    .text-\[\#e8edf5\] {
        color: #e8edf5;
    }
    .text-\[\#ebe7df\] {
        color: #ebe7df;
    }
    .text-\[\#f59e0b\] {
        color: #f59e0b;
    }
    .text-\[\#f87171\] {
        color: #f87171;
    }
    .text-\[\#fbbf24\] {
        color: #fbbf24;
    }
    .text-amber-500 {
        color: var(--color-amber-500);
    }
    .text-amber-600 {
        color: var(--color-amber-600);
    }
    .text-amber-700 {
        color: var(--color-amber-700);
    }
    .text-blue-600 {
        color: var(--color-blue-600);
    }
    .text-blue-700 {
        color: var(--color-blue-700);
    }
    .text-emerald-500 {
        color: var(--color-emerald-500);
    }
    .text-emerald-600 {
        color: var(--color-emerald-600);
    }
    .text-emerald-700 {
        color: var(--color-emerald-700);
    }
    .text-gray-800 {
        color: var(--color-gray-800);
    }
    .text-green-500 {
        color: var(--color-green-500);
    }
    .text-green-600 {
        color: var(--color-green-600);
    }
    .text-red-500 {
        color: var(--color-red-500);
    }
    .text-red-600 {
        color: var(--color-red-600);
    }
    .text-rose-600 {
        color: var(--color-rose-600);
    }
    .text-rose-700 {
        color: var(--color-rose-700);
    }
    .text-violet-500 {
        color: var(--color-violet-500);
    }
    .text-violet-600 {
        color: var(--color-violet-600);
    }
    .text-violet-700 {
        color: var(--color-violet-700);
    }
    .text-white {
        color: var(--color-white);
    }
    .text-white\/20 {
        color: #fff3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/20 {
            color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
    }
    .text-white\/25 {
        color: #ffffff40;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/25 {
            color: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
    }
    .text-white\/50 {
        color: #ffffff80;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/50 {
            color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
    }
    .text-white\/60 {
        color: #fff9;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/60 {
            color: color-mix(in oklab, var(--color-white) 60%, transparent);
        }
    }
    .text-white\/70 {
        color: #ffffffb3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
    }
    .text-white\/75 {
        color: #ffffffbf;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/75 {
            color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
    }
    .text-white\/90 {
        color: #ffffffe6;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/90 {
            color: color-mix(in oklab, var(--color-white) 90%, transparent);
        }
    }
    .text-white\/\[0\.04\] {
        color: #ffffff0a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/\[0\.04\] {
            color: color-mix(in oklab, var(--color-white) 4%, transparent);
        }
    }
    .text-yellow-600 {
        color: var(--color-yellow-600);
    }
    .uppercase {
        text-transform: uppercase;
    }
    .italic {
        font-style: italic;
    }
    .underline {
        text-decoration-line: underline;
    }
    .decoration-dotted {
        text-decoration-style: dotted;
    }
    .underline-offset-2 {
        text-underline-offset: 2px;
    }
    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .opacity-0 {
        opacity: 0;
    }
    .opacity-40 {
        opacity: 0.4;
    }
    .opacity-50 {
        opacity: 0.5;
    }
    .opacity-60 {
        opacity: 0.6;
    }
    .opacity-70 {
        opacity: 0.7;
    }
    .opacity-80 {
        opacity: 0.8;
    }
    .opacity-100 {
        opacity: 1;
    }
    .opacity-\[0\.02\] {
        opacity: 0.02;
    }
    .opacity-\[0\.03\] {
        opacity: 0.03;
    }
    .opacity-\[0\.04\] {
        opacity: 0.04;
    }
    .opacity-\[0\.06\] {
        opacity: 0.06;
    }
    .opacity-\[0\.07\] {
        opacity: 0.07;
    }
    .opacity-\[0\.08\] {
        opacity: 0.08;
    }
    .opacity-\[0\.12\] {
        opacity: 0.12;
    }
    .opacity-\[0\.025\] {
        opacity: 0.025;
    }
    .opacity-\[0\.35\] {
        opacity: 0.35;
    }
    .mix-blend-color {
        mix-blend-mode: color;
    }
    .mix-blend-overlay {
        mix-blend-mode: overlay;
    }
    .shadow {
        --tw-shadow:
            0 1px 3px 0 var(--tw-shadow-color, #0000001a),
            0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        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_-8px_30px_rgba\(0\,0\,0\,0\.12\)\] {
        --tw-shadow: 0 -8px 30px var(--tw-shadow-color, #0000001f);
        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_10px_rgba\(212\,175\,55\,0\.5\)\] {
        --tw-shadow: 0 0 10px var(--tw-shadow-color, #d4af3780);
        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_10px_rgba\(212\,175\,55\,0\.55\)\] {
        --tw-shadow: 0 0 10px var(--tw-shadow-color, #d4af378c);
        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_12px_rgba\(212\,175\,55\,0\.4\)\] {
        --tw-shadow: 0 0 12px var(--tw-shadow-color, #d4af3766);
        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_20px_rgba\(212\,175\,55\,0\.15\)\] {
        --tw-shadow: 0 0 20px var(--tw-shadow-color, #d4af3726);
        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_2px_12px_rgba\(0\,0\,0\,0\.07\)\] {
        --tw-shadow: 0 2px 12px var(--tw-shadow-color, #00000012);
        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_4px_24px_rgba\(10\,22\,40\,0\.05\)\] {
        --tw-shadow: 0 4px 24px var(--tw-shadow-color, #0a16280d);
        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_4px_24px_rgba\(212\,175\,55\,0\.06\)\] {
        --tw-shadow: 0 4px 24px var(--tw-shadow-color, #d4af370f);
        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_8px_24px_rgba\(0\,0\,0\,0\.35\)\] {
        --tw-shadow: 0 8px 24px var(--tw-shadow-color, #00000059);
        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_20px_50px_-12px_rgba\(0\,0\,0\,0\.45\)\,0_8px_20px_-8px_rgba\(0\,0\,0\,0\.3\)\] {
        --tw-shadow:
            0 20px 50px -12px var(--tw-shadow-color, #00000073),
            0 8px 20px -8px var(--tw-shadow-color, #0000004d);
        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_20px_60px_rgba\(0\,0\,0\,0\.4\)\] {
        --tw-shadow: 0 20px 60px var(--tw-shadow-color, #0006);
        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_20px_60px_rgba\(0\,0\,0\,0\.35\)\] {
        --tw-shadow: 0 20px 60px var(--tw-shadow-color, #00000059);
        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_24px_80px_rgba\(10\,22\,40\,0\.3\)\] {
        --tw-shadow: 0 24px 80px var(--tw-shadow-color, #0a16284d);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-lg {
        --tw-shadow:
            0 10px 15px -3px var(--tw-shadow-color, #0000001a),
            0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-md {
        --tw-shadow:
            0 4px 6px -1px var(--tw-shadow-color, #0000001a),
            0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-sm {
        --tw-shadow:
            0 1px 3px 0 var(--tw-shadow-color, #0000001a),
            0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .shadow-xl {
        --tw-shadow:
            0 20px 25px -5px var(--tw-shadow-color, #0000001a),
            0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow:
            var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }
    .ring,
    .ring-1 {
        --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);
    }
    .shadow-\[\#0a1628\]\/10 {
        --tw-shadow-color: #0a16281a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-\[\#0a1628\]\/10 {
            --tw-shadow-color: color-mix(
                in oklab,
                lab(6.96745% 0.04749 -14.1035/0.1) var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .shadow-\[\#0a1628\]\/30 {
        --tw-shadow-color: #0a16284d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-\[\#0a1628\]\/30 {
            --tw-shadow-color: color-mix(
                in oklab,
                lab(6.96745% 0.04749 -14.1035/0.3) var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .shadow-\[\#25D366\]\/30 {
        --tw-shadow-color: #25d3664d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-\[\#25D366\]\/30 {
            --tw-shadow-color: color-mix(
                in oklab,
                lab(74.7716% -60.9651 41.133/0.3) var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .shadow-\[\#d4af37\]\/5 {
        --tw-shadow-color: #d4af370d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-\[\#d4af37\]\/5 {
            --tw-shadow-color: color-mix(
                in oklab,
                lab(73.2933% 5.13336 62.8198/0.05) var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .shadow-\[\#d4af37\]\/10 {
        --tw-shadow-color: #d4af371a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-\[\#d4af37\]\/10 {
            --tw-shadow-color: color-mix(
                in oklab,
                lab(73.2933% 5.13336 62.8198/0.1) var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .shadow-\[\#d4af37\]\/20 {
        --tw-shadow-color: #d4af3733;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-\[\#d4af37\]\/20 {
            --tw-shadow-color: color-mix(
                in oklab,
                lab(73.2933% 5.13336 62.8198/0.2) var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .shadow-\[\#d4af37\]\/30 {
        --tw-shadow-color: #d4af374d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-\[\#d4af37\]\/30 {
            --tw-shadow-color: color-mix(
                in oklab,
                lab(73.2933% 5.13336 62.8198/0.3) var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .shadow-black\/8 {
        --tw-shadow-color: #00000014;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-black\/8 {
            --tw-shadow-color: color-mix(
                in oklab,
                color-mix(in oklab, var(--color-black) 8%, transparent)
                    var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .shadow-black\/10 {
        --tw-shadow-color: #0000001a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-black\/10 {
            --tw-shadow-color: color-mix(
                in oklab,
                color-mix(in oklab, var(--color-black) 10%, transparent)
                    var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .shadow-black\/20 {
        --tw-shadow-color: #0003;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-black\/20 {
            --tw-shadow-color: color-mix(
                in oklab,
                color-mix(in oklab, var(--color-black) 20%, transparent)
                    var(--tw-shadow-alpha),
                transparent
            );
        }
    }
    .ring-black\/5 {
        --tw-ring-color: #0000000d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .ring-black\/5 {
            --tw-ring-color: color-mix(
                in oklab,
                var(--color-black) 5%,
                transparent
            );
        }
    }
    .blur-2xl {
        --tw-blur: blur(var(--blur-2xl));
        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,);
    }
    .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,);
    }
    .blur-\[40px\] {
        --tw-blur: blur(40px);
        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,);
    }
    .blur-\[50px\] {
        --tw-blur: blur(50px);
        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,);
    }
    .blur-\[55px\] {
        --tw-blur: blur(55px);
        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,);
    }
    .blur-\[60px\] {
        --tw-blur: blur(60px);
        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,);
    }
    .blur-\[70px\] {
        --tw-blur: blur(70px);
        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,);
    }
    .blur-\[80px\] {
        --tw-blur: blur(80px);
        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,);
    }
    .blur-\[90px\] {
        --tw-blur: blur(90px);
        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,);
    }
    .blur-\[100px\] {
        --tw-blur: blur(100px);
        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,);
    }
    .blur-\[120px\] {
        --tw-blur: blur(120px);
        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,);
    }
    .blur-sm {
        --tw-blur: blur(var(--blur-sm));
        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,);
    }
    .blur-xl {
        --tw-blur: blur(var(--blur-xl));
        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,);
    }
    .brightness-0 {
        --tw-brightness: brightness(0%);
        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,);
    }
    .brightness-75 {
        --tw-brightness: brightness(75%);
        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,);
    }
    .drop-shadow-\[0_0_1px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-drop-shadow-size: drop-shadow(
            0 0 1px var(--tw-drop-shadow-color, #00000040)
        );
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        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,);
    }
    .grayscale {
        --tw-grayscale: grayscale(100%);
        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,);
    }
    .invert {
        --tw-invert: invert(100%);
        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,);
    }
    .filter {
        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-\[1px\] {
        --tw-backdrop-blur: blur(1px);
        -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,);
    }
    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -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,);
    }
    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -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,);
    }
    .backdrop-blur-xl {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -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,
            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-\[width\] {
        transition-property: width;
        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-opacity {
        transition-property: opacity;
        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)
        );
    }
    .duration-150 {
        --tw-duration: 0.15s;
        transition-duration: 0.15s;
    }
    .duration-200 {
        --tw-duration: 0.2s;
        transition-duration: 0.2s;
    }
    .duration-300 {
        --tw-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .duration-400 {
        --tw-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .duration-500 {
        --tw-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .duration-700 {
        --tw-duration: 0.7s;
        transition-duration: 0.7s;
    }
    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
    }
    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
    }
    .select-none {
        -webkit-user-select: none;
        user-select: none;
    }
    .group-open\:rotate-45:is(
        :where(.group):is([open], :popover-open, :open) *
    ) {
        rotate: 45deg;
    }
    @media (hover: hover) {
        .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * 0.5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .group-hover\:translate-x-1:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * 1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .group-hover\:-translate-y-1:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
        .group-hover\:scale-110:is(:where(.group):hover *) {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
        .group-hover\:scale-x-100:is(:where(.group):hover *) {
            --tw-scale-x: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
        .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
            scale: 1.04;
        }
        .group-hover\:scale-\[1\.05\]:is(:where(.group):hover *) {
            scale: 1.05;
        }
        .group-hover\:gap-2\.5:is(:where(.group):hover *) {
            gap: calc(var(--spacing) * 2.5);
        }
        .group-hover\:gap-3:is(:where(.group):hover *) {
            gap: calc(var(--spacing) * 3);
        }
        .group-hover\:border-\[\#d4af37\]\/30:is(:where(.group):hover *) {
            border-color: #d4af374d;
            border-color: lab(73.2933% 5.13336 62.8198/0.3);
        }
        .group-hover\:border-\[\#d4af37\]\/40:is(:where(.group):hover *) {
            border-color: #d4af3766;
            border-color: lab(73.2933% 5.13336 62.8198/0.4);
        }
        .group-hover\:bg-\[\#0a1628\]:is(:where(.group):hover *) {
            background-color: #0a1628;
        }
        .group-hover\:bg-\[\#0f1f38\]:is(:where(.group):hover *) {
            background-color: #0f1f38;
        }
        .group-hover\:bg-\[\#4a5568\]:is(:where(.group):hover *) {
            background-color: #4a5568;
        }
        .group-hover\:bg-\[\#8b6f2a\]:is(:where(.group):hover *) {
            background-color: #8b6f2a;
        }
        .group-hover\:bg-\[\#25D366\]\/25:is(:where(.group):hover *) {
            background-color: #25d36640;
            background-color: lab(74.7716% -60.9651 41.133/0.25);
        }
        .group-hover\:bg-\[\#a39e93\]:is(:where(.group):hover *) {
            background-color: #a39e93;
        }
        .group-hover\:bg-\[\#d4af37\]:is(:where(.group):hover *) {
            background-color: #d4af37;
        }
        .group-hover\:bg-\[\#d4af37\]\/10:is(:where(.group):hover *) {
            background-color: #d4af371a;
            background-color: lab(73.2933% 5.13336 62.8198/0.1);
        }
        .group-hover\:bg-\[\#d4af37\]\/25:is(:where(.group):hover *) {
            background-color: #d4af3740;
            background-color: lab(73.2933% 5.13336 62.8198/0.25);
        }
        .group-hover\:bg-\[\#d4af37\]\/\[0\.1\]:is(:where(.group):hover *) {
            background-color: #d4af371a;
            background-color: lab(73.2933% 5.13336 62.8198/0.1);
        }
        .group-hover\:bg-black\/40:is(:where(.group):hover *) {
            background-color: #0006;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:bg-black\/40:is(:where(.group):hover *) {
                background-color: color-mix(
                    in oklab,
                    var(--color-black) 40%,
                    transparent
                );
            }
        }
        .group-hover\:text-\[\#0a1628\]:is(:where(.group):hover *) {
            color: #0a1628;
        }
        .group-hover\:text-\[\#0a1628\]\/\[0\.12\]:is(:where(.group):hover *) {
            color: #0a16281f;
            color: lab(6.96745% 0.04749 -14.1035/0.12);
        }
        .group-hover\:text-\[\#3b82f6\]:is(:where(.group):hover *) {
            color: #3b82f6;
        }
        .group-hover\:text-\[\#4a5568\]\/\[0\.14\]:is(:where(.group):hover *) {
            color: #4a556824;
            color: lab(35.7427% -0.807896 -12.5317/0.14);
        }
        .group-hover\:text-\[\#8a6f20\]:is(:where(.group):hover *) {
            color: #8a6f20;
        }
        .group-hover\:text-\[\#8b6f2a\]\/\[0\.18\]:is(:where(.group):hover *) {
            color: #8b6f2a2e;
            color: lab(48.6114% 5.72377 41.2776/0.18);
        }
        .group-hover\:text-\[\#162d52\]:is(:where(.group):hover *) {
            color: #162d52;
        }
        .group-hover\:text-\[\#a08430\]\/\[0\.18\]:is(:where(.group):hover *) {
            color: #a084302e;
            color: lab(56.6264% 4.23393 47.5074/0.18);
        }
        .group-hover\:text-\[\#b8962e\]:is(:where(.group):hover *) {
            color: #b8962e;
        }
        .group-hover\:text-\[\#d4af37\]:is(:where(.group):hover *) {
            color: #d4af37;
        }
        .group-hover\:text-\[\#d4af37\]\/25:is(:where(.group):hover *) {
            color: #d4af3740;
            color: lab(73.2933% 5.13336 62.8198/0.25);
        }
        .group-hover\:text-\[\#e8d48b\]:is(:where(.group):hover *) {
            color: #e8d48b;
        }
        .group-hover\:text-white:is(:where(.group):hover *) {
            color: var(--color-white);
        }
        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1;
        }
        .group-hover\:opacity-\[0\.1\]:is(:where(.group):hover *) {
            opacity: 0.1;
        }
        .group-hover\:opacity-\[0\.2\]:is(:where(.group):hover *) {
            opacity: 0.2;
        }
        .group-hover\:opacity-\[0\.07\]:is(:where(.group):hover *) {
            opacity: 0.07;
        }
        .group-hover\:opacity-\[0\.12\]:is(:where(.group):hover *) {
            opacity: 0.12;
        }
        .group-hover\:shadow-md:is(:where(.group):hover *) {
            --tw-shadow:
                0 4px 6px -1px var(--tw-shadow-color, #0000001a),
                0 2px 4px -2px var(--tw-shadow-color, #0000001a);
            box-shadow:
                var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
                var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
                var(--tw-shadow);
        }
        .group-hover\:brightness-100:is(:where(.group):hover *) {
            --tw-brightness: brightness(100%);
            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,);
        }
        .group-hover\:grayscale-0:is(:where(.group):hover *) {
            --tw-grayscale: grayscale(0%);
            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,);
        }
        .group-hover\/logo\:opacity-100:is(:where(.group\/logo):hover *) {
            opacity: 1;
        }
        .group-hover\/logo\:grayscale-0:is(:where(.group\/logo):hover *) {
            --tw-grayscale: grayscale(0%);
            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,);
        }
        .group-hover\/marquee\:\[animation-play-state\:paused\]:is(
            :where(.group\/marquee):hover *
        ) {
            animation-play-state: paused;
        }
    }
    .placeholder\:text-\[\#a39e93\]::placeholder {
        color: #a39e93;
    }
    .last\:border-b-0:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
    }
    .last\:border-none:last-child {
        --tw-border-style: none;
        border-style: none;
    }
    .last\:pb-0:last-child {
        padding-bottom: calc(var(--spacing) * 0);
    }
    @media (hover: hover) {
        .hover\:-translate-y-0\.5:hover {
            --tw-translate-y: calc(var(--spacing) * -0.5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .hover\:-translate-y-1:hover {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .hover\:scale-110:hover {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
        .hover\:border-\[\#0A66C2\]\/40:hover {
            border-color: #0a66c266;
            border-color: lab(42.5561% 3.77446 -55.9164/0.4);
        }
        .hover\:border-\[\#0a1628\]\/20:hover {
            border-color: #0a162833;
            border-color: lab(6.96745% 0.04749 -14.1035/0.2);
        }
        .hover\:border-\[\#0a1628\]\/30:hover {
            border-color: #0a16284d;
            border-color: lab(6.96745% 0.04749 -14.1035/0.3);
        }
        .hover\:border-\[\#0a1628\]\/40:hover {
            border-color: #0a162866;
            border-color: lab(6.96745% 0.04749 -14.1035/0.4);
        }
        .hover\:border-\[\#25D366\]\/40:hover {
            border-color: #25d36666;
            border-color: lab(74.7716% -60.9651 41.133/0.4);
        }
        .hover\:border-\[\#1877F2\]\/40:hover {
            border-color: #1877f266;
            border-color: lab(50.4648% 10.5015 -70.3177/0.4);
        }
        .hover\:border-\[\#E4405F\]\/40:hover {
            border-color: #e4405f66;
            border-color: lab(53.633% 64.6316 21.9139/0.4);
        }
        .hover\:border-\[\#FF2442\]\/40:hover {
            border-color: #ff244266;
            border-color: lab(55.9316% 77.9648 43.1536/0.4);
        }
        .hover\:border-\[\#c9a84c\]:hover {
            border-color: #c9a84c;
        }
        .hover\:border-\[\#d4af37\]:hover {
            border-color: #d4af37;
        }
        .hover\:border-\[\#d4af37\]\/20:hover {
            border-color: #d4af3733;
            border-color: lab(73.2933% 5.13336 62.8198/0.2);
        }
        .hover\:border-\[\#d4af37\]\/25:hover {
            border-color: #d4af3740;
            border-color: lab(73.2933% 5.13336 62.8198/0.25);
        }
        .hover\:border-\[\#d4af37\]\/30:hover {
            border-color: #d4af374d;
            border-color: lab(73.2933% 5.13336 62.8198/0.3);
        }
        .hover\:border-\[\#d4af37\]\/40:hover {
            border-color: #d4af3766;
            border-color: lab(73.2933% 5.13336 62.8198/0.4);
        }
        .hover\:border-\[\#d4af37\]\/50:hover {
            border-color: #d4af3780;
            border-color: lab(73.2933% 5.13336 62.8198/0.5);
        }
        .hover\:border-transparent:hover {
            border-color: #0000;
        }
        .hover\:border-white\/35:hover {
            border-color: #ffffff59;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-white\/35:hover {
                border-color: color-mix(
                    in oklab,
                    var(--color-white) 35%,
                    transparent
                );
            }
        }
        .hover\:border-white\/40:hover {
            border-color: #fff6;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:border-white\/40:hover {
                border-color: color-mix(
                    in oklab,
                    var(--color-white) 40%,
                    transparent
                );
            }
        }
        .hover\:bg-\[\#0A66C2\]\/10:hover {
            background-color: #0a66c21a;
            background-color: lab(42.5561% 3.77446 -55.9164/0.1);
        }
        .hover\:bg-\[\#0f1f3a\]:hover {
            background-color: #0f1f3a;
        }
        .hover\:bg-\[\#0f1f38\]:hover {
            background-color: #0f1f38;
        }
        .hover\:bg-\[\#1fb855\]:hover {
            background-color: #1fb855;
        }
        .hover\:bg-\[\#20BD5A\]:hover {
            background-color: #20bd5a;
        }
        .hover\:bg-\[\#25D366\]\/5:hover {
            background-color: #25d3660d;
            background-color: lab(74.7716% -60.9651 41.133/0.05);
        }
        .hover\:bg-\[\#25D366\]\/20:hover {
            background-color: #25d36633;
            background-color: lab(74.7716% -60.9651 41.133/0.2);
        }
        .hover\:bg-\[\#162d52\]:hover {
            background-color: #162d52;
        }
        .hover\:bg-\[\#1877F2\]\/10:hover {
            background-color: #1877f21a;
            background-color: lab(50.4648% 10.5015 -70.3177/0.1);
        }
        .hover\:bg-\[\#E4405F\]\/10:hover {
            background-color: #e4405f1a;
            background-color: lab(53.633% 64.6316 21.9139/0.1);
        }
        .hover\:bg-\[\#FF2442\]\/10:hover {
            background-color: #ff24421a;
            background-color: lab(55.9316% 77.9648 43.1536/0.1);
        }
        .hover\:bg-\[\#d4af37\]\/5:hover {
            background-color: #d4af370d;
            background-color: lab(73.2933% 5.13336 62.8198/0.05);
        }
        .hover\:bg-\[\#d6d0c4\]:hover {
            background-color: #d6d0c4;
        }
        .hover\:bg-\[\#e8d48b\]:hover {
            background-color: #e8d48b;
        }
        .hover\:bg-\[\#ebe7df\]:hover {
            background-color: #ebe7df;
        }
        .hover\:bg-\[\#f5f3ef\]:hover {
            background-color: #f5f3ef;
        }
        .hover\:bg-\[\#f5f3ef\]\/50:hover {
            background-color: #f5f3ef80;
            background-color: lab(95.914% 0.17187 2.18121/0.5);
        }
        .hover\:bg-\[\#faf9f6\]:hover {
            background-color: #faf9f6;
        }
        .hover\:bg-\[rgba\(212\,175\,55\,0\.04\)\]:hover {
            background-color: #d4af370a;
        }
        .hover\:bg-red-50:hover {
            background-color: var(--color-red-50);
        }
        .hover\:bg-red-200:hover {
            background-color: var(--color-red-200);
        }
        .hover\:bg-white:hover {
            background-color: var(--color-white);
        }
        .hover\:bg-white\/5:hover {
            background-color: #ffffff0d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-white\/5:hover {
                background-color: color-mix(
                    in oklab,
                    var(--color-white) 5%,
                    transparent
                );
            }
        }
        .hover\:text-\[\#0a66c2\]:hover {
            color: #0a66c2;
        }
        .hover\:text-\[\#0a1628\]:hover {
            color: #0a1628;
        }
        .hover\:text-\[\#4a5568\]:hover {
            color: #4a5568;
        }
        .hover\:text-\[\#8a6f20\]:hover {
            color: #8a6f20;
        }
        .hover\:text-\[\#a08430\]:hover {
            color: #a08430;
        }
        .hover\:text-\[\#b8941f\]:hover {
            color: #b8941f;
        }
        .hover\:text-\[\#d4af37\]:hover {
            color: #d4af37;
        }
        .hover\:text-\[\#e8d48b\]:hover {
            color: #e8d48b;
        }
        .hover\:text-red-500:hover {
            color: var(--color-red-500);
        }
        .hover\:text-white:hover {
            color: var(--color-white);
        }
        .hover\:underline:hover {
            text-decoration-line: underline;
        }
        .hover\:opacity-85:hover {
            opacity: 0.85;
        }
        .hover\:opacity-90:hover {
            opacity: 0.9;
        }
        .hover\:opacity-100:hover {
            opacity: 1;
        }
        .hover\:shadow-2xl:hover {
            --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
            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_4px_20px_rgba\(10\,22\,40\,0\.06\)\]:hover {
            --tw-shadow: 0 4px 20px var(--tw-shadow-color, #0a16280f);
            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_8px_32px_rgba\(212\,175\,55\,0\.25\)\]:hover {
            --tw-shadow: 0 8px 32px var(--tw-shadow-color, #d4af3740);
            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_8px_32px_rgba\(212\,175\,55\,0\.28\)\]:hover {
            --tw-shadow: 0 8px 32px var(--tw-shadow-color, #d4af3747);
            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-lg:hover {
            --tw-shadow:
                0 10px 15px -3px var(--tw-shadow-color, #0000001a),
                0 4px 6px -4px var(--tw-shadow-color, #0000001a);
            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-md:hover {
            --tw-shadow:
                0 4px 6px -1px var(--tw-shadow-color, #0000001a),
                0 2px 4px -2px var(--tw-shadow-color, #0000001a);
            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-xl:hover {
            --tw-shadow:
                0 20px 25px -5px var(--tw-shadow-color, #0000001a),
                0 8px 10px -6px var(--tw-shadow-color, #0000001a);
            box-shadow:
                var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
                var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
                var(--tw-shadow);
        }
        .hover\:ring-2:hover {
            --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);
        }
        .hover\:shadow-\[\#0a1628\]\/20:hover {
            --tw-shadow-color: #0a162833;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:shadow-\[\#0a1628\]\/20:hover {
                --tw-shadow-color: color-mix(
                    in oklab,
                    lab(6.96745% 0.04749 -14.1035/0.2) var(--tw-shadow-alpha),
                    transparent
                );
            }
        }
        .hover\:shadow-\[\#25D366\]\/20:hover {
            --tw-shadow-color: #25d36633;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:shadow-\[\#25D366\]\/20:hover {
                --tw-shadow-color: color-mix(
                    in oklab,
                    lab(74.7716% -60.9651 41.133/0.2) var(--tw-shadow-alpha),
                    transparent
                );
            }
        }
        .hover\:shadow-\[\#25D366\]\/25:hover {
            --tw-shadow-color: #25d36640;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:shadow-\[\#25D366\]\/25:hover {
                --tw-shadow-color: color-mix(
                    in oklab,
                    lab(74.7716% -60.9651 41.133/0.25) var(--tw-shadow-alpha),
                    transparent
                );
            }
        }
        .hover\:shadow-\[\#25D366\]\/30:hover {
            --tw-shadow-color: #25d3664d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:shadow-\[\#25D366\]\/30:hover {
                --tw-shadow-color: color-mix(
                    in oklab,
                    lab(74.7716% -60.9651 41.133/0.3) var(--tw-shadow-alpha),
                    transparent
                );
            }
        }
        .hover\:shadow-\[\#25D366\]\/40:hover {
            --tw-shadow-color: #25d36666;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:shadow-\[\#25D366\]\/40:hover {
                --tw-shadow-color: color-mix(
                    in oklab,
                    lab(74.7716% -60.9651 41.133/0.4) var(--tw-shadow-alpha),
                    transparent
                );
            }
        }
        .hover\:shadow-\[\#d4af37\]\/5:hover {
            --tw-shadow-color: #d4af370d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:shadow-\[\#d4af37\]\/5:hover {
                --tw-shadow-color: color-mix(
                    in oklab,
                    lab(73.2933% 5.13336 62.8198/0.05) var(--tw-shadow-alpha),
                    transparent
                );
            }
        }
        .hover\:shadow-\[\#d4af37\]\/8:hover {
            --tw-shadow-color: #d4af3714;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:shadow-\[\#d4af37\]\/8:hover {
                --tw-shadow-color: color-mix(
                    in oklab,
                    lab(73.2933% 5.13336 62.8198/0.08) var(--tw-shadow-alpha),
                    transparent
                );
            }
        }
        .hover\:shadow-\[\#d4af37\]\/20:hover {
            --tw-shadow-color: #d4af3733;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:shadow-\[\#d4af37\]\/20:hover {
                --tw-shadow-color: color-mix(
                    in oklab,
                    lab(73.2933% 5.13336 62.8198/0.2) var(--tw-shadow-alpha),
                    transparent
                );
            }
        }
        .hover\:ring-\[\#d4af37\]\/30:hover {
            --tw-ring-color: #d4af374d;
        }
        @supports (color: lab(0% 0 0)) {
            .hover\:ring-\[\#d4af37\]\/30:hover {
                --tw-ring-color: lab(73.2933% 5.13336 62.8198/0.3);
            }
        }
        .hover\:brightness-100:hover {
            --tw-brightness: brightness(100%);
            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,);
        }
        .hover\:grayscale-0:hover {
            --tw-grayscale: grayscale(0%);
            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,);
        }
    }
    .focus\:border-\[\#d4af37\]\/40:focus {
        border-color: #d4af3766;
        border-color: lab(73.2933% 5.13336 62.8198/0.4);
    }
    .focus\:border-\[\#d4af37\]\/50:focus {
        border-color: #d4af3780;
        border-color: lab(73.2933% 5.13336 62.8198/0.5);
    }
    .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-\[\#d4af37\]\/10:focus {
        --tw-ring-color: #d4af371a;
    }
    @supports (color: lab(0% 0 0)) {
        .focus\:ring-\[\#d4af37\]\/10:focus {
            --tw-ring-color: lab(73.2933% 5.13336 62.8198/0.1);
        }
    }
    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed;
    }
    .disabled\:opacity-40:disabled {
        opacity: 0.4;
    }
    @media (min-width: 40rem) {
        .sm\:left-8 {
            left: calc(var(--spacing) * 8);
        }
        .sm\:left-\[58px\] {
            left: 58px;
        }
        .sm\:left-\[125px\] {
            left: 125px;
        }
        .sm\:-mx-6 {
            margin-inline: calc(var(--spacing) * -6);
        }
        .sm\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }
        .sm\:mx-5 {
            margin-inline: calc(var(--spacing) * 5);
        }
        .sm\:mx-auto {
            margin-inline: auto;
        }
        .sm\:-mt-12 {
            margin-top: calc(var(--spacing) * -12);
        }
        .sm\:-mt-20 {
            margin-top: calc(var(--spacing) * -20);
        }
        .sm\:mt-2\.5 {
            margin-top: calc(var(--spacing) * 2.5);
        }
        .sm\:mt-4 {
            margin-top: calc(var(--spacing) * 4);
        }
        .sm\:mt-5 {
            margin-top: calc(var(--spacing) * 5);
        }
        .sm\:mt-11 {
            margin-top: calc(var(--spacing) * 11);
        }
        .sm\:mt-14 {
            margin-top: calc(var(--spacing) * 14);
        }
        .sm\:mt-16 {
            margin-top: calc(var(--spacing) * 16);
        }
        .sm\:mt-20 {
            margin-top: calc(var(--spacing) * 20);
        }
        .sm\:mb-1 {
            margin-bottom: calc(var(--spacing) * 1);
        }
        .sm\:mb-3 {
            margin-bottom: calc(var(--spacing) * 3);
        }
        .sm\:mb-4 {
            margin-bottom: calc(var(--spacing) * 4);
        }
        .sm\:mb-5 {
            margin-bottom: calc(var(--spacing) * 5);
        }
        .sm\:mb-7 {
            margin-bottom: calc(var(--spacing) * 7);
        }
        .sm\:mb-8 {
            margin-bottom: calc(var(--spacing) * 8);
        }
        .sm\:mb-10 {
            margin-bottom: calc(var(--spacing) * 10);
        }
        .sm\:mb-12 {
            margin-bottom: calc(var(--spacing) * 12);
        }
        .sm\:mb-14 {
            margin-bottom: calc(var(--spacing) * 14);
        }
        .sm\:mb-16 {
            margin-bottom: calc(var(--spacing) * 16);
        }
        .sm\:block {
            display: block;
        }
        .sm\:flex {
            display: flex;
        }
        .sm\:grid {
            display: grid;
        }
        .sm\:hidden {
            display: none;
        }
        .sm\:inline {
            display: inline;
        }
        .sm\:aspect-\[21\/9\] {
            aspect-ratio: 21/9;
        }
        .sm\:h-2\.5 {
            height: calc(var(--spacing) * 2.5);
        }
        .sm\:h-3 {
            height: calc(var(--spacing) * 3);
        }
        .sm\:h-4 {
            height: calc(var(--spacing) * 4);
        }
        .sm\:h-5 {
            height: calc(var(--spacing) * 5);
        }
        .sm\:h-6 {
            height: calc(var(--spacing) * 6);
        }
        .sm\:h-8 {
            height: calc(var(--spacing) * 8);
        }
        .sm\:h-9 {
            height: calc(var(--spacing) * 9);
        }
        .sm\:h-10 {
            height: calc(var(--spacing) * 10);
        }
        .sm\:h-11 {
            height: calc(var(--spacing) * 11);
        }
        .sm\:h-12 {
            height: calc(var(--spacing) * 12);
        }
        .sm\:h-14 {
            height: calc(var(--spacing) * 14);
        }
        .sm\:h-20 {
            height: calc(var(--spacing) * 20);
        }
        .sm\:h-24 {
            height: calc(var(--spacing) * 24);
        }
        .sm\:h-28 {
            height: calc(var(--spacing) * 28);
        }
        .sm\:h-\[4\.5rem\] {
            height: 4.5rem;
        }
        .sm\:h-\[42px\] {
            height: 42px;
        }
        .sm\:h-\[46px\] {
            height: 46px;
        }
        .sm\:h-\[60px\] {
            height: 60px;
        }
        .sm\:h-\[140px\] {
            height: 140px;
        }
        .sm\:h-\[160px\] {
            height: 160px;
        }
        .sm\:h-\[190px\] {
            height: 190px;
        }
        .sm\:h-\[240px\] {
            height: 240px;
        }
        .sm\:h-\[400px\] {
            height: 400px;
        }
        .sm\:h-\[420px\] {
            height: 420px;
        }
        .sm\:h-auto {
            height: auto;
        }
        .sm\:max-h-\[60px\] {
            max-height: 60px;
        }
        .sm\:max-h-\[140px\] {
            max-height: 140px;
        }
        .sm\:min-h-\[60vh\] {
            min-height: 60vh;
        }
        .sm\:min-h-\[260px\] {
            min-height: 260px;
        }
        .sm\:w-3 {
            width: calc(var(--spacing) * 3);
        }
        .sm\:w-4 {
            width: calc(var(--spacing) * 4);
        }
        .sm\:w-5 {
            width: calc(var(--spacing) * 5);
        }
        .sm\:w-6 {
            width: calc(var(--spacing) * 6);
        }
        .sm\:w-8 {
            width: calc(var(--spacing) * 8);
        }
        .sm\:w-9 {
            width: calc(var(--spacing) * 9);
        }
        .sm\:w-10 {
            width: calc(var(--spacing) * 10);
        }
        .sm\:w-11 {
            width: calc(var(--spacing) * 11);
        }
        .sm\:w-12 {
            width: calc(var(--spacing) * 12);
        }
        .sm\:w-14 {
            width: calc(var(--spacing) * 14);
        }
        .sm\:w-20 {
            width: calc(var(--spacing) * 20);
        }
        .sm\:w-24 {
            width: calc(var(--spacing) * 24);
        }
        .sm\:w-28 {
            width: calc(var(--spacing) * 28);
        }
        .sm\:w-\[4\.5rem\] {
            width: 4.5rem;
        }
        .sm\:w-\[76px\] {
            width: 76px;
        }
        .sm\:w-\[110px\] {
            width: 110px;
        }
        .sm\:w-\[120px\] {
            width: 120px;
        }
        .sm\:w-\[140px\] {
            width: 140px;
        }
        .sm\:w-\[150px\] {
            width: 150px;
        }
        .sm\:w-\[160px\] {
            width: 160px;
        }
        .sm\:w-\[220px\] {
            width: 220px;
        }
        .sm\:w-\[240px\] {
            width: 240px;
        }
        .sm\:w-\[260px\] {
            width: 260px;
        }
        .sm\:w-\[280px\] {
            width: 280px;
        }
        .sm\:w-\[340px\] {
            width: 340px;
        }
        .sm\:max-w-\[160px\] {
            max-width: 160px;
        }
        .sm\:max-w-\[280px\] {
            max-width: 280px;
        }
        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .sm\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .sm\:grid-cols-\[140px_1fr_auto\] {
            grid-template-columns: 140px 1fr auto;
        }
        .sm\:flex-col {
            flex-direction: column;
        }
        .sm\:flex-row {
            flex-direction: row;
        }
        .sm\:flex-row-reverse {
            flex-direction: row-reverse;
        }
        .sm\:items-center {
            align-items: center;
        }
        .sm\:gap-0 {
            gap: calc(var(--spacing) * 0);
        }
        .sm\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }
        .sm\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }
        .sm\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }
        .sm\:gap-5 {
            gap: calc(var(--spacing) * 5);
        }
        .sm\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }
        .sm\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        .sm\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }
        .sm\:gap-12 {
            gap: calc(var(--spacing) * 12);
        }
        .sm\:gap-16 {
            gap: calc(var(--spacing) * 16);
        }
        .sm\:gap-20 {
            gap: calc(var(--spacing) * 20);
        }
        :where(.sm\:space-y-2 > :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))
            );
        }
        :where(.sm\:space-y-6 > :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))
            );
        }
        .sm\:gap-x-7 {
            column-gap: calc(var(--spacing) * 7);
        }
        .sm\:rounded-xl {
            border-radius: var(--radius-xl);
        }
        .sm\:p-4 {
            padding: calc(var(--spacing) * 4);
        }
        .sm\:p-5 {
            padding: calc(var(--spacing) * 5);
        }
        .sm\:p-6 {
            padding: calc(var(--spacing) * 6);
        }
        .sm\:p-7 {
            padding: calc(var(--spacing) * 7);
        }
        .sm\:p-8 {
            padding: calc(var(--spacing) * 8);
        }
        .sm\:p-10 {
            padding: calc(var(--spacing) * 10);
        }
        .sm\:px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }
        .sm\:px-4 {
            padding-inline: calc(var(--spacing) * 4);
        }
        .sm\:px-5 {
            padding-inline: calc(var(--spacing) * 5);
        }
        .sm\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }
        .sm\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }
        .sm\:px-9 {
            padding-inline: calc(var(--spacing) * 9);
        }
        .sm\:px-10 {
            padding-inline: calc(var(--spacing) * 10);
        }
        .sm\:px-12 {
            padding-inline: calc(var(--spacing) * 12);
        }
        .sm\:px-16 {
            padding-inline: calc(var(--spacing) * 16);
        }
        .sm\:py-2\.5 {
            padding-block: calc(var(--spacing) * 2.5);
        }
        .sm\:py-4 {
            padding-block: calc(var(--spacing) * 4);
        }
        .sm\:py-8 {
            padding-block: calc(var(--spacing) * 8);
        }
        .sm\:py-14 {
            padding-block: calc(var(--spacing) * 14);
        }
        .sm\:py-16 {
            padding-block: calc(var(--spacing) * 16);
        }
        .sm\:py-20 {
            padding-block: calc(var(--spacing) * 20);
        }
        .sm\:py-24 {
            padding-block: calc(var(--spacing) * 24);
        }
        .sm\:py-28 {
            padding-block: calc(var(--spacing) * 28);
        }
        .sm\:py-32 {
            padding-block: calc(var(--spacing) * 32);
        }
        .sm\:py-36 {
            padding-block: calc(var(--spacing) * 36);
        }
        .sm\:py-40 {
            padding-block: calc(var(--spacing) * 40);
        }
        .sm\:py-\[15px\] {
            padding-block: 15px;
        }
        .sm\:pt-8 {
            padding-top: calc(var(--spacing) * 8);
        }
        .sm\:pt-14 {
            padding-top: calc(var(--spacing) * 14);
        }
        .sm\:pt-16 {
            padding-top: calc(var(--spacing) * 16);
        }
        .sm\:pt-20 {
            padding-top: calc(var(--spacing) * 20);
        }
        .sm\:pt-32 {
            padding-top: calc(var(--spacing) * 32);
        }
        .sm\:pt-40 {
            padding-top: calc(var(--spacing) * 40);
        }
        .sm\:pr-20 {
            padding-right: calc(var(--spacing) * 20);
        }
        .sm\:pb-16 {
            padding-bottom: calc(var(--spacing) * 16);
        }
        .sm\:pb-18 {
            padding-bottom: calc(var(--spacing) * 18);
        }
        .sm\:pb-20 {
            padding-bottom: calc(var(--spacing) * 20);
        }
        .sm\:pb-24 {
            padding-bottom: calc(var(--spacing) * 24);
        }
        .sm\:pb-28 {
            padding-bottom: calc(var(--spacing) * 28);
        }
        .sm\:pb-40 {
            padding-bottom: calc(var(--spacing) * 40);
        }
        .sm\:text-center {
            text-align: center;
        }
        .sm\:text-right {
            text-align: right;
        }
        .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-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
        .sm\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
        .sm\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--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-\[0\.6rem\] {
            font-size: 0.6rem;
        }
        .sm\:text-\[0\.7rem\] {
            font-size: 0.7rem;
        }
        .sm\:text-\[0\.9rem\] {
            font-size: 0.9rem;
        }
        .sm\:text-\[0\.52rem\] {
            font-size: 0.52rem;
        }
        .sm\:text-\[0\.55rem\] {
            font-size: 0.55rem;
        }
        .sm\:text-\[0\.58rem\] {
            font-size: 0.58rem;
        }
        .sm\:text-\[0\.62rem\] {
            font-size: 0.62rem;
        }
        .sm\:text-\[0\.68rem\] {
            font-size: 0.68rem;
        }
        .sm\:text-\[0\.72rem\] {
            font-size: 0.72rem;
        }
        .sm\:text-\[0\.74rem\] {
            font-size: 0.74rem;
        }
        .sm\:text-\[0\.75rem\] {
            font-size: 0.75rem;
        }
        .sm\:text-\[0\.78rem\] {
            font-size: 0.78rem;
        }
        .sm\:text-\[0\.82rem\] {
            font-size: 0.82rem;
        }
        .sm\:text-\[0\.85rem\] {
            font-size: 0.85rem;
        }
        .sm\:text-\[0\.88rem\] {
            font-size: 0.88rem;
        }
        .sm\:text-\[0\.92rem\] {
            font-size: 0.92rem;
        }
        .sm\:text-\[0\.95rem\] {
            font-size: 0.95rem;
        }
        .sm\:text-\[1\.1rem\] {
            font-size: 1.1rem;
        }
        .sm\:text-\[1\.2rem\] {
            font-size: 1.2rem;
        }
        .sm\:text-\[1\.05rem\] {
            font-size: 1.05rem;
        }
        .sm\:text-\[1\.08rem\] {
            font-size: 1.08rem;
        }
        .sm\:text-\[1\.15rem\] {
            font-size: 1.15rem;
        }
        .sm\:text-\[1\.25rem\] {
            font-size: 1.25rem;
        }
        .sm\:text-\[1\.65rem\] {
            font-size: 1.65rem;
        }
        .sm\:text-\[2\.4rem\] {
            font-size: 2.4rem;
        }
        .sm\:text-\[2\.6rem\] {
            font-size: 2.6rem;
        }
        .sm\:text-\[2rem\] {
            font-size: 2rem;
        }
        .sm\:text-\[6rem\] {
            font-size: 6rem;
        }
        .sm\:text-\[7rem\] {
            font-size: 7rem;
        }
        .sm\:text-\[8rem\] {
            font-size: 8rem;
        }
        .sm\:leading-\[1\.8\] {
            --tw-leading: 1.8;
            line-height: 1.8;
        }
    }
    @media (min-width: 48rem) {
        .md\:col-span-2 {
            grid-column: span 2 / span 2;
        }
        .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-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .md\:flex-row {
            flex-direction: row;
        }
        .md\:gap-12 {
            gap: calc(var(--spacing) * 12);
        }
        .md\:rounded-l-none {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        .md\:rounded-r-none {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        .md\:border-l-0 {
            border-left-style: var(--tw-border-style);
            border-left-width: 0;
        }
        .md\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
        .md\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
        .md\:text-\[2\.5rem\] {
            font-size: 2.5rem;
        }
    }
    @media (min-width: 64rem) {
        .lg\:sticky {
            position: sticky;
        }
        .lg\:top-28 {
            top: calc(var(--spacing) * 28);
        }
        .lg\:left-\[150px\] {
            left: 150px;
        }
        .lg\:order-1 {
            order: 1;
        }
        .lg\:order-2 {
            order: 2;
        }
        .lg\:col-span-2 {
            grid-column: span 2 / span 2;
        }
        .lg\:col-span-3 {
            grid-column: span 3 / span 3;
        }
        .lg\:col-span-full {
            grid-column: 1/-1;
        }
        .lg\:row-span-2 {
            grid-row: span 2 / span 2;
        }
        .lg\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }
        .lg\:mt-6 {
            margin-top: calc(var(--spacing) * 6);
        }
        .lg\:mb-4 {
            margin-bottom: calc(var(--spacing) * 4);
        }
        .lg\:mb-5 {
            margin-bottom: calc(var(--spacing) * 5);
        }
        .lg\:mb-16 {
            margin-bottom: calc(var(--spacing) * 16);
        }
        .lg\:block {
            display: block;
        }
        .lg\:flex {
            display: flex;
        }
        .lg\:hidden {
            display: none;
        }
        .lg\:h-72 {
            height: calc(var(--spacing) * 72);
        }
        .lg\:h-\[300px\] {
            height: 300px;
        }
        .lg\:h-full {
            height: 100%;
        }
        .lg\:w-6 {
            width: calc(var(--spacing) * 6);
        }
        .lg\:w-\[180px\] {
            width: 180px;
        }
        .lg\:w-\[300px\] {
            width: 300px;
        }
        .lg\:w-\[320px\] {
            width: 320px;
        }
        .lg\:w-\[340px\] {
            width: 340px;
        }
        .lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .lg\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
        .lg\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
        .lg\:grid-cols-\[1\.3fr_0\.7fr\] {
            grid-template-columns: 1.3fr 0.7fr;
        }
        .lg\:grid-cols-\[1fr_2fr\] {
            grid-template-columns: 1fr 2fr;
        }
        .lg\:grid-cols-\[1fr_280px\] {
            grid-template-columns: 1fr 280px;
        }
        .lg\:grid-cols-\[1fr_380px\] {
            grid-template-columns: 1fr 380px;
        }
        .lg\:flex-row {
            flex-direction: row;
        }
        .lg\:items-center {
            align-items: center;
        }
        .lg\:items-start {
            align-items: flex-start;
        }
        .lg\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }
        .lg\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        .lg\:gap-12 {
            gap: calc(var(--spacing) * 12);
        }
        .lg\:gap-14 {
            gap: calc(var(--spacing) * 14);
        }
        .lg\:gap-16 {
            gap: calc(var(--spacing) * 16);
        }
        .lg\:gap-20 {
            gap: calc(var(--spacing) * 20);
        }
        .lg\:self-start {
            align-self: flex-start;
        }
        .lg\:p-12 {
            padding: calc(var(--spacing) * 12);
        }
        .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }
        .lg\:px-10 {
            padding-inline: calc(var(--spacing) * 10);
        }
        .lg\:px-20 {
            padding-inline: calc(var(--spacing) * 20);
        }
        .lg\:px-24 {
            padding-inline: calc(var(--spacing) * 24);
        }
        .lg\:pt-4 {
            padding-top: calc(var(--spacing) * 4);
        }
        .lg\:pt-32 {
            padding-top: calc(var(--spacing) * 32);
        }
        .lg\:pb-8 {
            padding-bottom: calc(var(--spacing) * 8);
        }
        .lg\:text-left {
            text-align: left;
        }
        .lg\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
        .lg\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
        .lg\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
        .lg\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
        .lg\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
        .lg\:text-\[2\.75rem\] {
            font-size: 2.75rem;
        }
        .lg\:text-\[3\.5rem\] {
            font-size: 3.5rem;
        }
        .lg\:text-\[clamp\(2\.2rem\,4\.2vw\,3\.8rem\)\] {
            font-size: clamp(2.2rem, 4.2vw, 3.8rem);
        }
    }
    @media (min-width: 80rem) {
        .xl\:block {
            display: block;
        }
        .xl\:h-\[40px\] {
            height: 40px;
        }
        .xl\:h-\[44px\] {
            height: 44px;
        }
        .xl\:h-\[54px\] {
            height: 54px;
        }
        .xl\:gap-1 {
            gap: calc(var(--spacing) * 1);
        }
        .xl\:gap-3\.5 {
            gap: calc(var(--spacing) * 3.5);
        }
        .xl\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }
        .xl\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }
        .xl\:px-2 {
            padding-inline: calc(var(--spacing) * 2);
        }
        .xl\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }
        .xl\:text-\[0\.82rem\] {
            font-size: 0.82rem;
        }
    }
    @media (min-width: 96rem) {
        .\32 xl\:mt-9 {
            margin-top: calc(var(--spacing) * 9);
        }
        .\32 xl\:mt-10 {
            margin-top: calc(var(--spacing) * 10);
        }
        .\32 xl\:mb-6 {
            margin-bottom: calc(var(--spacing) * 6);
        }
        .\32 xl\:h-\[60px\] {
            height: 60px;
        }
        .\32 xl\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        .\32 xl\:pt-6 {
            padding-top: calc(var(--spacing) * 6);
        }
        .\32 xl\:pt-36 {
            padding-top: calc(var(--spacing) * 36);
        }
        .\32 xl\:pb-14 {
            padding-bottom: calc(var(--spacing) * 14);
        }
        .\32 xl\:text-\[clamp\(2\.8rem\,5vw\,4\.5rem\)\] {
            font-size: clamp(2.8rem, 5vw, 4.5rem);
        }
    }
}
.gold-text {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(135deg, #d4af37 0%, #e8d48b 50%, #b8962e 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.gradient-text {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(135deg, #1d4ed8 0%, #0891b2 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.gradient-border:before {
    content: "";
    border-radius: inherit;
    -webkit-mask-composite: xor;
    opacity: 0;
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto, auto;
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto, auto;
    background: linear-gradient(135deg, #d4af37, #e8d48b, #c9a84c);
    padding: 1.5px;
    transition: opacity 0.4s;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    -webkit-mask-position:
        0 0,
        0 0;
    -webkit-mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    -webkit-mask-clip: content-box, border-box;
    -webkit-mask-origin: content-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source;
}
.gradient-border:hover:before {
    opacity: 1;
}
.no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
@keyframes marquee {
    0% {
        transform: translate(0);
    }
    to {
        transform: translate(-50%);
    }
}
.animate-marquee {
    animation: 30s linear infinite marquee;
}
@media (max-width: 640px) {
    .animate-marquee {
        animation: 22s linear infinite marquee;
    }
}
.reveal {
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateY(28px);
}
.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
.article-body .tech-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 1.5rem 0;
    display: grid;
}
@media (max-width: 640px) {
    .article-body .tech-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.article-body .tech-card {
    text-align: center;
    background: #fff;
    border: 1px solid #ebe7df;
    border-radius: 14px;
    padding: 20px 16px;
    transition:
        border-color 0.3s,
        transform 0.3s,
        box-shadow 0.3s;
}
.article-body .tech-card:hover {
    border-color: #d4af374d;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px #0a16280f;
}
.article-body .tech-card .tech-icon {
    margin-bottom: 10px;
    font-size: 1.5rem;
}
.article-body .tech-card .tech-label {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #d4af37;
    margin-bottom: 4px;
    font-size: 0.65rem;
    font-weight: 700;
}
.article-body .tech-card .tech-value {
    color: #0a1628;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
}
.article-body .tech-card .tech-sub {
    color: #9ca3af;
    margin-top: 2px;
    font-size: 0.72rem;
}
.article-body .compare-table {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 1.5rem 0;
    display: grid;
}
@media (max-width: 640px) {
    .article-body .compare-table {
        grid-template-columns: 1fr;
    }
}
.article-body .compare-col {
    background: #fff;
    border: 1px solid #ebe7df;
    border-radius: 16px;
    padding: 24px;
    position: relative;
    overflow: hidden;
}
.article-body .compare-col.highlight {
    background: linear-gradient(#d4af3708, #fff);
    border-color: #d4af3740;
}
.article-body .compare-col .col-header {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #9ca3af;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    font-size: 0.68rem;
    font-weight: 700;
    display: flex;
}
.article-body .compare-col.highlight .col-header {
    color: #d4af37;
}
.article-body .compare-col .col-header .marker {
    background: #d6d0c4;
    border-radius: 50%;
    width: 6px;
    height: 6px;
}
.article-body .compare-col.highlight .col-header .marker {
    background: #d4af37;
}
.article-body .compare-row {
    border-bottom: 1px solid #f5f3ef;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 0.85rem;
    display: flex;
}
.article-body .compare-row:last-of-type {
    border-bottom: none;
}
.article-body .compare-row .label {
    color: #6b7280;
}
.article-body .compare-row .val {
    color: #0a1628;
    font-weight: 700;
}
.article-body .compare-col.highlight .compare-row .val {
    color: #0a1628;
}
.article-body .compare-total {
    color: #0a1628;
    border-top: 2px solid #ebe7df;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    font-size: 0.92rem;
    font-weight: 800;
    display: flex;
}
.article-body .compare-col.highlight .compare-total {
    color: #d4af37;
    border-top-color: #d4af374d;
}
.article-body .benchmark {
    background: #fff;
    border: 1px solid #ebe7df;
    border-radius: 16px;
    margin: 1.5rem 0;
    padding: 24px;
}
.article-body .benchmark .bm-header {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    justify-content: flex-end;
    gap: 20px;
    margin-bottom: 16px;
    font-size: 0.68rem;
    font-weight: 700;
    display: flex;
}
.article-body .benchmark .bm-legend {
    color: #9ca3af;
    align-items: center;
    gap: 6px;
    display: flex;
}
.article-body .benchmark .bm-legend .dot {
    border-radius: 50%;
    width: 8px;
    height: 8px;
}
.article-body .benchmark .bm-row {
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
    display: flex;
}
.article-body .benchmark .bm-label {
    color: #4a5568;
    text-align: right;
    flex-shrink: 0;
    width: 140px;
    font-size: 0.78rem;
    font-weight: 600;
}
.article-body .benchmark .bm-bars {
    flex-direction: column;
    flex: 1;
    gap: 4px;
    display: flex;
}
.article-body .benchmark .bm-bar {
    color: #fff;
    border-radius: 6px;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    font-size: 0.7rem;
    font-weight: 700;
    display: flex;
}
.article-body .benchmark .bm-bar.old {
    color: #6b7280;
    background: #d6d0c4;
}
.article-body .benchmark .bm-bar.new {
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
}
.article-body .integration-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 1.5rem 0;
    display: grid;
}
@media (max-width: 640px) {
    .article-body .integration-grid {
        grid-template-columns: 1fr;
    }
}
.article-body .integration-item {
    background: #fff;
    border: 1px solid #ebe7df;
    border-radius: 12px;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    display: flex;
}
.article-body .integration-item .int-icon {
    background: #f5f3ef;
    border-radius: 10px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    font-size: 1.2rem;
    display: flex;
}
.article-body .integration-item .int-label {
    color: #0a1628;
    margin-bottom: 2px;
    font-size: 0.78rem;
    font-weight: 700;
}
.article-body .integration-item .int-value {
    color: #6b7280;
    font-size: 0.72rem;
    line-height: 1.5;
}
.article-body .dos-donts {
    flex-direction: column;
    gap: 10px;
    margin: 1.5rem 0;
    display: flex;
}
.article-body .dd-row {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 12px;
    display: grid;
}
@media (max-width: 640px) {
    .article-body .dd-row {
        grid-template-columns: 1fr;
    }
}
.article-body .dd-card {
    border-radius: 12px;
    padding: 14px 16px;
    font-size: 0.82rem;
    line-height: 1.5;
}
.article-body .dd-card.dont {
    color: #991b1b;
    background: #ef44440a;
    border: 1px solid #ef44441a;
}
.article-body .dd-card.do {
    color: #166534;
    background: #22c55e0a;
    border: 1px solid #22c55e1f;
}
.article-body .dd-card .dd-icon {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 6px;
    font-size: 0.68rem;
    font-weight: 700;
}
.article-body .dd-card.dont .dd-icon {
    color: #ef4444;
}
.article-body .dd-card.do .dd-icon {
    color: #22c55e;
}
.article-body h2 {
    color: #0a1628;
    letter-spacing: -0.01em;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.25;
}
.article-body h3 {
    color: #0a1628;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
}
.article-body p {
    color: #4a5568;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
    line-height: 1.85;
}
.article-body ul,
.article-body ol {
    margin-bottom: 1.5rem;
    padding-left: 1.25rem;
}
.article-body ul {
    list-style: none;
}
.article-body ul li {
    color: #4a5568;
    margin-bottom: 0.65rem;
    padding-left: 1rem;
    font-size: 0.95rem;
    line-height: 1.75;
    position: relative;
}
.article-body ul li:before {
    content: "";
    background: #d4af37;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0.6em;
    left: 0;
}
.article-body ol {
    list-style: decimal;
}
.article-body ol li {
    color: #4a5568;
    margin-bottom: 0.65rem;
    font-size: 0.95rem;
    line-height: 1.75;
}
.article-body ol li::marker {
    color: #d4af37;
    font-weight: 700;
}
.article-body strong {
    color: #0a1628;
    font-weight: 700;
}
.article-body blockquote {
    background: #f5f3ef;
    border-left: 3px solid #d4af37;
    border-radius: 0 0.75rem 0.75rem 0;
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
}
.article-body blockquote p {
    color: #4a5568;
    margin-bottom: 0;
    font-size: 0.92rem;
    font-style: italic;
}
.article-body pre {
    color: #e8d48b;
    font-family: var(--font-mono);
    background: #0a1628;
    border-radius: 0.75rem;
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
    font-size: 0.82rem;
    line-height: 1.7;
    overflow-x: auto;
}
.article-body pre code {
    font-size: inherit;
    color: inherit;
    background: 0 0;
    border-radius: 0;
    padding: 0;
}
.article-body code {
    color: #0a1628;
    font-family: var(--font-mono);
    background: #f5f3ef;
    border-radius: 0.25rem;
    padding: 0.15rem 0.4rem;
    font-size: 0.85rem;
}
.article-body img {
    border-radius: 0.85rem;
    max-width: 100%;
    height: auto;
    margin: 1.5rem 0;
    box-shadow: 0 4px 24px #0a162814;
}
.article-body .video-embed {
    border-radius: 0.85rem;
    height: 0;
    margin: 1.25rem 0;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 24px #0a162814;
}
.article-body .video-embed iframe {
    border: 0;
    border-radius: 0.85rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.article-body .video-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin: 1.5rem 0;
    display: grid;
}
@media (min-width: 640px) {
    .article-body .video-grid {
        grid-template-columns: 1fr 1fr;
    }
}
.article-body .video-grid .video-embed {
    margin: 0;
}
.article-body a {
    color: #8a6f20;
    text-underline-offset: 2px;
    text-decoration: underline;
    transition: color 0.2s;
}
.article-body a:hover {
    color: #0a1628;
}
.article-body :not(pre) > code {
    color: #8a4a17;
    background: #f3efe6;
    border: 1px solid #ebe7df;
    border-radius: 0.3em;
    padding: 0.15em 0.4em;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.88em;
}
.article-body pre {
    color: #e8edf5;
    -webkit-overflow-scrolling: touch;
    background: #0a1628;
    border: 1px solid #1f2a44;
    border-radius: 0.85rem;
    margin: 1.5rem 0;
    padding: 1.25rem 1.4rem;
    font-size: 0.86rem;
    line-height: 1.65;
    overflow-x: auto;
}
.article-body pre code {
    color: inherit;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: inherit;
    background: 0 0;
    border: 0;
    padding: 0;
}
.article-body .token.comment {
    color: #7d8ba6;
    font-style: italic;
}
.article-body .token.keyword {
    color: #d4af37;
    font-weight: 600;
}
.article-body .token.string {
    color: #a3e635;
}
.article-body .token.number {
    color: #f97316;
}
.article-body .token.function {
    color: #60a5fa;
}
.article-body .token.punctuation {
    color: #94a3b8;
}
.article-body .token.operator {
    color: #e8d48b;
}
.summary-bar-visible .fixed.bottom-6 {
    display: none !important;
}
.article-body .data-table-wrap {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid #ebe7df;
    border-radius: 16px;
    margin: 1.5rem 0;
    overflow-x: auto;
}
.article-body table.data-table {
    border-collapse: collapse;
    width: 100%;
    min-width: 520px;
    font-size: 0.88rem;
}
.article-body table.data-table caption {
    caption-side: top;
    text-align: left;
    color: #0a1628;
    padding: 16px 20px 0;
    font-size: 1rem;
    font-weight: 700;
}
.article-body table.data-table thead {
    background: #0a1628;
}
.article-body table.data-table thead th {
    color: #fff;
    text-align: left;
    padding: 12px 16px;
    font-size: 0.85rem;
    font-weight: 600;
}
.article-body table.data-table thead th.highlight {
    color: #e8d48b;
}
.article-body table.data-table thead th.label {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #a39e93;
    font-size: 0.65rem;
    font-weight: 600;
}
.article-body table.data-table tbody td {
    color: #4a5568;
    vertical-align: top;
    border-top: 1px solid #ebe7df;
    padding: 12px 16px;
}
.article-body table.data-table tbody td:first-child {
    color: #0a1628;
    font-weight: 500;
}
.article-body table.data-table tbody td.highlight {
    color: #0a1628;
    font-weight: 600;
}
.article-body table.data-table tbody tr.total td {
    color: #0a1628;
    background: #faf9f6;
    font-weight: 700;
}
.article-body .mid-cta-inline {
    color: #fff;
    text-align: center;
    background: linear-gradient(135deg, #070e1a 0%, #0a1628 100%);
    border-radius: 16px;
    margin: 2.5rem 0;
    padding: 32px;
}
.article-body .mid-cta-inline .cta-title {
    color: #fff;
    letter-spacing: -0.01em;
    text-wrap: balance;
    max-width: 22ch;
    margin: 0 auto 8px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.25;
}
.article-body .mid-cta-inline p {
    color: #ffffffbf;
    max-width: 560px;
    margin: 0 auto 24px;
    font-size: 0.95rem;
}
.article-body .mid-cta-inline a.btn {
    color: #070e1a;
    background: linear-gradient(90deg, #d4af37 0%, #e8d48b 100%);
    border-radius: 9999px;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s;
    display: inline-flex;
}
.article-body .mid-cta-inline a.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px #d4af3740;
}
.article-body .mid-cta-inline .trust-strip {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #a39e93;
    margin-top: 20px;
    font-size: 0.65rem;
    font-weight: 600;
    display: block;
}
.article-body aside.trust-signal-inline {
    border-left: 2px solid #d4af37;
    margin: 2.5rem 0;
    padding-left: 24px;
}
.article-body aside.trust-signal-inline p:first-child {
    font-family: var(--font-serif);
    color: #4a5568;
    margin: 0;
    font-size: 1rem;
    font-style: italic;
    line-height: 1.7;
}
.article-body aside.trust-signal-inline p.signature {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #736e65;
    margin-top: 8px;
    font-size: 0.65rem;
    font-weight: 600;
}
.prose-legal h2 {
    color: #0a1628;
    letter-spacing: -0.01em;
    margin-bottom: 0.85rem;
    scroll-margin-top: 96px;
    font-size: 1.35rem;
    font-weight: 700;
}
.prose-legal h3 {
    color: #0a1628;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-size: 1.05rem;
    font-weight: 600;
}
.prose-legal p {
    color: #2d3748;
    margin-bottom: 1rem;
    font-size: 0.95rem;
    line-height: 1.7;
}
.prose-legal ul,
.prose-legal ol {
    margin: 0.5rem 0 1rem;
    padding-left: 1.5rem;
}
.prose-legal ul {
    list-style: outside;
}
.prose-legal ol {
    list-style: decimal;
}
.prose-legal li {
    color: #2d3748;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    line-height: 1.7;
}
.prose-legal a {
    color: #c9a84c;
    text-underline-offset: 2px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    transition: color 0.15s;
}
.prose-legal a:hover {
    color: #0a1628;
}
.prose-legal strong {
    color: #0a1628;
    font-weight: 600;
}
.prose-legal section {
    scroll-margin-top: 96px;
}
@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-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;
}
@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
}
@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
}
@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
}
@property --tw-skew-x {
    syntax: "*";
    inherits: false;
}
@property --tw-skew-y {
    syntax: "*";
    inherits: false;
}
@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity;
}
@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: 0;
}
@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-ease {
    syntax: "*";
    inherits: false;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}
[data-reveal] {
    transition:
        opacity 0.6s ease,
        transform 0.6s ease;
}
[data-reveal].is-revealed {
    opacity: 1 !important;
    transform: none !important;
}
.text-\[\#4a5568\] {
    color: #4a5568;
}
.text-\[\#a39e93\] {
    color: #a39e93;
}
.text-\[\#c4bfb6\] {
    color: #c4bfb6;
}
.bg-\[\#ebe7df\]\/60 {
    background-color: #ebe7df99;
}
.grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
}
.grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
}

/* Fallback table styling for content authored via the back-office rich text
   editor. TipTap's table extension never outputs <thead>, and strips any
   custom class/caption/wrapper on save — so this targets bare table/th/td
   only, which is the one structure the editor reliably preserves. */
.article-body table {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem 0;
    font-size: 0.88rem;
}
.article-body table th,
.article-body table td {
    padding: 0.4rem 0.65rem;
    text-align: left;
    border-bottom: 1px solid #ebe7df;
}
.article-body table th {
    background: #0a1628;
    color: #fff;
    font-weight: 600;
}
.article-body table td {
    color: #4a5568;
}
.article-body table tr:last-child td {
    border-bottom: none;
}
.article-body table p {
    margin: 0;
}
.article-body table th p {
    color: #fff;
}
.toc-active{
    color:#d4af37;
    font-weight:600
}

/* The nav and footer containers widened from 1440px to 1600px when the Product
   page was added — 8 top-level nav items no longer fit comfortably at 1440.
   styles.css is a frozen Tailwind build, so this arbitrary-value utility has to
   be written by hand; without it both containers lose their max-width entirely
   and run full-bleed on large screens. */
.max-w-\[1600px\] {
    max-width: 1600px;
}