*, ::before, ::after, ::backdrop {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-space-y-reverse: 0;
    --tw-border-style: solid;
    --tw-gradient-from: #0000;
    --tw-gradient-via: #0000;
    --tw-gradient-to: #0000;
    --tw-gradient-from-position: 0%;
    --tw-gradient-via-position: 50%;
    --tw-gradient-to-position: 100%;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 #0000;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-shadow: 0 0 #0000;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-outline-style: solid;
    --tw-drop-shadow-alpha: 100%;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
:root:not(#\#), :host:not(#\#) {
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-orange-50: rgb(255, 247, 237);
    --color-orange-100: rgb(255, 237, 213);
    --color-orange-200: rgb(255, 215, 168);
    --color-orange-300: rgb(255, 185, 112);
    --color-orange-500: rgb(252, 113, 0);
    --color-orange-700: rgb(196, 62, 0);
    --color-amber-50: rgb(255, 251, 235);
    --color-amber-100: rgb(254, 243, 198);
    --color-amber-200: rgb(254, 230, 133);
    --color-amber-700: rgb(181, 82, 0);
    --color-emerald-50: rgb(236, 253, 245);
    --color-emerald-100: rgb(208, 250, 229);
    --color-emerald-200: rgb(164, 244, 207);
    --color-emerald-300: rgb(94, 233, 181);
    --color-emerald-400: rgb(0, 210, 148);
    --color-emerald-500: rgb(0, 185, 129);
    --color-emerald-700: rgb(0, 120, 87);
    --color-teal-50: rgb(240, 253, 250);
    --color-teal-100: rgb(203, 251, 241);
    --color-teal-200: rgb(150, 247, 228);
    --color-teal-700: rgb(0, 119, 110);
    --color-cyan-50: rgb(236, 254, 255);
    --color-cyan-100: rgb(206, 250, 254);
    --color-cyan-200: rgb(162, 244, 253);
    --color-cyan-700: rgb(0, 116, 145);
    --color-sky-50: rgb(240, 249, 255);
    --color-sky-100: rgb(223, 242, 254);
    --color-sky-200: rgb(184, 230, 254);
    --color-sky-700: rgb(0, 105, 162);
    --color-blue-50: rgb(239, 246, 255);
    --color-blue-100: rgb(219, 234, 254);
    --color-blue-200: rgb(190, 219, 255);
    --color-blue-600: rgb(21, 93, 252);
    --color-blue-700: rgb(20, 71, 230);
    --color-indigo-50: rgb(238, 242, 255);
    --color-indigo-100: rgb(224, 231, 255);
    --color-indigo-200: rgb(199, 210, 255);
    --color-indigo-700: rgb(67, 45, 215);
    --color-violet-50: rgb(245, 243, 255);
    --color-violet-100: rgb(237, 233, 254);
    --color-violet-200: rgb(221, 214, 255);
    --color-violet-700: rgb(112, 8, 231);
    --color-purple-50: rgb(250, 245, 255);
    --color-purple-100: rgb(243, 232, 255);
    --color-purple-200: rgb(233, 213, 255);
    --color-purple-300: rgb(216, 180, 255);
    --color-purple-400: rgb(191, 126, 255);
    --color-purple-500: rgb(171, 78, 255);
    --color-purple-600: rgb(152, 16, 250);
    --color-purple-700: rgb(130, 0, 217);
    --color-fuchsia-300: rgb(242, 169, 255);
    --color-fuchsia-500: rgb(225, 42, 251);
    --color-pink-50: rgb(253, 242, 248);
    --color-pink-100: rgb(252, 231, 243);
    --color-pink-200: rgb(252, 206, 232);
    --color-pink-700: rgb(194, 0, 92);
    --color-rose-50: rgb(255, 241, 242);
    --color-rose-100: rgb(255, 228, 230);
    --color-rose-200: rgb(255, 204, 211);
    --color-rose-700: rgb(193, 0, 58);
    --color-gray-50: rgb(249, 250, 251);
    --color-gray-100: rgb(243, 244, 246);
    --color-gray-200: rgb(229, 231, 235);
    --color-gray-300: rgb(209, 213, 220);
    --color-gray-400: rgb(153, 161, 175);
    --color-gray-500: rgb(106, 114, 130);
    --color-gray-600: rgb(74, 85, 101);
    --color-gray-700: rgb(54, 65, 83);
    --color-gray-800: rgb(30, 41, 57);
    --color-gray-900: rgb(16, 24, 40);
    --color-gray-950: rgb(3, 7, 18);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --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-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-md: 12px;
    --blur-3xl: 64px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: #155DFC;
    --color-primary-dark: #1447E6;
  }
@supports (color: color(display-p3 0 0 0%)) {
:root:not(#\#), :host:not(#\#) {
    --color-orange-50: color(display-p3 0.99533 0.97013 0.9335);
    --color-orange-100: color(display-p3 0.98876 0.93139 0.84327);
    --color-orange-200: color(display-p3 0.97465 0.84705 0.68011);
    --color-orange-300: color(display-p3 0.96801 0.73435 0.46416);
    --color-orange-500: color(display-p3 0.94659 0.44979 0.07573);
    --color-orange-700: color(display-p3 0.72984 0.25726 0.05111);
    --color-amber-50: color(display-p3 0.9978 0.98505 0.92631);
    --color-amber-700: color(display-p3 0.67989 0.32771 0.05205);
    --color-emerald-400: color(display-p3 0.3347 0.8196 0.59158);
    --color-emerald-500: color(display-p3 0.26711 0.72685 0.5084);
    --color-emerald-700: color(display-p3 0.16404 0.47023 0.34351);
    --color-teal-700: color(display-p3 0.17409 0.46132 0.43387);
    --color-cyan-700: color(display-p3 0.16412 0.45143 0.57057);
    --color-sky-50: color(display-p3 0.9465 0.9754 0.99834);
    --color-sky-700: color(display-p3 0.13031 0.40457 0.64085);
    --color-blue-200: color(display-p3 0.76688 0.85521 0.98748);
    --color-indigo-50: color(display-p3 0.93622 0.94862 0.99562);
    --color-indigo-100: color(display-p3 0.88303 0.90499 0.99314);
    --color-indigo-200: color(display-p3 0.78656 0.82175 0.98845);
    --color-violet-200: color(display-p3 0.86154 0.83885 0.98801);
    --color-purple-200: color(display-p3 0.90118 0.83598 0.99224);
    --color-purple-300: color(display-p3 0.82939 0.70374 0.99608);
    --color-purple-400: color(display-p3 0.71992 0.4925 0.99517);
    --color-purple-500: color(display-p3 0.62952 0.30089 0.99082);
    --color-purple-700: color(display-p3 0.4653 0.06526 0.8244);
    --color-fuchsia-300: color(display-p3 0.91137 0.67005 0.98621);
    --color-pink-700: color(display-p3 0.71154 0.10101 0.35821);
    --color-rose-100: color(display-p3 0.98224 0.89723 0.90257);
    --color-rose-200: color(display-p3 0.96875 0.80878 0.82732);
    --color-rose-700: color(display-p3 0.7118 0.07708 0.22678);
  }
}
*:not(#\#):not(#\#), :not(#\#):not(#\#)::after, :not(#\#):not(#\#)::before, :not(#\#):not(#\#)::backdrop, :not(#\#):not(#\#)::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
html:not(#\#):not(#\#), :host:not(#\#):not(#\#) {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
hr:not(#\#):not(#\#) {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
abbr:where([title]):not(#\#):not(#\#) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
h1:not(#\#):not(#\#), h2:not(#\#):not(#\#), h3:not(#\#):not(#\#), h4:not(#\#):not(#\#), h5:not(#\#):not(#\#), h6:not(#\#):not(#\#) {
    font-size: inherit;
    font-weight: inherit;
  }
a:not(#\#):not(#\#) {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
b:not(#\#):not(#\#), strong:not(#\#):not(#\#) {
    font-weight: bolder;
  }
code:not(#\#):not(#\#), kbd:not(#\#):not(#\#), samp:not(#\#):not(#\#), pre:not(#\#):not(#\#) {
    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:not(#\#):not(#\#) {
    font-size: 80%;
  }
sub:not(#\#):not(#\#), sup:not(#\#):not(#\#) {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
sub:not(#\#):not(#\#) {
    bottom: -0.25em;
  }
sup:not(#\#):not(#\#) {
    top: -0.5em;
  }
table:not(#\#):not(#\#) {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
:-moz-focusring:not(#\#):not(#\#) {
    outline: auto;
  }
progress:not(#\#):not(#\#) {
    vertical-align: baseline;
  }
summary:not(#\#):not(#\#) {
    display: list-item;
  }
ol:not(#\#):not(#\#), ul:not(#\#):not(#\#), menu:not(#\#):not(#\#) {
    list-style: none;
  }
img:not(#\#):not(#\#), svg:not(#\#):not(#\#), video:not(#\#):not(#\#), canvas:not(#\#):not(#\#), audio:not(#\#):not(#\#), iframe:not(#\#):not(#\#), embed:not(#\#):not(#\#), object:not(#\#):not(#\#) {
    display: block;
    vertical-align: middle;
  }
img:not(#\#):not(#\#), video:not(#\#):not(#\#) {
    max-width: 100%;
    height: auto;
  }
button:not(#\#):not(#\#), input:not(#\#):not(#\#), select:not(#\#):not(#\#), optgroup:not(#\#):not(#\#), textarea:not(#\#):not(#\#), :not(#\#):not(#\#)::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
:where(select:is([multiple], [size])):not(#\#):not(#\#) optgroup {
    font-weight: bolder;
  }
:where(select:is([multiple], [size])):not(#\#):not(#\#) optgroup option {
    padding-inline-start: 20px;
  }
:not(#\#):not(#\#)::file-selector-button {
    margin-inline-end: 4px;
  }
:not(#\#):not(#\#)::placeholder {
    opacity: 1;
  }
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    :not(#\#):not(#\#)::placeholder {
      color: currentcolor;
    }
      @supports (color: color-mix(in lab, red, red)) {
    :not(#\#):not(#\#)::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
    }
      }
  }
textarea:not(#\#):not(#\#) {
    resize: vertical;
  }
:not(#\#):not(#\#)::-webkit-search-decoration {
    -webkit-appearance: none;
  }
:not(#\#):not(#\#)::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
:not(#\#):not(#\#)::-webkit-datetime-edit {
    display: inline-flex;
  }
:not(#\#):not(#\#)::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
:not(#\#):not(#\#)::-webkit-datetime-edit, :not(#\#):not(#\#)::-webkit-datetime-edit-year-field, :not(#\#):not(#\#)::-webkit-datetime-edit-month-field, :not(#\#):not(#\#)::-webkit-datetime-edit-day-field, :not(#\#):not(#\#)::-webkit-datetime-edit-hour-field, :not(#\#):not(#\#)::-webkit-datetime-edit-minute-field, :not(#\#):not(#\#)::-webkit-datetime-edit-second-field, :not(#\#):not(#\#)::-webkit-datetime-edit-millisecond-field, :not(#\#):not(#\#)::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
:not(#\#):not(#\#)::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
:-moz-ui-invalid:not(#\#):not(#\#) {
    box-shadow: none;
  }
button:not(#\#):not(#\#), input:where([type='button'], [type='reset'], [type='submit']):not(#\#):not(#\#), :not(#\#):not(#\#)::file-selector-button {
    appearance: button;
  }
:not(#\#):not(#\#)::-webkit-inner-spin-button, :not(#\#):not(#\#)::-webkit-outer-spin-button {
    height: auto;
  }
[hidden]:where(:not([hidden='until-found'])):not(#\#):not(#\#):not(#\#) {
    display: none !important;
  }
.pointer-events-none:not(#\#):not(#\#):not(#\#):not(#\#) {
    pointer-events: none;
  }
.collapse:not(#\#):not(#\#):not(#\#):not(#\#) {
    visibility: collapse;
  }
.invisible:not(#\#):not(#\#):not(#\#):not(#\#) {
    visibility: hidden;
  }
.visible:not(#\#):not(#\#):not(#\#):not(#\#) {
    visibility: visible;
  }
.absolute:not(#\#):not(#\#):not(#\#):not(#\#) {
    position: absolute;
  }
.fixed:not(#\#):not(#\#):not(#\#):not(#\#) {
    position: fixed;
  }
.relative:not(#\#):not(#\#):not(#\#):not(#\#) {
    position: relative;
  }
.static:not(#\#):not(#\#):not(#\#):not(#\#) {
    position: static;
  }
.sticky:not(#\#):not(#\#):not(#\#):not(#\#) {
    position: sticky;
  }
.inset-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    inset: calc(var(--spacing) * 0);
  }
.top-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--spacing) * 0);
  }
.top-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--spacing) * 1);
  }
.top-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--spacing) * 3);
  }
.top-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--spacing) * 4);
  }
