/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-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-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .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-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-black: 900;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --blur-md: 12px;
    --blur-xl: 24px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-\[-1px_0_0_0\] {
    inset: -1px 0 0;
  }

  .inset-\[-3\.57\%\] {
    inset: -3.57%;
  }

  .inset-x-\[16\%\] {
    inset-inline: 16%;
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .-top-\[40px\] {
    top: -40px;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-7 {
    top: calc(var(--spacing) * 7);
  }

  .top-\[-3rem\] {
    top: -3rem;
  }

  .top-\[2px\] {
    top: 2px;
  }

  .top-\[50\.5\%\] {
    top: 50.5%;
  }

  .top-\[58\%\] {
    top: 58%;
  }

  .top-full {
    top: 100%;
  }

  .-right-10 {
    right: calc(var(--spacing) * -10);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-24 {
    right: calc(var(--spacing) * 24);
  }

  .right-\[-2rem\] {
    right: -2rem;
  }

  .-bottom-\[18px\] {
    bottom: -18px;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-\[-2rem\] {
    bottom: -2rem;
  }

  .bottom-\[-3rem\] {
    bottom: -3rem;
  }

  .-left-\[64px\] {
    left: -64px;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-\[-3rem\] {
    left: -3rem;
  }

  .left-\[-240vw\] {
    left: -240vw;
  }

  .left-\[55px\] {
    left: 55px;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[-1\] {
    z-index: -1;
  }

  .order-1 {
    order: 1;
  }

  .col-1 {
    grid-column: 1;
  }

  .row-1 {
    grid-row: 1;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-\[51px\] {
    margin: 51px;
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-\[3px\] {
    margin-inline: 3px;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-\[24px\] {
    margin-block: -24px;
  }

  .my-\[23px\] {
    margin-block: 23px;
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-\[2px\] {
    margin-top: 2px;
  }

  .mt-\[30px\] {
    margin-top: 30px;
  }

  .mt-\[40px\] {
    margin-top: 40px;
  }

  .mt-\[47px\] {
    margin-top: 47px;
  }

  .mt-\[70px\] {
    margin-top: 70px;
  }

  .mt-\[80px\] {
    margin-top: 80px;
  }

  .mt-\[100px\] {
    margin-top: 100px;
  }

  .mt-\[140px\] {
    margin-top: 140px;
  }

  .-mr-\[3px\] {
    margin-right: -3px;
  }

  .mr-\[-34px\] {
    margin-right: -34px;
  }

  .-mb-\[2px\] {
    margin-bottom: -2px;
  }

  .-mb-\[25px\] {
    margin-bottom: -25px;
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-\[2px\] {
    margin-bottom: 2px;
  }

  .mb-\[28px\] {
    margin-bottom: 28px;
  }

  .mb-\[29px\] {
    margin-bottom: 29px;
  }

  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  .ml-\[42px\] {
    margin-left: 42px;
  }

  .ml-\[80px\] {
    margin-left: 80px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .ml-px {
    margin-left: 1px;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .size-\[16px\] {
    width: 16px;
    height: 16px;
  }

  .size-\[28px\] {
    width: 28px;
    height: 28px;
  }

  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }

  .size-\[41px\] {
    width: 41px;
    height: 41px;
  }

  .size-\[58px\] {
    width: 58px;
    height: 58px;
  }

  .size-\[103px\] {
    width: 103px;
    height: 103px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-\[7\.75rem\] {
    height: 7.75rem;
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[48px\] {
    height: 48px;
  }

  .h-\[100px\] {
    height: 100px;
  }

  .h-\[190px\] {
    height: 190px;
  }

  .h-\[223px\] {
    height: 223px;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-\(--auto-height\) {
    max-height: var(--auto-height);
  }

  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }

  .max-h-none {
    max-height: none;
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .min-h-\[520px\] {
    min-height: 520px;
  }

  .min-h-px {
    min-height: 1px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-\[7\.75rem\] {
    width: 7.75rem;
  }

  .w-\[20px\] {
    width: 20px;
  }

  .w-\[21px\] {
    width: 21px;
  }

  .w-\[54px\] {
    width: 54px;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[110\.573px\] {
    width: 110.573px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[124\.113px\] {
    width: 124.113px;
  }

  .w-\[125\.241px\] {
    width: 125.241px;
  }

  .w-\[126\.369px\] {
    width: 126.369px;
  }

  .w-\[128\.626px\] {
    width: 128.626px;
  }

  .w-\[145\.551px\] {
    width: 145.551px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[1200px\] {
    width: 1200px;
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-\[146px\] {
    max-width: 146px;
  }

  .max-w-\[200\%\] {
    max-width: 200%;
  }

  .max-w-\[210px\] {
    max-width: 210px;
  }

  .max-w-\[286px\] {
    max-width: 286px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[317px\] {
    max-width: 317px;
  }

  .max-w-\[359px\] {
    max-width: 359px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[367px\] {
    max-width: 367px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[473px\] {
    max-width: 473px;
  }

  .max-w-\[494px\] {
    max-width: 494px;
  }

  .max-w-\[498px\] {
    max-width: 498px;
  }

  .max-w-\[500px\] {
    max-width: 500px;
  }

  .max-w-\[502px\] {
    max-width: 502px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[531px\] {
    max-width: 531px;
  }

  .max-w-\[580px\] {
    max-width: 580px;
  }

  .max-w-\[634px\] {
    max-width: 634px;
  }

  .max-w-\[644px\] {
    max-width: 644px;
  }

  .max-w-\[656px\] {
    max-width: 656px;
  }

  .max-w-\[1234px\] {
    max-width: 1234px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-none {
    max-width: none;
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-px {
    min-width: 1px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-2 {
    flex: 2;
  }

  .flex-3 {
    flex: 3;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .origin-center {
    transform-origin: center;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-0 {
    rotate: none;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize-none {
    resize: none;
  }

  .scroll-mt-\[40px\] {
    scroll-margin-top: 40px;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-\[max-content\] {
    grid-template-columns: max-content;
  }

  .grid-cols-\[min-content_minmax\(0\,1fr\)\] {
    grid-template-columns: min-content minmax(0, 1fr);
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .grid-rows-\[auto_auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  .grid-rows-\[max-content\] {
    grid-template-rows: max-content;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .content-start {
    align-content: flex-start;
  }

  .content-stretch {
    align-content: stretch;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-start {
    justify-items: start;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[14px\] {
    gap: 14px;
  }

  .gap-\[15px\] {
    gap: 15px;
  }

  .gap-\[18px\] {
    gap: 18px;
  }

  .gap-\[20px\] {
    gap: 20px;
  }

  .gap-\[25px\] {
    gap: 25px;
  }

  .gap-\[26px\] {
    gap: 26px;
  }

  .gap-\[27px\] {
    gap: 27px;
  }

  .gap-\[28px\] {
    gap: 28px;
  }

  .gap-\[30px\] {
    gap: 30px;
  }

  .gap-\[35px\] {
    gap: 35px;
  }

  .gap-\[39px\] {
    gap: 39px;
  }

  .gap-\[40\.5px\] {
    gap: 40.5px;
  }

  .gap-\[40px\] {
    gap: 40px;
  }

  .gap-\[50px\] {
    gap: 50px;
  }

  .gap-\[66px\] {
    gap: 66px;
  }

  .gap-\[93px\] {
    gap: 93px;
  }

  .gap-\[120px\] {
    gap: 120px;
  }

  .gap-x-\[20px\] {
    column-gap: 20px;
  }

  .gap-x-\[36px\] {
    column-gap: 36px;
  }

  .gap-x-\[41px\] {
    column-gap: 41px;
  }

  .gap-x-\[128px\] {
    column-gap: 128px;
  }

  .gap-y-\[10px\] {
    row-gap: 10px;
  }

  .gap-y-\[20px\] {
    row-gap: 20px;
  }

  .gap-y-\[80px\] {
    row-gap: 80px;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[1\.3rem\] {
    border-radius: 1.3rem;
  }

  .rounded-\[1\.6rem\] {
    border-radius: 1.6rem;
  }

  .rounded-\[1\.7rem\] {
    border-radius: 1.7rem;
  }

  .rounded-\[1\.8rem\] {
    border-radius: 1.8rem;
  }

  .rounded-\[1\.9rem\] {
    border-radius: 1.9rem;
  }

  .rounded-\[1\.35rem\] {
    border-radius: 1.35rem;
  }

  .rounded-\[2\.2rem\] {
    border-radius: 2.2rem;
  }

  .rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[30px\] {
    border-radius: 30px;
  }

  .rounded-\[32px\] {
    border-radius: 32px;
  }

  .rounded-\[45px\] {
    border-radius: 45px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-tl-\[45px\] {
    border-top-left-radius: 45px;
  }

  .rounded-tr-\[45px\] {
    border-top-right-radius: 45px;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#191a23\] {
    border-color: #191a23;
  }

  .border-\[\#B9FF66\] {
    border-color: #b9ff66;
  }

  .border-\[rgba\(5\,77\,40\,0\.18\)\] {
    border-color: #054d282e;
  }

  .border-\[rgba\(14\,15\,12\,0\.08\)\] {
    border-color: #0e0f0c14;
  }

  .border-\[rgba\(22\,51\,0\,0\.16\)\] {
    border-color: #16330029;
  }

  .border-\[rgba\(40\,91\,61\,0\.28\)\] {
    border-color: #285b3d47;
  }

  .border-\[rgba\(119\,74\,34\,0\.12\)\] {
    border-color: #774a221f;
  }

  .border-\[rgba\(119\,74\,34\,0\.16\)\] {
    border-color: #774a2229;
  }

  .border-\[rgba\(138\,45\,45\,0\.34\)\] {
    border-color: #8a2d2d57;
  }

  .border-\[rgba\(159\,232\,112\,0\.16\)\] {
    border-color: #9fe87029;
  }

  .border-\[rgba\(159\,232\,112\,0\.18\)\] {
    border-color: #9fe8702e;
  }

  .border-\[rgba\(188\,90\,29\,0\.3\)\] {
    border-color: #bc5a1d4d;
  }

  .border-\[rgba\(188\,90\,29\,0\.16\)\] {
    border-color: #bc5a1d29;
  }

  .border-\[rgba\(208\,50\,56\,0\.18\)\] {
    border-color: #d032382e;
  }

  .border-\[rgba\(255\,209\,26\,0\.3\)\] {
    border-color: #ffd11a4d;
  }

  .border-\[var\(--border\)\] {
    border-color: var(--border);
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-white {
    border-color: var(--color-white);
  }

  .bg-\[\#191a23\] {
    background-color: #191a23;
  }

  .bg-\[\#292a32\] {
    background-color: #292a32;
  }

  .bg-\[\#B9FF66\], .bg-\[\#b9ff66\] {
    background-color: #b9ff66;
  }

  .bg-\[\#f3f3f3\] {
    background-color: #f3f3f3;
  }

  .bg-\[rgba\(5\,77\,40\,0\.08\)\] {
    background-color: #054d2814;
  }

  .bg-\[rgba\(5\,77\,40\,0\.09\)\] {
    background-color: #054d2817;
  }

  .bg-\[rgba\(40\,91\,61\,0\.2\)\] {
    background-color: #285b3d33;
  }

  .bg-\[rgba\(40\,91\,61\,0\.07\)\] {
    background-color: #285b3d12;
  }

  .bg-\[rgba\(40\,91\,61\,0\.12\)\] {
    background-color: #285b3d1f;
  }

  .bg-\[rgba\(127\,53\,16\,0\.18\)\] {
    background-color: #7f35102e;
  }

  .bg-\[rgba\(138\,45\,45\,0\.08\)\] {
    background-color: #8a2d2d14;
  }

  .bg-\[rgba\(138\,45\,45\,0\.16\)\] {
    background-color: #8a2d2d29;
  }

  .bg-\[rgba\(138\,45\,45\,0\.18\)\] {
    background-color: #8a2d2d2e;
  }

  .bg-\[rgba\(138\,45\,45\,0\.22\)\] {
    background-color: #8a2d2d38;
  }

  .bg-\[rgba\(159\,232\,112\,0\.18\)\] {
    background-color: #9fe8702e;
  }

  .bg-\[rgba\(159\,232\,112\,0\.22\)\] {
    background-color: #9fe87038;
  }

  .bg-\[rgba\(159\,232\,112\,0\.24\)\] {
    background-color: #9fe8703d;
  }

  .bg-\[rgba\(188\,90\,29\,0\.08\)\] {
    background-color: #bc5a1d14;
  }

  .bg-\[rgba\(188\,90\,29\,0\.14\)\] {
    background-color: #bc5a1d24;
  }

  .bg-\[rgba\(188\,90\,29\,0\.26\)\] {
    background-color: #bc5a1d42;
  }

  .bg-\[rgba\(208\,50\,56\,0\.08\)\] {
    background-color: #d0323814;
  }

  .bg-\[rgba\(226\,246\,213\,0\.48\)\] {
    background-color: #e2f6d57a;
  }

  .bg-\[rgba\(226\,246\,213\,0\.56\)\] {
    background-color: #e2f6d58f;
  }

  .bg-\[rgba\(226\,246\,213\,0\.66\)\] {
    background-color: #e2f6d5a8;
  }

  .bg-\[rgba\(226\,246\,213\,0\.82\)\] {
    background-color: #e2f6d5d1;
  }

  .bg-\[rgba\(238\,242\,232\,0\.9\)\] {
    background-color: #eef2e8e6;
  }

  .bg-\[rgba\(238\,242\,232\,0\.86\)\] {
    background-color: #eef2e8db;
  }

  .bg-\[rgba\(238\,242\,232\,0\.92\)\] {
    background-color: #eef2e8eb;
  }

  .bg-\[rgba\(255\,209\,26\,0\.18\)\] {
    background-color: #ffd11a2e;
  }

  .bg-\[rgba\(255\,244\,232\,0\.92\)\] {
    background-color: #fff4e8eb;
  }

  .bg-\[rgba\(255\,252\,246\,0\.92\)\] {
    background-color: #fffcf6eb;
  }

  .bg-\[rgba\(255\,255\,255\,0\.8\)\] {
    background-color: #fffc;
  }

  .bg-\[rgba\(255\,255\,255\,0\.68\)\] {
    background-color: #ffffffad;
  }

  .bg-\[rgba\(255\,255\,255\,0\.72\)\] {
    background-color: #ffffffb8;
  }

  .bg-\[rgba\(255\,255\,255\,0\.78\)\] {
    background-color: #ffffffc7;
  }

  .bg-\[rgba\(255\,255\,255\,0\.82\)\] {
    background-color: #ffffffd1;
  }

  .bg-\[rgba\(255\,255\,255\,0\.88\)\] {
    background-color: #ffffffe0;
  }

  .bg-\[rgba\(255\,255\,255\,0\.94\)\] {
    background-color: #fffffff0;
  }

  .bg-\[var\(--accent\)\] {
    background-color: var(--accent);
  }

  .bg-\[var\(--surface\)\] {
    background-color: var(--surface);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/72 {
    background-color: #ffffffb8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/72 {
      background-color: color-mix(in oklab, var(--color-white) 72%, transparent);
    }
  }

  .bg-white\/88 {
    background-color: #ffffffe0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/88 {
      background-color: color-mix(in oklab, var(--color-white) 88%, transparent);
    }
  }

  .bg-linear-to-l {
    --tw-gradient-position: to left;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-l {
      --tw-gradient-position: to left in oklab;
    }
  }

  .bg-linear-to-l {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-r {
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }

  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(180deg\,\#eef2e8_0\%\,\#e3ead9_100\%\)\] {
    background-image: linear-gradient(#eef2e8 0%, #e3ead9 100%);
  }

  .bg-\[radial-gradient\(circle\,rgba\(159\,232\,112\,0\.24\)\,rgba\(159\,232\,112\,0\)\)\] {
    background-image: radial-gradient(circle, #9fe8703d, #9fe87000);
  }

  .bg-\[radial-gradient\(circle\,rgba\(159\,232\,112\,0\.32\)\,rgba\(159\,232\,112\,0\)\)\] {
    background-image: radial-gradient(circle, #9fe87052, #9fe87000);
  }

  .bg-\[radial-gradient\(circle_at_center\,rgba\(159\,232\,112\,0\.24\)\,rgba\(159\,232\,112\,0\)\)\] {
    background-image: radial-gradient(circle, #9fe8703d, #9fe87000);
  }

  .bg-\[radial-gradient\(circle_at_center\,rgba\(255\,255\,255\,0\.02\)\,rgba\(69\,42\,19\,0\.08\)_100\%\)\] {
    background-image: radial-gradient(circle, #ffffff05, #452a1314 100%);
  }

  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .object-cover {
    object-fit: cover;
  }

  .object-center {
    object-position: center;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[49px\] {
    padding: 49px;
  }

  .p-\[100px\] {
    padding: 100px;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

  .px-\[20px\] {
    padding-inline: 20px;
  }

  .px-\[25px\] {
    padding-inline: 25px;
  }

  .px-\[30px\] {
    padding-inline: 30px;
  }

  .px-\[34px\] {
    padding-inline: 34px;
  }

  .px-\[35px\] {
    padding-inline: 35px;
  }

  .px-\[40px\] {
    padding-inline: 40px;
  }

  .px-\[59px\] {
    padding-inline: 59px;
  }

  .px-\[60px\] {
    padding-inline: 60px;
  }

  .px-\[76px\] {
    padding-inline: 76px;
  }

  .px-\[100px\] {
    padding-inline: 100px;
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-\[10px\] {
    padding-block: 10px;
  }

  .py-\[15px\] {
    padding-block: 15px;
  }

  .py-\[18px\] {
    padding-block: 18px;
  }

  .py-\[19px\] {
    padding-block: 19px;
  }

  .py-\[20px\] {
    padding-block: 20px;
  }

  .py-\[21px\] {
    padding-block: 21px;
  }

  .py-\[39px\] {
    padding-block: 39px;
  }

  .py-\[40px\] {
    padding-block: 40px;
  }

  .py-\[58px\] {
    padding-block: 58px;
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-\[2px\] {
    padding-top: 2px;
  }

  .pt-\[55px\] {
    padding-top: 55px;
  }

  .pt-\[60px\] {
    padding-top: 60px;
  }

  .pt-\[70px\] {
    padding-top: 70px;
  }

  .pt-\[84px\] {
    padding-top: 84px;
  }

  .pr-\[36px\] {
    padding-right: 36px;
  }

  .pr-\[40px\] {
    padding-right: 40px;
  }

  .pr-\[99px\] {
    padding-right: 99px;
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-\[14px\] {
    padding-bottom: 14px;
  }

  .pb-\[34px\] {
    padding-bottom: 34px;
  }

  .pb-\[50px\] {
    padding-bottom: 50px;
  }

  .pb-\[64px\] {
    padding-bottom: 64px;
  }

  .pb-\[69px\] {
    padding-bottom: 69px;
  }

  .pb-\[80px\] {
    padding-bottom: 80px;
  }

  .pl-\[100px\] {
    padding-left: 100px;
  }

  .text-center {
    text-align: center;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-\[16px\]\/\[28px\] {
    font-size: 16px;
    line-height: 28px;
  }

  .text-\[18px\]\/\[21px\] {
    font-size: 18px;
    line-height: 21px;
  }

  .text-\[18px\]\/\[28px\] {
    font-size: 18px;
    line-height: 28px;
  }

  .text-\[18px\]\/\[normal\] {
    font-size: 18px;
    line-height: normal;
  }

  .text-\[20px\]\/\[28px\] {
    font-size: 20px;
    line-height: 28px;
  }

  .text-\[30px\]\/\[1\.27\] {
    font-size: 30px;
    line-height: 1.27;
  }

  .text-\[40px\]\/\[1\.27\] {
    font-size: 40px;
    line-height: 1.27;
  }

  .text-\[40px\]\/\[normal\] {
    font-size: 40px;
    line-height: normal;
  }

  .text-\[60px\]\/\[normal\] {
    font-size: 60px;
    line-height: normal;
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-lg\/\[normal\] {
    font-size: var(--text-lg);
    line-height: normal;
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.72rem\] {
    font-size: .72rem;
  }

  .text-\[1\.4rem\] {
    font-size: 1.4rem;
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }

  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }

  .text-\[1\.85rem\] {
    font-size: 1.85rem;
  }

  .text-\[2\.2rem\] {
    font-size: 2.2rem;
  }

  .text-\[2\.5rem\] {
    font-size: 2.5rem;
  }

  .text-\[2\.6rem\] {
    font-size: 2.6rem;
  }

  .text-\[2\.35rem\] {
    font-size: 2.35rem;
  }

  .text-\[2rem\] {
    font-size: 2rem;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[60px\] {
    font-size: 60px;
  }

  .leading-0 {
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }

  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }

  .leading-\[normal\] {
    --tw-leading: normal;
    line-height: normal;
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.05em\] {
    --tw-tracking: -.05em;
    letter-spacing: -.05em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.03em\] {
    --tw-tracking: .03em;
    letter-spacing: .03em;
  }

  .tracking-\[0\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[0\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-\[0\.28em\] {
    --tw-tracking: .28em;
    letter-spacing: .28em;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#1f3a67\] {
    color: #1f3a67;
  }

  .text-\[\#2f2118\] {
    color: #2f2118;
  }

  .text-\[\#6b3e17\] {
    color: #6b3e17;
  }

  .text-\[\#6b5200\] {
    color: #6b5200;
  }

  .text-\[\#9f4b12\] {
    color: #9f4b12;
  }

  .text-\[\#163300\] {
    color: #163300;
  }

  .text-\[\#B9FF66\], .text-\[\#b9ff66\] {
    color: #b9ff66;
  }

  .text-\[rgba\(22\,51\,0\,0\.76\)\] {
    color: #163300c2;
  }

  .text-\[rgba\(58\,41\,31\,0\.74\)\] {
    color: #3a291fbd;
  }

  .text-\[rgba\(111\,95\,80\,0\.84\)\] {
    color: #6f5f50d6;
  }

  .text-\[rgba\(127\,53\,16\,0\.45\)\] {
    color: #7f351073;
  }

  .text-\[var\(--accent-deep\)\] {
    color: var(--accent-deep);
  }

  .text-\[var\(--danger\)\] {
    color: var(--danger);
  }

  .text-\[var\(--ink\)\] {
    color: var(--ink);
  }

  .text-\[var\(--muted\)\] {
    color: var(--muted);
  }

  .text-\[var\(--subtle\)\] {
    color: var(--subtle);
  }

  .text-\[var\(--success\)\] {
    color: var(--success);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-white {
    color: var(--color-white);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-solid {
    text-decoration-style: solid;
  }

  .underline-offset-1 {
    text-underline-offset: 1px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-85 {
    opacity: .85;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_32px_rgba\(103\,59\,22\,0\.06\)\] {
    --tw-shadow: 0 14px 32px var(--tw-shadow-color, #673b160f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_5px_0px_0px_\#191a23\] {
    --tw-shadow: 0px 5px 0px 0px var(--tw-shadow-color, #191a23);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur-md {
    --tw-blur: blur(var(--blur-md));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-xl {
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .hue-rotate-\[334deg\] {
    --tw-hue-rotate: hue-rotate(334deg);
    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, );
  }

  .saturate-\[0\.82\] {
    --tw-saturate: saturate(.82);
    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, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,top\] {
    transition-property: left, top;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-\[1400ms\] {
    --tw-duration: 1.4s;
    transition-duration: 1.4s;
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22,1,.36,1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[text-decoration-skip-ink\:none\] {
    text-decoration-skip-ink: none;
  }

  .\[text-underline-position\:from-font\] {
    text-underline-position: from-font;
  }

  .placeholder\:text-\[\#898989\]::placeholder {
    color: #898989;
  }

  .placeholder\:text-white::placeholder {
    color: var(--color-white);
  }

  @media (hover: hover) {
    .hover\:bg-\[\#2a2b35\]:hover {
      background-color: #2a2b35;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#a8e55a\]:hover {
      background-color: #a8e55a;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#f5f5f5\]:hover {
      background-color: #f5f5f5;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[rgba\(255\,255\,255\,0\.72\)\]:hover {
      background-color: #ffffffb8;
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--accent\)\]:hover {
      color: var(--accent);
    }
  }

  @media (hover: hover) {
    .hover\:text-\[var\(--ink\)\]:hover {
      color: var(--ink);
    }
  }

  @media (hover: hover) {
    .hover\:opacity-30:hover {
      opacity: .3;
    }
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[\#191a23\]:focus {
    --tw-ring-color: #191a23;
  }

  .focus\:ring-white:focus {
    --tw-ring-color: var(--color-white);
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:ring-offset-\[\#292a32\]:focus {
    --tw-ring-offset-color: #292a32;
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  @media not (min-width: 80rem) {
    .max-xl\:-left-\[40px\] {
      left: -40px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:my-\[20px\] {
      margin-block: 20px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:hidden {
      display: none;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:size-\[80px\] {
      width: 80px;
      height: 80px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:max-w-none {
      max-width: none;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:gap-\[20px\] {
      gap: 20px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:gap-\[25px\] {
      gap: 25px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:gap-\[30px\] {
      gap: 30px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:gap-\[35px\] {
      gap: 35px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:gap-\[60px\] {
      gap: 60px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:gap-x-\[80px\] {
      column-gap: 80px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:p-\[25px\] {
      padding: 25px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:p-\[35px\] {
      padding: 35px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:px-\[25px\] {
      padding-inline: 25px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:px-\[30px\] {
      padding-inline: 30px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:px-\[40px\] {
      padding-inline: 40px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:px-\[60px\] {
      padding-inline: 60px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:py-\[15px\] {
      padding-block: 15px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:py-\[17px\] {
      padding-block: 17px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:py-\[30px\] {
      padding-block: 30px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:py-\[40px\] {
      padding-block: 40px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:py-\[50px\] {
      padding-block: 50px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:pb-\[10px\] {
      padding-bottom: 10px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:pl-\[60px\] {
      padding-left: 60px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:text-\[16px\]\/\[24px\] {
      font-size: 16px;
      line-height: 24px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:text-\[25px\]\/\[1\.27\] {
      font-size: 25px;
      line-height: 1.27;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:text-\[48px\]\/\[1\] {
      font-size: 48px;
      line-height: 1;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:text-\[25px\] {
      font-size: 25px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:text-\[50px\] {
      font-size: 50px;
    }
  }

  @media not (min-width: 80rem) {
    .max-xl\:leading-\[24px\] {
      --tw-leading: 24px;
      line-height: 24px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:-top-\[30px\] {
      top: -30px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:-left-\[30px\] {
      left: -30px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:order-1 {
      order: 1;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:mt-\[60px\] {
      margin-top: 60px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:mt-\[80px\] {
      margin-top: 80px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:mt-\[100px\] {
      margin-top: 100px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:block {
      display: block;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:hidden {
      display: none;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:w-full {
      width: 100%;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:max-w-none {
      max-width: none;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:flex-3 {
      flex: 3;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:flex-4 {
      flex: 4;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:flex-col {
      flex-direction: column;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:flex-wrap {
      flex-wrap: wrap;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:gap-\[30px\] {
      gap: 30px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:gap-\[40px\] {
      gap: 40px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:gap-x-\[60px\] {
      column-gap: 60px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:gap-y-\[60px\] {
      row-gap: 60px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:px-\[15px\] {
      padding-inline: 15px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:px-\[30px\] {
      padding-inline: 30px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:px-\[40px\] {
      padding-inline: 40px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:py-\[40px\] {
      padding-block: 40px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:pt-\[40px\] {
      padding-top: 40px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:pb-\[40px\] {
      padding-bottom: 40px;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:text-\[16px\]\/\[30px\] {
      font-size: 16px;
      line-height: 30px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:m-\[40px\] {
      margin: 40px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:block {
      display: block;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:hidden {
      display: none;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:w-auto {
      width: auto;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:w-full {
      width: 100%;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:max-w-none {
      max-width: none;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:flex-col {
      flex-direction: column;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:flex-row {
      flex-direction: row;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:items-start {
      align-items: flex-start;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:gap-\[20px\] {
      gap: 20px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:gap-\[30px\] {
      gap: 30px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:gap-\[80px\] {
      gap: 80px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:px-\[20px\] {
      padding-inline: 20px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:px-\[30px\] {
      padding-inline: 30px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:py-\[10px\] {
      padding-block: 10px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:py-\[12px\] {
      padding-block: 12px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:py-\[30px\] {
      padding-block: 30px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:py-\[60px\] {
      padding-block: 60px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:pt-\[40px\] {
      padding-top: 40px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:pb-\[30px\] {
      padding-bottom: 30px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:left-\[35px\] {
      left: 35px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:m-\[30px\] {
      margin: 30px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:my-\[15px\] {
      margin-block: 15px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:mt-\[40px\] {
      margin-top: 40px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:mt-\[60px\] {
      margin-top: 60px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:ml-\[60px\] {
      margin-left: 60px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:size-\[60px\] {
      width: 60px;
      height: 60px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:w-\[30px\] {
      width: 30px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:w-full {
      width: 100%;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:flex-col {
      flex-direction: column;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:justify-center {
      justify-content: center;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:gap-\[20px\] {
      gap: 20px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:gap-\[40px\] {
      gap: 40px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:rounded-\[30px\] {
      border-radius: 30px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:px-\[20px\] {
      padding-inline: 20px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:px-\[30px\] {
      padding-inline: 30px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:px-\[40px\] {
      padding-inline: 40px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:py-\[10px\] {
      padding-block: 10px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:py-\[16px\] {
      padding-block: 16px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:py-\[20px\] {
      padding-block: 20px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:py-\[30px\] {
      padding-block: 30px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:py-\[40px\] {
      padding-block: 40px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:pt-\[30px\] {
      padding-top: 30px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:pb-\[5px\] {
      padding-bottom: 5px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:text-\[30px\]\/\[normal\] {
      font-size: 30px;
      line-height: normal;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:text-\[20px\] {
      font-size: 20px;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:text-\[30px\] {
      font-size: 30px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-\[320px\] {
      min-width: 320px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[1\.9rem\] {
      font-size: 1.9rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[3\.1rem\] {
      font-size: 3.1rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-6 {
      top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[0\.92fr_1\.08fr\] {
      grid-template-columns: .92fr 1.08fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
      grid-template-columns: 1.15fr .85fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
      grid-template-columns: 280px minmax(0, 1fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:self-start {
      align-self: flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-9 {
      padding-inline: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 80rem) {
    .xl\:-mt-px {
      margin-top: -1px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:mt-px {
      margin-top: 1px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:mr-\[14px\] {
      margin-right: 14px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:mr-px {
      margin-right: 1px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:ml-\[3px\] {
      margin-left: 3px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:hidden {
      display: none;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,0\.88fr\)_minmax\(0\,1\.12fr\)\] {
      grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1\.02fr\)_minmax\(340px\,0\.98fr\)\] {
      grid-template-columns: minmax(0, 1.02fr) minmax(340px, .98fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1\.03fr\)_minmax\(0\,0\.97fr\)\] {
      grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(320px\,0\.8fr\)\] {
      grid-template-columns: minmax(0, 1.4fr) minmax(320px, .8fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,0\.95fr\)\] {
      grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1\.58fr\)_minmax\(340px\,1\.02fr\)\] {
      grid-template-columns: minmax(0, 1.58fr) minmax(340px, 1.02fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:pr-\[14px\] {
      padding-right: 14px;
    }
  }

  .\[\&_a\]\:font-medium a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_a\]\:text-\[\#b9ff66\] a {
    color: #b9ff66;
  }

  .\[\&_a\]\:decoration-\[\#b9ff66\] a {
    text-decoration-color: #b9ff66;
  }

  .\[\&_a\]\:decoration-solid a {
    text-decoration-style: solid;
  }

  @media (hover: hover) {
    .\[\&_a\]\:hover\:text-\[\#cfff7f\] a:hover {
      color: #cfff7f;
    }
  }

  .\[\&\:checked\+div_div\]\:scale-100:checked + div div {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .\[\&\:checked\+div_div\]\:opacity-100:checked + div div {
    opacity: 1;
  }
}

:root {
  --background: #f7f8f4;
  --background-strong: #fff;
  --surface: #eef2e8;
  --surface-strong: #fff;
  --border: #0e0f0c1f;
  --border-strong: #0e0f0c38;
  --ink: #0e0f0c;
  --muted: #5b6058;
  --subtle: #868685;
  --accent: #9fe870;
  --accent-deep: #163300;
  --accent-soft: #e2f6d5;
  --success: #054d28;
  --danger: #d03238;
  --warning: #ffd11a;
  --ring-shadow: 0 0 0 1px #0e0f0c1f;
  --font-display: "Arial Black";
  --font-body-latin: "Segoe UI";
  --font-body-cjk: "PingFang SC";
  --font-display-stack: var(--font-display), var(--font-body-cjk), "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: var(--font-body-latin), var(--font-body-cjk), "PingFang SC", "Microsoft YaHei", sans-serif;
}

html {
  color: var(--ink);
  font-feature-settings: "calt" 1;
  background: radial-gradient(circle at 0 0, #9fe87029, #0000 28%), radial-gradient(circle at 100% 0, #38c8ff17, #0000 22%), linear-gradient(#fbfcf8 0%, #f2f5ef 56%, #ecf0e8 100%);
}

body {
  min-height: 100vh;
  font-family: var(--font-body);
  color: var(--ink);
  background: none;
  margin: 0;
  font-weight: 500;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, select, textarea {
  font: inherit;
  font-feature-settings: "calt" 1;
}

button {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

::selection {
  background: var(--accent);
  color: var(--accent-deep);
}

.display-face {
  font-family: var(--font-display-stack);
  letter-spacing: -.04em;
  text-transform: none;
  font-weight: 800;
  line-height: .85;
}

.ring-card {
  box-shadow: var(--ring-shadow);
}

.panel {
  border: 1px solid var(--border);
  box-shadow: var(--ring-shadow);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffffe0;
  border-radius: 40px;
}

.panel-soft {
  box-shadow: none;
  background: #e8ebe6e6;
  border: 0;
  border-radius: 30px;
}

.panel-tint {
  box-shadow: none;
  background: #ffffff9e;
  border: 0;
  border-radius: 30px;
}

.panel-accent {
  box-shadow: none;
  background: #9fe87033;
  border: 0;
  border-radius: 30px;
}

.surface-card {
  box-shadow: none;
  background: #ffffffe6;
  border: 0;
  border-radius: 30px;
}

.surface-subtle {
  box-shadow: none;
  background: #eef2e8eb;
  border: 0;
  border-radius: 24px;
}

.surface-ghost {
  box-shadow: none;
  background: #ffffffb8;
  border: 0;
  border-radius: 24px;
}

.admin-shell-card {
  border: 1px solid var(--border);
  box-shadow: var(--ring-shadow);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #ffffffd6;
  border-radius: 36px;
}

.admin-section {
  border: 1px solid var(--border);
  box-shadow: var(--ring-shadow);
  background: #ffffffdb;
  border-radius: 32px;
}

.admin-subsection {
  background: #eef2e8db;
  border: 0;
  border-radius: 24px;
}

.feedback-success {
  color: var(--success);
  background: #054d2817;
  border: 0;
  border-radius: 24px;
}

.feedback-error {
  color: var(--danger);
  background: #d0323817;
  border: 0;
  border-radius: 24px;
}

.table-shell {
  background: #ffffffb3;
  border: 0;
  border-radius: 28px;
  overflow: hidden;
}

.data-table {
  border-collapse: collapse;
  text-align: left;
  background: none;
  min-width: 100%;
}

.data-table thead {
  color: var(--muted);
  background: #eef2e8e6;
}

.data-table th {
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .95rem 1rem;
  font-size: .82rem;
  font-weight: 700;
}

.data-table td {
  vertical-align: top;
  padding: 1rem;
}

.data-table tbody tr {
  border-top: 1px solid #0e0f0c14;
}

.data-table tbody tr:hover {
  background: #ffffff7a;
}

.chip {
  min-height: 2.5rem;
  color: var(--ink);
  letter-spacing: .02em;
  background: #16330014;
  border: 0;
  border-radius: 9999px;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .8rem;
  font-weight: 600;
  display: inline-flex;
}

.ui-link, .ui-button {
  letter-spacing: -.01em;
  transform-origin: center;
  border: 1px solid #0000;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: .55rem;
  min-height: 3rem;
  padding: .75rem 1.35rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  transition: transform .16s, background-color .16s, border-color .16s, color .16s;
  display: inline-flex;
}

.ui-link:hover, .ui-button:hover {
  transform: scale(1.05);
}

.ui-link:active, .ui-button:active {
  transform: scale(.95);
}

.ui-button-primary {
  background: var(--accent);
  color: var(--accent-deep);
  box-shadow: var(--ring-shadow);
}

.ui-button-primary:hover {
  background: #b0ef88;
}

.ui-button-secondary {
  color: var(--ink);
  background: #16330014;
  border-color: #0000;
}

.ui-button-secondary:hover {
  background: #9fe8704d;
}

.ui-button-ghost {
  color: var(--ink);
  box-shadow: none;
  background: #ffffffd1;
  border-color: #0e0f0c24;
}

.ui-button-ghost:hover {
  background: #e2f6d5ad;
}

.ui-button:focus-visible, .ui-link:focus-visible, .ui-input:focus-visible, .ui-select:focus-visible, .ui-textarea:focus-visible {
  box-shadow: inset 0 0 0 1px var(--border-strong),
    0 0 0 3px #9fe87052;
  outline: none;
}

.ui-button:disabled {
  cursor: not-allowed;
  opacity: .6;
  transform: none;
}

.ui-input, .ui-select, .ui-textarea {
  border: 1px solid var(--border);
  width: 100%;
  color: var(--ink);
  box-shadow: var(--ring-shadow);
  background: #fffffff0;
  border-radius: 20px;
}

.ui-input, .ui-select {
  min-height: 3.5rem;
  padding: .95rem 1rem;
}

.ui-textarea {
  resize: vertical;
  min-height: 8.5rem;
  padding: 1rem;
}

.ui-kicker {
  color: var(--muted);
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 700;
}

.grid-pattern {
  background-image: linear-gradient(#0e0f0c0a 1px, #0000 1px), linear-gradient(90deg, #0e0f0c0a 1px, #0000 1px);
  background-position: center;
  background-size: 22px 22px;
}

@keyframes training-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -10px, 0);
  }
}

@keyframes training-pulse {
  0%, 100% {
    opacity: .55;
    transform: scale(.96);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

@keyframes training-scan {
  0% {
    opacity: 0;
    transform: translate3d(-120%, 0, 0)rotate(8deg);
  }

  20% {
    opacity: .32;
  }

  50% {
    opacity: .55;
  }

  100% {
    opacity: 0;
    transform: translate3d(220%, 0, 0)rotate(8deg);
  }
}

@keyframes training-drift {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(18px, -14px, 0);
  }
}

@keyframes training-orbit {
  from {
    transform: translate(-50%, -50%)rotate(0);
  }

  to {
    transform: translate(-50%, -50%)rotate(360deg);
  }
}

@keyframes pixel-glow {
  0%, 100% {
    opacity: .45;
    transform: scale(.98);
  }

  50% {
    opacity: 1;
    transform: scale(1.03);
  }
}

@keyframes pixel-signal {
  0%, 100% {
    opacity: .5;
  }

  50% {
    opacity: 1;
  }
}

@keyframes pixel-marquee {
  0%, 100% {
    opacity: .3;
    transform: scaleX(.96);
  }

  50% {
    opacity: .88;
    transform: scaleX(1);
  }
}

@keyframes pixel-bob {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -8px, 0);
  }
}

@keyframes pixel-alert {
  0%, 100% {
    opacity: .45;
    box-shadow: 0 0 #d0323833;
  }

  50% {
    opacity: 1;
    box-shadow: 0 0 0 6px #d0323800;
  }
}

@keyframes star-office-role-idle {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -640px 0;
  }
}

@keyframes training-lobster-sprite-idle {
  from {
    background-position: 0
      calc(var(--training-lobster-sprite-active-row) * var(--training-lobster-sprite-frame-height) * -1);
  }

  to {
    background-position: calc(var(--training-lobster-sprite-frame-count) * var(--training-lobster-sprite-frame-width) * -1)
      calc(var(--training-lobster-sprite-active-row) * var(--training-lobster-sprite-frame-height) * -1);
  }
}

.training-float {
  animation: 3.6s ease-in-out infinite training-float;
}

.training-pulse {
  animation: 2.4s ease-in-out infinite training-pulse;
}

.training-scan {
  animation: 4.8s ease-in-out infinite training-scan;
}

.training-drift {
  animation: 8s ease-in-out infinite training-drift;
}

.training-orbit {
  animation: 16s linear infinite training-orbit;
}

.pixel-stage {
  image-rendering: pixelated;
}

.pixel-stage-grid {
  background-image: linear-gradient(#0e0f0c0d 1px, #0000 1px), linear-gradient(90deg, #0e0f0c0d 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-size: 18px 18px;
}

.pixel-light {
  animation: 2.2s ease-in-out infinite pixel-glow;
}

.pixel-glow {
  animation: 1.8s ease-in-out infinite pixel-glow;
}

.pixel-signal {
  animation: 1.4s steps(2, end) infinite pixel-signal;
}

.pixel-marquee {
  animation: 3.6s ease-in-out infinite pixel-marquee;
}

.pixel-lobster-bob {
  animation: 2.8s ease-in-out infinite pixel-bob;
}

.pixel-alert {
  animation: 1.2s ease-out infinite pixel-alert;
}

.training-lobster-sprite {
  --training-lobster-sprite-columns: 8;
  --training-lobster-sprite-rows: 6;
  --training-lobster-sprite-frame-count: 8;
  --training-lobster-sprite-active-row: 0;
  --training-lobster-sprite-duration: 1.2s;
  --training-lobster-sprite-frame-width: 7.75rem;
  --training-lobster-sprite-frame-height: 7.75rem;
  width: var(--training-lobster-sprite-frame-width);
  height: var(--training-lobster-sprite-frame-height);
  background-image: var(--training-lobster-sprite-src);
  background-repeat: no-repeat;
  background-size: calc(var(--training-lobster-sprite-columns) * var(--training-lobster-sprite-frame-width))
    calc(var(--training-lobster-sprite-rows) * var(--training-lobster-sprite-frame-height));
  background-position: 0
    calc(var(--training-lobster-sprite-active-row) * var(--training-lobster-sprite-frame-height) * -1);
  animation: training-lobster-sprite-idle var(--training-lobster-sprite-duration) steps(8) infinite;
  image-rendering: auto;
  display: block;
}

.star-office-role {
  image-rendering: pixelated;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 640px 480px;
  animation: 1.2s steps(8, end) infinite star-office-role-idle;
}

@media (max-width: 768px) {
  .display-face {
    line-height: .92;
  }

  .panel {
    border-radius: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ui-link, .ui-button, .training-float, .training-pulse, .training-scan, .training-drift, .training-orbit, .pixel-light, .pixel-glow, .pixel-signal, .pixel-marquee, .pixel-lobster-bob, .pixel-alert, .training-lobster-sprite, .star-office-role {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }

  * {
    scroll-behavior: auto !important;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=src_app_globals_0p2ml0n.css.map*/