.top-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--spacing) * 10);
  }
.top-24:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: calc(var(--spacing) * 24);
  }
.top-full:not(#\#):not(#\#):not(#\#):not(#\#) {
    top: 100%;
  }
.-right-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: calc(var(--spacing) * -2);
  }
.right-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: calc(var(--spacing) * 0);
  }
.right-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: calc(var(--spacing) * 3);
  }
.right-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: calc(var(--spacing) * 4);
  }
.right-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: calc(var(--spacing) * 6);
  }
.right-\[15\%\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    right: 15%;
  }
.bottom-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: calc(var(--spacing) * 0);
  }
.bottom-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: calc(var(--spacing) * 6);
  }
.bottom-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: calc(var(--spacing) * 10);
  }
.bottom-12:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: calc(var(--spacing) * 12);
  }
.bottom-\[20px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    bottom: 20px;
  }
.-left-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: calc(var(--spacing) * -2);
  }
.left-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: calc(var(--spacing) * 0);
  }
.left-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: calc(var(--spacing) * 1);
  }
.left-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: calc(var(--spacing) * 4);
  }
.left-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: calc(var(--spacing) * 6);
  }
.left-\[20\%\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    left: 20%;
  }
.z-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 0;
  }
.z-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 10;
  }
.z-36:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 36;
  }
.z-40:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 40;
  }
.z-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    z-index: 50;
  }
.order-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    order: 1;
  }
.order-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    order: 2;
  }
.col-span-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-column: span 2 / span 2;
  }
.container:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
  }
@media (min-width: 40rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#) {
      max-width: 40rem;
  }
    }
@media (min-width: 48rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#) {
      max-width: 48rem;
  }
    }
@media (min-width: 64rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#) {
      max-width: 64rem;
  }
    }
@media (min-width: 80rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#) {
      max-width: 80rem;
  }
    }
@media (min-width: 96rem) {
  .container:not(#\#):not(#\#):not(#\#):not(#\#) {
      max-width: 96rem;
  }
    }
.m-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: calc(var(--spacing) * 0);
  }
.m-64:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: calc(var(--spacing) * 64);
  }
.m-101\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: calc(var(--spacing) * 101.5);
  }
.m-192:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: calc(var(--spacing) * 192);
  }
.m-256:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: calc(var(--spacing) * 256);
  }
.m-320:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: calc(var(--spacing) * 320);
  }
.m-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin: auto;
  }
.mx-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-inline: calc(var(--spacing) * 1);
  }
.mx-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-inline: auto;
  }
.mt-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(var(--spacing) * 0.5);
  }
.mt-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(var(--spacing) * 1);
  }
.mt-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(var(--spacing) * 2);
  }
.mt-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(var(--spacing) * 5);
  }
.mt-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(var(--spacing) * 6);
  }
.mt-24:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: calc(var(--spacing) * 24);
  }
.mt-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-top: auto;
  }
.-mr-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: calc(var(--spacing) * -1);
  }
.mr-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: calc(var(--spacing) * 1);
  }
.mr-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: calc(var(--spacing) * 2);
  }
.mr-\[5px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-right: 5px;
  }
.mb-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 0);
  }
.mb-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 1);
  }
.mb-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 2);
  }
.mb-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
.mb-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 3);
  }
.mb-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 4);
  }
.mb-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 5);
  }
.mb-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 6);
  }
.mb-7:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 7);
  }
.mb-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 8);
  }
.mb-9:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 9);
  }
.mb-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 10);
  }
.mb-12:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 12);
  }
.mb-14:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 14);
  }
.mb-16:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: calc(var(--spacing) * 16);
  }
.mb-\[-20px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: -20px;
  }
.mb-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 10px;
  }
.ml-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: calc(var(--spacing) * 1);
  }
.ml-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: calc(var(--spacing) * 2);
  }
.ml-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: calc(var(--spacing) * 4);
  }
.ml-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: 10px;
  }
.ml-\[20px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-left: 20px;
  }
.line-clamp-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
.line-clamp-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
.\!hidden:not(#\#) {
    display: none !important;
  }
.block:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: block;
  }
.contents:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: contents;
  }
.flex:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: flex;
  }
.grid:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: grid;
  }
.hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: none;
  }
.inline:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline;
  }
.inline-block:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline-block;
  }
.inline-flex:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: inline-flex;
  }
.table:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: table;
  }
.table-caption:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: table-caption;
  }
.table-cell:not(#\#):not(#\#):not(#\#):not(#\#) {
    display: table-cell;
  }
.h-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 1.5);
  }
.h-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 2);
  }
.h-3\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 3.5);
  }
.h-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 4);
  }
.h-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 5);
  }
.h-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 6);
  }
.h-7:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 7);
  }
.h-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 10);
  }
.h-12:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 12);
  }
.h-14:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 14);
  }
.h-16:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 16);
  }
.h-24:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 24);
  }
.h-44:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 44);
  }
.h-56:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 56);
  }
.h-72:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 72);
  }
.h-100:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: calc(var(--spacing) * 100);
  }
.h-\[3px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 3px;
  }
.h-\[64px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 64px;
  }
.h-\[80\%\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 80%;
  }
.h-\[110px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 110px;
  }
.h-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: auto;
  }
.h-full:not(#\#):not(#\#):not(#\#):not(#\#) {
    height: 100%;
  }
.min-h-screen:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: 100vh;
  }
.w-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 1);
  }
.w-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 1.5);
  }
.w-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 2);
  }
.w-3\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 3.5);
  }
.w-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 4);
  }
.w-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 5);
  }
.w-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 6);
  }
.w-7:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 7);
  }
.w-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 10);
  }
.w-12:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 12);
  }
.w-14:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 14);
  }
.w-24:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 24);
  }
.w-44:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 44);
  }
.w-48:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 48);
  }
.w-56:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 56);
  }
.w-72:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: calc(var(--spacing) * 72);
  }
.w-\[80\%\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 80%;
  }
.w-\[110px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 110px;
  }
.w-\[240px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 240px;
  }
.w-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: auto;
  }
.w-full:not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
  }
.max-w-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-2xl);
  }
.max-w-3xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-3xl);
  }
.max-w-5xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-5xl);
  }
.max-w-6xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-6xl);
  }
.max-w-7xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-7xl);
  }
.max-w-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: var(--container-xl);
  }
.min-w-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: calc(var(--spacing) * 0);
  }
.min-w-max:not(#\#):not(#\#):not(#\#):not(#\#) {
    min-width: max-content;
  }
.flex-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex: 1;
  }
.flex-shrink:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-shrink: 1;
  }
.flex-shrink-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-shrink: 0;
  }
.shrink-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-shrink: 0;
  }
.flex-grow:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-grow: 1;
  }
.border-collapse:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-collapse: collapse;
  }
.-translate-x-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.-translate-y-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
.transform:not(#\#):not(#\#):not(#\#):not(#\#) {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
.cursor-move:not(#\#):not(#\#):not(#\#):not(#\#) {
    cursor: move;
  }
.cursor-pointer:not(#\#):not(#\#):not(#\#):not(#\#) {
    cursor: pointer;
  }
.resize:not(#\#):not(#\#):not(#\#):not(#\#) {
    resize: both;
  }
.scroll-mt-24:not(#\#):not(#\#):not(#\#):not(#\#) {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
.grid-cols-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
.grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
.grid-cols-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
.flex-col:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: column;
  }
.flex-row:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-direction: row;
  }
.flex-wrap:not(#\#):not(#\#):not(#\#):not(#\#) {
    flex-wrap: wrap;
  }
.items-center:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: center;
  }
.items-start:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-items: flex-start;
  }
.justify-between:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: space-between;
  }
.justify-center:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: center;
  }
.justify-end:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: flex-end;
  }
.justify-start:not(#\#):not(#\#):not(#\#):not(#\#) {
    justify-content: flex-start;
  }
.gap-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing) * 0.5);
  }
.gap-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing) * 1);
  }
.gap-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing) * 2);
  }
.gap-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing) * 2.5);
  }
.gap-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing) * 3);
  }
.gap-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing) * 4);
  }
.gap-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing) * 6);
  }
.gap-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing) * 8);
  }
.gap-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    gap: calc(var(--spacing) * 10);
  }
:where(.space-y-3 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
      --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-6 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
      --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)):not(#\#):not(#\#):not(#\#):not(#\#) {
      --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)));
    }
.gap-x-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    column-gap: calc(var(--spacing) * 8);
  }
.gap-y-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    row-gap: calc(var(--spacing) * 4);
  }
.self-start:not(#\#):not(#\#):not(#\#):not(#\#) {
    align-self: flex-start;
  }
.overflow-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow: auto;
  }
.overflow-hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow: hidden;
  }
.overflow-x-hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-x: hidden;
  }
.overflow-y-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
    overflow-y: auto;
  }
.rounded:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 0.25rem;
  }
.rounded-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--radius-2xl);
  }
.rounded-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 10px;
  }
.rounded-\[16px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: 16px;
  }
.rounded-full:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: calc(infinity * 1px);
  }
.rounded-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--radius-lg);
  }
.rounded-md:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--radius-md);
  }
.rounded-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-radius: var(--radius-xl);
  }
.rounded-l-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
.rounded-tl-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-left-radius: var(--radius-lg);
  }
.rounded-r-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
.rounded-r-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }
.border:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
.border-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
.border-\[0px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
.border-t:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
.border-b:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
.border-l-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
.border-l-\[3px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
.border-solid:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-border-style: solid;
    border-style: solid;
  }
.border-\[\#F3F4F6\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: #F3F4F6;
  }
.border-amber-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-amber-200);
  }
.border-blue-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-blue-200);
  }
.border-blue-600:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-blue-600);
  }
.border-cyan-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-cyan-200);
  }
.border-emerald-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-emerald-200);
  }
.border-emerald-300:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-emerald-300);
  }
.border-fuchsia-300:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-fuchsia-300);
  }
.border-gray-100:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-gray-100);
  }
.border-gray-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-gray-200);
  }
.border-gray-300:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-gray-300);
  }
.border-indigo-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-indigo-200);
  }
.border-orange-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-orange-200);
  }
.border-orange-300:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-orange-300);
  }
.border-pink-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-pink-200);
  }
.border-primary:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-primary);
  }
.border-purple-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-purple-200);
  }
.border-purple-400:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-purple-400);
  }
.border-rose-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-rose-200);
  }
.border-sky-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-sky-200);
  }
.border-teal-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-teal-200);
  }
.border-transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: transparent;
  }
.border-violet-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-violet-200);
  }
.border-white:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: var(--color-white);
  }
.border-white\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(255, 255, 255, 0.1);
  }
@supports (color: color-mix(in lab, red, red)) {
  .border-white\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
    }
.border-white\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(255, 255, 255, 0.2);
  }
@supports (color: color-mix(in lab, red, red)) {
  .border-white\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
    }
.border-white\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-color: rgba(255, 255, 255, 0.5);
  }
@supports (color: color-mix(in lab, red, red)) {
  .border-white\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
    }
.border-l-purple-500:not(#\#):not(#\#):not(#\#):not(#\#) {
    border-left-color: var(--color-purple-500);
  }
.bg-\[\#DBEAFE\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: #DBEAFE;
  }
.bg-\[\#F3E8FF\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: #F3E8FF;
  }
.bg-amber-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-amber-50);
  }
.bg-blue-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-blue-50);
  }
.bg-blue-100:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-blue-100);
  }
.bg-cyan-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-cyan-50);
  }
.bg-emerald-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-emerald-50);
  }
.bg-emerald-400:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-emerald-400);
  }
.bg-gray-50\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(249, 250, 251, 0.5);
  }
@supports (color: color-mix(in lab, red, red)) {
  .bg-gray-50\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
  }
    }
.bg-gray-100:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-gray-100);
  }
.bg-indigo-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-indigo-50);
  }
.bg-orange-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-orange-50);
  }
.bg-pink-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-pink-50);
  }
.bg-primary:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-primary);
  }
.bg-primary\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(21, 93, 252, 0.05);
  }
@supports (color: color-mix(in lab, red, red)) {
  .bg-primary\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
  }
    }
.bg-purple-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-purple-50);
  }
.bg-purple-50\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(250, 245, 255, 0.5);
  }
@supports (color: color-mix(in lab, red, red)) {
  .bg-purple-50\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-purple-50) 50%, transparent);
  }
    }
.bg-purple-100:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-purple-100);
  }
.bg-purple-500:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-purple-500);
  }
.bg-purple-600:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-purple-600);
  }
.bg-rose-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-rose-50);
  }
.bg-sky-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-sky-50);
  }
.bg-teal-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-teal-50);
  }
.bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: transparent;
  }
.bg-violet-50:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-violet-50);
  }
.bg-white:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: var(--color-white);
  }
.bg-white\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(255, 255, 255, 0.05);
  }
@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
    }
.bg-white\/15:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-color: rgba(255, 255, 255, 0.15);
  }
@supports (color: color-mix(in lab, red, red)) {
  .bg-white\/15:not(#\#):not(#\#):not(#\#):not(#\#) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
  }
    }
.bg-gradient-to-r:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
.bg-\[radial-gradient\(circle_at_20\%_20\%\,rgba\(255\,255\,255\,0\.1\)_0\%\,transparent_50\%\)\,radial-gradient\(circle_at_80\%_80\%\,rgba\(21\,60\,252\,0\.3\)_0\%\,transparent_50\%\)\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    background-image: radial-gradient(circle at 20% 20%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(21,60,252,0.3) 0%,transparent 50%);
  }
.from-blue-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    --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));
  }
.via-primary:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-via: var(--color-primary);
    --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-blue-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-gradient-to: 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));
  }
.object-cover:not(#\#):not(#\#):not(#\#):not(#\#) {
    object-fit: cover;
  }
.p-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(var(--spacing) * 1);
  }
.p-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(var(--spacing) * 4);
  }
.p-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(var(--spacing) * 5);
  }
.p-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(var(--spacing) * 6);
  }
.p-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: calc(var(--spacing) * 8);
  }
.p-\[20px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 20px;
  }
.px-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing) * 2);
  }
.px-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
.px-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing) * 3);
  }
.px-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing) * 4);
  }
.px-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing) * 5);
  }
.px-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing) * 6);
  }
.px-7:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing) * 7);
  }
.px-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing) * 8);
  }
.px-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: calc(var(--spacing) * 10);
  }
.px-\[25px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-inline: 25px;
  }
.py-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 0.5);
  }
.py-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 1);
  }
.py-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 1.5);
  }
.py-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 2);
  }
.py-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 2.5);
  }
.py-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 3);
  }
.py-3\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 3.5);
  }
.py-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 4);
  }
.py-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 5);
  }
.py-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 6);
  }
.py-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 8);
  }
.py-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 10);
  }
.py-12:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 12);
  }
.py-14:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 14);
  }
.py-16:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 16);
  }
.py-20:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-block: calc(var(--spacing) * 20);
  }
.pt-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--spacing) * 4);
  }
.pt-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--spacing) * 5);
  }
.pt-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--spacing) * 6);
  }
.pt-16:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--spacing) * 16);
  }
.pt-20:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: calc(var(--spacing) * 20);
  }
.pt-\[25px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-top: 25px;
  }
.pb-1:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing) * 1);
  }
.pb-2:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing) * 2);
  }
.pb-3:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing) * 3);
  }
.pb-4:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing) * 4);
  }
.pb-5:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing) * 5);
  }
.pb-6:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing) * 6);
  }
.pb-8:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing) * 8);
  }
.pb-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing) * 10);
  }
.pb-16:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: calc(var(--spacing) * 16);
  }
.pb-\[25px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    padding-bottom: 25px;
  }
.text-center:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-align: center;
  }
.font-sans:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-family: var(--font-sans);
  }
.text-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
.text-3xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
.text-4xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
.text-base:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
.text-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
.text-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
.text-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
.text-xs:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
.text-\[13px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 13px;
  }
.leading-7:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
.leading-none:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-leading: 1;
    line-height: 1;
  }
.leading-relaxed:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
.leading-snug:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
.leading-tight:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
.font-bold:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
.font-medium:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
.font-normal:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
.font-semibold:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
.tracking-tight:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
.tracking-wider:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
.break-all:not(#\#):not(#\#):not(#\#):not(#\#) {
    word-break: break-all;
  }
.whitespace-nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
    white-space: nowrap;
  }
.whitespace-pre-line:not(#\#):not(#\#):not(#\#):not(#\#) {
    white-space: pre-line;
  }
.text-\[\#1447E6\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: #1447E6;
  }
.text-\[\#8200DB\]:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: #8200DB;
  }
.text-amber-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-amber-700);
  }
.text-black:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-black);
  }
.text-blue-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-blue-700);
  }
.text-cyan-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-cyan-700);
  }
.text-emerald-500:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-emerald-500);
  }
.text-emerald-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-emerald-700);
  }
.text-fuchsia-500:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-fuchsia-500);
  }
.text-gray-300:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-gray-300);
  }
.text-gray-400:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-gray-400);
  }
.text-gray-500:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-gray-500);
  }
.text-gray-600:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-gray-600);
  }
.text-gray-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-gray-700);
  }
.text-gray-800:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-gray-800);
  }
.text-gray-900:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-gray-900);
  }
.text-gray-950:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-gray-950);
  }
.text-indigo-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-indigo-700);
  }
.text-orange-500:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-orange-500);
  }
.text-orange-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-orange-700);
  }
.text-pink-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-pink-700);
  }
.text-primary:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-primary);
  }
.text-purple-300:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-purple-300);
  }
.text-purple-600:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-purple-600);
  }
.text-purple-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-purple-700);
  }
.text-rose-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-rose-700);
  }
.text-sky-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-sky-700);
  }
.text-teal-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-teal-700);
  }
.text-violet-700:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-violet-700);
  }
.text-white:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: var(--color-white);
  }
.text-white\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgba(255, 255, 255, 0.5);
  }
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
    }
.text-white\/60:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgba(255, 255, 255, 0.6);
  }
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/60:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
    }
.text-white\/70:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgba(255, 255, 255, 0.7);
  }
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/70:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
    }
.text-white\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgba(255, 255, 255, 0.8);
  }
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
    }
.text-white\/85:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgba(255, 255, 255, 0.85);
  }
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/85:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
  }
    }
.text-white\/90:not(#\#):not(#\#):not(#\#):not(#\#) {
    color: rgba(255, 255, 255, 0.9);
  }
@supports (color: color-mix(in lab, red, red)) {
  .text-white\/90:not(#\#):not(#\#):not(#\#):not(#\#) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
    }
.lowercase:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-transform: lowercase;
  }
.uppercase:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-transform: uppercase;
  }
.italic:not(#\#):not(#\#):not(#\#):not(#\#) {
    font-style: italic;
  }
.no-underline:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-decoration-line: none;
  }
.underline:not(#\#):not(#\#):not(#\#):not(#\#) {
    text-decoration-line: underline;
  }
.opacity-0:not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: 0%;
  }
.opacity-10:not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: 10%;
  }
.opacity-60:not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: 60%;
  }
.opacity-100:not(#\#):not(#\#):not(#\#):not(#\#) {
    opacity: 100%;
  }
.shadow:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
.shadow-black\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: rgba(0, 0, 0, 0.05);
  }
@supports (color: color-mix(in lab, red, red)) {
  .shadow-black\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
  }
    }
.shadow-primary\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-shadow-color: rgba(21, 93, 252, 0.2);
  }
@supports (color: color-mix(in lab, red, red)) {
  .shadow-primary\/20:not(#\#):not(#\#):not(#\#):not(#\#) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
    }
.outline:not(#\#):not(#\#):not(#\#):not(#\#) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
.blur:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-blur: blur(8px);
    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:not(#\#):not(#\#):not(#\#):not(#\#) {
    --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,);
  }
.invert:not(#\#):not(#\#):not(#\#):not(#\#) {
    --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:not(#\#) {
    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,) !important;
  }
.filter:not(#\#):not(#\#):not(#\#):not(#\#) {
    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-md:not(#\#):not(#\#):not(#\#):not(#\#) {
    --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-filter:not(#\#):not(#\#):not(#\#):not(#\#) {
    -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:not(#\#):not(#\#):not(#\#):not(#\#) {
    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-all:not(#\#):not(#\#):not(#\#):not(#\#) {
    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:not(#\#):not(#\#):not(#\#):not(#\#) {
    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:not(#\#):not(#\#):not(#\#):not(#\#) {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
.transition-transform:not(#\#):not(#\#):not(#\#):not(#\#) {
    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-200:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
.duration-300:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
.duration-500:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
.ease-in-out:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
.ease-out:not(#\#):not(#\#):not(#\#):not(#\#) {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
.select-none:not(#\#):not(#\#):not(#\#):not(#\#) {
    -webkit-user-select: none;
    user-select: none;
  }
@media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *):not(#\#):not(#\#):not(#\#):not(#\#) {
        visibility: visible;
    }
      }
@media (hover: hover) {
    .group-hover\:scale-110:is(:where(.group):hover *):not(#\#):not(#\#):not(#\#):not(#\#) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
      }
@media (hover: hover) {
    .group-hover\:text-primary:is(:where(.group):hover *):not(#\#):not(#\#):not(#\#):not(#\#) {
        color: var(--color-primary);
    }
      }
@media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *):not(#\#):not(#\#):not(#\#):not(#\#) {
        opacity: 100%;
    }
      }
@media (hover: hover) {
    .hover\:-translate-y-0\.5:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
      }
@media (hover: hover) {
    .hover\:-translate-y-1\.5:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        --tw-translate-y: calc(var(--spacing) * -1.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
      }
@media (hover: hover) {
    .hover\:border-white:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        border-color: var(--color-white);
    }
      }
@media (hover: hover) {
    .hover\:bg-amber-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-amber-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-blue-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-blue-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-cyan-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-cyan-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-emerald-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-emerald-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-gray-50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-gray-50);
    }
      }
@media (hover: hover) {
    .hover\:bg-indigo-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-indigo-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-orange-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-orange-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-pink-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-pink-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-primary-dark:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-primary-dark);
    }
      }
@media (hover: hover) {
    .hover\:bg-primary\/5:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: rgba(21, 93, 252, 0.05);
    }
        @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-primary\/5:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
          background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
        }
      }
@media (hover: hover) {
    .hover\:bg-purple-50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-purple-50);
    }
      }
@media (hover: hover) {
    .hover\:bg-purple-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-purple-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-purple-700:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-purple-700);
    }
      }
@media (hover: hover) {
    .hover\:bg-rose-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-rose-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-sky-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-sky-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-teal-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-teal-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-violet-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-violet-100);
    }
      }
@media (hover: hover) {
    .hover\:bg-white:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: var(--color-white);
    }
      }
@media (hover: hover) {
    .hover\:bg-white\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        background-color: rgba(255, 255, 255, 0.1);
    }
        @supports (color: color-mix(in lab, red, red)) {
    .hover\:bg-white\/10:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
        }
      }
@media (hover: hover) {
    .hover\:text-gray-800:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        color: var(--color-gray-800);
    }
      }
@media (hover: hover) {
    .hover\:text-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        color: var(--color-primary);
    }
      }
@media (hover: hover) {
    .hover\:text-purple-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        color: var(--color-purple-600);
    }
      }
@media (hover: hover) {
    .hover\:text-purple-700:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        color: var(--color-purple-700);
    }
      }
@media (hover: hover) {
    .hover\:text-white:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        color: var(--color-white);
    }
      }
@media (hover: hover) {
    .hover\:underline:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        text-decoration-line: underline;
    }
      }
@media (hover: hover) {
    .hover\:opacity-80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        opacity: 80%;
    }
      }
@media (hover: hover) {
    .hover\:shadow-xl:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
      }
@media (hover: hover) {
    .hover\:shadow-primary\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        --tw-shadow-color: rgba(21, 93, 252, 0.3);
    }
        @supports (color: color-mix(in lab, red, red)) {
    .hover\:shadow-primary\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
        }
      }
@media (hover: hover) {
    .hover\:shadow-white\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
        --tw-shadow-color: rgba(255, 255, 255, 0.3);
    }
        @supports (color: color-mix(in lab, red, red)) {
    .hover\:shadow-white\/30:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
        }
      }
@media (min-width: 48rem) {
  .md\:right-\[-20px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
      right: -20px;
  }
    }
@media (min-width: 48rem) {
  .md\:bottom-16:not(#\#):not(#\#):not(#\#):not(#\#) {
      bottom: calc(var(--spacing) * 16);
  }
    }
@media (min-width: 48rem) {
  .md\:left-\[-40px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
      left: -40px;
  }
    }
@media (min-width: 48rem) {
  .md\:mb-4:not(#\#):not(#\#):not(#\#):not(#\#) {
      margin-bottom: calc(var(--spacing) * 4);
  }
    }
@media (min-width: 48rem) {
  .md\:mb-6:not(#\#):not(#\#):not(#\#):not(#\#) {
      margin-bottom: calc(var(--spacing) * 6);
  }
    }
@media (min-width: 48rem) {
  .md\:mb-10:not(#\#):not(#\#):not(#\#):not(#\#) {
      margin-bottom: calc(var(--spacing) * 10);
  }
    }
@media (min-width: 48rem) {
  .md\:mb-12:not(#\#):not(#\#):not(#\#):not(#\#) {
      margin-bottom: calc(var(--spacing) * 12);
  }
    }
@media (min-width: 48rem) {
  .md\:mb-16:not(#\#):not(#\#):not(#\#):not(#\#) {
      margin-bottom: calc(var(--spacing) * 16);
  }
    }
@media (min-width: 48rem) {
  .md\:flex:not(#\#):not(#\#):not(#\#):not(#\#) {
      display: flex;
  }
    }
@media (min-width: 48rem) {
  .md\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
      display: none;
  }
    }
@media (min-width: 48rem) {
  .md\:inline:not(#\#):not(#\#):not(#\#):not(#\#) {
      display: inline;
  }
    }
@media (min-width: 48rem) {
  .md\:grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
    }
@media (min-width: 48rem) {
  .md\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
  }
    }
@media (min-width: 48rem) {
  .md\:grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
  }
    }
@media (min-width: 48rem) {
  .md\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#) {
      flex-direction: row;
  }
    }
@media (min-width: 48rem) {
  .md\:gap-4:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 4);
  }
    }
@media (min-width: 48rem) {
  .md\:gap-6:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 6);
  }
    }
@media (min-width: 48rem) {
  .md\:gap-7:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 7);
  }
    }
@media (min-width: 48rem) {
  .md\:gap-8:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 8);
  }
    }
@media (min-width: 48rem) {
  .md\:gap-12:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 12);
  }
    }
@media (min-width: 48rem) {
  .md\:p-6:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding: calc(var(--spacing) * 6);
  }
    }
@media (min-width: 48rem) {
  .md\:p-8:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding: calc(var(--spacing) * 8);
  }
    }
@media (min-width: 48rem) {
  .md\:p-10:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding: calc(var(--spacing) * 10);
  }
    }
@media (min-width: 48rem) {
  .md\:p-12:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding: calc(var(--spacing) * 12);
  }
    }
@media (min-width: 48rem) {
  .md\:px-5:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-inline: calc(var(--spacing) * 5);
  }
    }
@media (min-width: 48rem) {
  .md\:px-8:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-inline: calc(var(--spacing) * 8);
  }
    }
@media (min-width: 48rem) {
  .md\:px-10:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-inline: calc(var(--spacing) * 10);
  }
    }
@media (min-width: 48rem) {
  .md\:px-12:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-inline: calc(var(--spacing) * 12);
  }
    }
@media (min-width: 48rem) {
  .md\:py-3:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 3);
  }
    }
@media (min-width: 48rem) {
  .md\:py-4:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 4);
  }
    }
@media (min-width: 48rem) {
  .md\:py-4\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 4.5);
  }
    }
@media (min-width: 48rem) {
  .md\:py-7:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 7);
  }
    }
@media (min-width: 48rem) {
  .md\:py-14:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 14);
  }
    }
@media (min-width: 48rem) {
  .md\:py-16:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 16);
  }
    }
@media (min-width: 48rem) {
  .md\:py-20:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 20);
  }
    }
@media (min-width: 48rem) {
  .md\:py-24:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 24);
  }
    }
@media (min-width: 48rem) {
  .md\:py-30:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 30);
  }
    }
@media (min-width: 48rem) {
  .md\:pt-20:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-top: calc(var(--spacing) * 20);
  }
    }
@media (min-width: 48rem) {
  .md\:pt-24:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-top: calc(var(--spacing) * 24);
  }
    }
@media (min-width: 48rem) {
  .md\:pb-14:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-bottom: calc(var(--spacing) * 14);
  }
    }
@media (min-width: 48rem) {
  .md\:text-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
    }
@media (min-width: 48rem) {
  .md\:text-3xl:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
    }
@media (min-width: 48rem) {
  .md\:text-4xl:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
    }
@media (min-width: 48rem) {
  .md\:text-5xl:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
    }
@media (min-width: 48rem) {
  .md\:text-base:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
  }
    }
@media (min-width: 48rem) {
  .md\:text-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
  }
    }
@media (min-width: 48rem) {
  .md\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
  }
    }
@media (min-width: 48rem) {
  .md\:text-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
  }
    }
@media (min-width: 48rem) {
  .md\:text-\[15px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: 15px;
  }
    }
@media (min-width: 64rem) {
  .lg\:order-1:not(#\#):not(#\#):not(#\#):not(#\#) {
      order: 1;
  }
    }
@media (min-width: 64rem) {
  .lg\:order-2:not(#\#):not(#\#):not(#\#):not(#\#) {
      order: 2;
  }
    }
@media (min-width: 64rem) {
  .lg\:block:not(#\#):not(#\#):not(#\#):not(#\#) {
      display: block;
  }
    }
@media (min-width: 64rem) {
  .lg\:flex:not(#\#):not(#\#):not(#\#):not(#\#) {
      display: flex;
  }
    }
@media (min-width: 64rem) {
  .lg\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
      display: none;
  }
    }
@media (min-width: 64rem) {
  .lg\:inline:not(#\#):not(#\#):not(#\#):not(#\#) {
      display: inline;
  }
    }
@media (min-width: 64rem) {
  .lg\:w-\[480px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
      width: 480px;
  }
    }
@media (min-width: 64rem) {
  .lg\:grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
    }
@media (min-width: 64rem) {
  .lg\:grid-cols-3:not(#\#):not(#\#):not(#\#):not(#\#) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
  }
    }
@media (min-width: 64rem) {
  .lg\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#) {
      flex-direction: row;
  }
    }
@media (min-width: 64rem) {
  .lg\:gap-6:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 6);
  }
    }
@media (min-width: 64rem) {
  .lg\:gap-8:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 8);
  }
    }
@media (min-width: 64rem) {
  .lg\:gap-12:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 12);
  }
    }
@media (min-width: 64rem) {
  .lg\:gap-16:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 16);
  }
    }
@media (min-width: 64rem) {
  .lg\:gap-20:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 20);
  }
    }
@media (min-width: 64rem) {
  .lg\:py-32:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 32);
  }
    }
@media (min-width: 64rem) {
  .lg\:text-5xl:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
    }
@media (min-width: 64rem) {
  .lg\:text-6xl:not(#\#):not(#\#):not(#\#):not(#\#) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
    }
@media (min-width: 80rem) {
  .xl\:py-48:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 48);
  }
    }
@media (min-width: 96rem) {
  .\32 xl\:mr-\[20px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
      margin-right: 20px;
  }
    }
@media (min-width: 96rem) {
  .\32 xl\:h-full:not(#\#):not(#\#):not(#\#):not(#\#) {
      height: 100%;
  }
    }
@media (min-width: 96rem) {
  .\32 xl\:gap-6:not(#\#):not(#\#):not(#\#):not(#\#) {
      gap: calc(var(--spacing) * 6);
  }
    }
@media (min-width: 96rem) {
  .\32 xl\:py-64:not(#\#):not(#\#):not(#\#):not(#\#) {
      padding-block: calc(var(--spacing) * 64);
  }
    }
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  word-break: break-word;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  margin: 8px 0;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) pre {
  background: #f5f5f5;
  padding: 12px;
  border-radius: 6px;
  overflow-x: auto;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) table {
  border-collapse: collapse;
  width: 100%;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) table td, .article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) table th {
  border: 1px solid #e0e0e0;
  padding: 6px 10px;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ul {
  padding-left: 20px;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ul li {
  margin-bottom: 6px;
  line-height: 1.8;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tpl-heading {
  margin: 24px 0 12px;
  padding-left: 14px;
  line-height: 1.4;
  color: #222;
  position: relative;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tpl-heading::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #9810FA;
  border-radius: 25%;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h1.tpl-heading {
  font-size: 24px;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h2.tpl-heading {
  font-size: 20px;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3.tpl-heading {
  font-size: 17px;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h4.tpl-heading {
  font-size: 15px;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .tpl-blockquote {
  margin: 20px 0;
  padding: 14px 20px;
  border-left: 4px solid #9810FA;
  background: linear-gradient(90deg, #F3E8FF 0%, #DBEAFE 100%);
  border-radius: 0 6px 6px 0;
  color: #555;
  font-size: 14px;
  line-height: 1.8;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) ol {
  counter-reset: tpl-counter;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) li.tpl-ordered-list {
  list-style: none;
  counter-increment: tpl-counter;
  position: relative;
  padding-left: 36px;
  margin-bottom: 8px;
  line-height: 1.8;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) li.tpl-ordered-list::before {
  content: counter(tpl-counter);
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #F3E8FF;
  color: #9810FA;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) div.tpl-ordered-list {
  padding-left: 36px;
  position: relative;
  line-height: 1.8;
}
.article-content div.tpl-ordered-list > span[data-w-e-reserve] {
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  width: 22px !important;
  height: 22px !important;
  margin-right: 0 !important;
  color: #9810FA !important;
  display: inline-flex !important;
}
.article-content:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) div.tpl-ordered-list > span[data-w-e-reserve] {
  border-radius: 50%;
  background: #F3E8FF;
  font-size: 12px;
  font-weight: 700;
  align-items: center;
  justify-content: center;
}
@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.article-skeleton:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: skeleton-pulse 1.5s ease-in-out infinite;
}
.skeleton-line:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: #E5E7EB;
  border-radius: 4px;
}
.gradient-primary:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(135deg, #155DFC 0%, #1447E6 100%);
}
.gradient-green:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}
.gradient-purple:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
}
.gradient-orange:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
}
.gradient-dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(135deg, #0F2557 0%, #155DFC 100%);
}
.gradient-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: #F9FAFB;
}
.navigation.scrolled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.navigation.scrolled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .text-white {
  color: #155DFC;
}
.navigation.scrolled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .text-white\/50 {
  color: rgba(21, 93, 252, 0.5);
}
.navigation.scrolled:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .nav-mobile-menu .text-white {
  color: #FFFFFF;
}
.nav-mobile-menu:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, box-shadow 0.3s ease;
}
.nav-mobile-menu.open:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  max-height: 500px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .steps-line:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before {
    content: '';
    position: absolute;
    top: 40px;
    left: 16.66%;
    right: 16.66%;
    height: 2px;
    background: linear-gradient(90deg, #155DFC 0%, #10B981 50%, #F59E0B 100%);
    z-index: 0;
  }
}
.cta-bg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -10%;
  width: 120%;
  height: 200%;
  z-index: -1;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: float 20s infinite ease-in-out;
}
@keyframes float {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(50px, 30px) rotate(5deg);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate-fade-in-up:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: fadeInUp 0.6s ease-out forwards;
  opacity: 0;
}
.animate-fade-in-left:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: fadeInLeft 0.6s ease-out forwards;
  opacity: 0;
}
.animate-fade-in-right:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: fadeInRight 0.6s ease-out forwards;
  opacity: 0;
}
.animate-fade-in-scale:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: fadeInScale 0.5s ease-out forwards;
  opacity: 0;
}
.animate-fade-in:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation: fadeIn 0.6s ease-out forwards;
  opacity: 0;
}
.animate-delay-100:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation-delay: 0.1s;
}
.animate-delay-200:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation-delay: 0.2s;
}
.animate-delay-300:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation-delay: 0.3s;
}
.animate-delay-400:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation-delay: 0.4s;
}
.animate-delay-500:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation-delay: 0.5s;
}
.animate-delay-600:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  animation-delay: 0.6s;
}
div.benefit-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
  top: 0;
  transition: top 0.3s ease, box-shadow 0.3s ease;
}
div.benefit-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: -8px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
div.upgrade-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
  top: 0;
  transition: top 0.3s ease, box-shadow 0.3s ease;
}
div.upgrade-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: -8px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
div.upgrade-mini-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
  top: 0;
  transition: top 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
div.upgrade-mini-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: -6px;
  border-color: #155DFC;
  box-shadow: 0 15px 30px rgba(21, 93, 252, 0.15);
}
div.benefit-stat-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
  top: 0;
  transition: top 0.3s ease, box-shadow 0.3s ease;
}
div.benefit-stat-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: -6px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
div.layer-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
  top: 0;
  transition: top 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
div.layer-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  top: -6px;
  border-color: #155DFC;
  box-shadow: 0 15px 30px rgba(21, 93, 252, 0.15);
}
.pricing-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 768px;
  padding: 60px 24px 76px;
  background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 50%, #FAF5FF 100%);
  overflow: hidden;
}
.pricing-wrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.pricing-eyebrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 26px;
  padding: 0 12px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: #DBEAFE;
  color: #155DFC;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.pricing-eyebrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg, .pricing-card-badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg, .pricing-mode:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
}
.pricing-title-group:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: 25px;
}
.pricing-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin: 0 0 8px;
  color: #111827;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: 0;
}
.pricing-subtitle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin: 0;
  color: #4B5563;
  font-size: 15px;
  line-height: 1.35;
}
.pricing-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: relative;
  width: 560px;
  margin: 0 auto;
  overflow: visible;
  border: 1px solid #93C5FD;
  border-radius: 14px;
  background: #FFFFFF;
  box-shadow: 0 24px 42px rgba(15, 23, 42, 0.16);
}
.pricing-card:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  box-shadow: 0 28px 48px rgba(15, 23, 42, 0.18);
}
.pricing-card-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  overflow: hidden;
  border-radius: 13px;
  background: #FFFFFF;
}
.pricing-card-badge:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: absolute;
  left: 50%;
  top: -14px;
  z-index: 2;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 28px;
  min-width: 86px;
  padding: 0 13px;
  border-radius: 999px;
  background: linear-gradient(90deg, #F97316 0%, #EF4444 100%);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 20px rgba(239, 68, 68, 0.22);
}
.pricing-card-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-height: 86px;
  padding: 24px 28px 21px;
  color: #FFFFFF;
  text-align: center;
  background: linear-gradient(105deg, #155DFC 0%, #A21CAF 100%);
}
.pricing-card-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h3 {
  margin: 0 0 8px;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}
.pricing-card-head:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 13px;
  line-height: 1.4;
}
.pricing-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  padding: 24px 26px 20px;
  background: #FFFFFF;
}
.pricing-price:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  margin-bottom: 10px;
}
.pricing-currency:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), .pricing-period:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  color: #6B7280;
  font-size: 18px;
  font-weight: 500;
}
.pricing-amount:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  background: linear-gradient(105deg, #155DFC 0%, #9333EA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 50px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}
.pricing-mode:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 12px;
  margin-bottom: 20px;
  border-radius: 999px;
  background: #DCFCE7;
  color: #15803D;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.pricing-feature-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 52px;
  margin-bottom: 20px;
  text-align: left;
}
.pricing-feature-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}
.pricing-feature-heading:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 14px;
  height: 14px;
  color: #155DFC;
  flex: 0 0 auto;
}
.pricing-feature-col-purple:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .pricing-feature-heading svg {
  color: #A21CAF;
}
.pricing-feature-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 8px;
  align-items: start;
  margin-bottom: 8px;
}
.pricing-feature-item:last-child:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  margin-bottom: 0;
}
.pricing-check:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #DBEAFE;
  color: #155DFC;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}
.pricing-feature-col-purple:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .pricing-check {
  background: #F3E8FF;
  color: #A21CAF;
}
.pricing-feature-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) h4 {
  margin: 0 0 2px;
  color: #111827;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}
.pricing-feature-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) p {
  margin: 0;
  color: #4B5563;
  font-size: 9px;
  line-height: 1.2;
}
.pricing-stat-strip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  min-height: 102px;
  padding: 14px 28px 12px;
  border-radius: 10px;
  background: linear-gradient(105deg, #EFF6FF 0%, #FAF5FF 100%);
  gap: 14px;
}
.pricing-stat:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  min-width: 0;
}
.pricing-stat-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 auto 8px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #155DFC;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}
.pricing-stat-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
  width: 16px;
  height: 16px;
}
.pricing-stat-purple:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .pricing-stat-icon {
  color: #A21CAF;
}
.pricing-stat-orange:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .pricing-stat-icon {
  color: #F97316;
}
.pricing-stat:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
  display: block;
  margin-bottom: 3px;
  color: #111827;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.05;
}
.pricing-stat:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span:last-child {
  display: block;
  color: #4B5563;
  font-size: 11px;
  line-height: 1.2;
}
@media (max-width: 680px) {
  .pricing-section:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    min-height: auto;
    padding: 48px 18px 58px;
  }
  .pricing-title-group:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    margin-bottom: 34px;
  }
  .pricing-title:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 30px;
  }
  .pricing-subtitle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 14px;
  }
  .pricing-card:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 100%;
    max-width: 560px;
  }
  .pricing-card-body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    padding: 26px 20px 22px;
  }
  .pricing-amount:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    font-size: 44px;
  }
  .pricing-feature-grid:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
  }
  .pricing-stat-strip:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 14px 12px 12px;
  }
  .pricing-stat-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    width: 28px;
    height: 28px;
    margin-bottom: 8px;
  }
  .pricing-stat-icon:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
    width: 15px;
    height: 15px;
  }
  .pricing-stat:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) strong {
    font-size: 18px;
  }
  .pricing-stat:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) span:last-child {
    font-size: 10px;
  }
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --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-outline-style: solid;
      --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;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }