/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
    @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-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-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
        }
      }
    }

    @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-red-400: oklch(70.4% .191 22.216);
        --color-blue-400: oklch(70.7% .165 254.624);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-blue-600: oklch(54.6% .245 262.881);
        --color-blue-700: oklch(48.8% .243 264.376);
        --color-indigo-400: oklch(67.3% .182 276.935);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-500: oklch(55.1% .027 264.364);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-md: 28rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-6xl: 72rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --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: 1.2;
        --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;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-relaxed: 1.625;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --drop-shadow-xl: 0 9px 7px #0000001a;
        --drop-shadow-2xl: 0 25px 25px #00000026;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --blur-md: 12px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --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);
        --animate-shine: shine 1.5s ease-in-out infinite
      }
    }

    @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%;
        -moz-tab-size: 4;
        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;
        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]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
      }

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

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

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

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

    @layer components;

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

      .invisible {
        visibility: hidden
      }

      .visible {
        visibility: visible
      }

      .absolute {
        position: absolute
      }

      .fixed {
        position: fixed
      }

      .relative {
        position: relative
      }

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

      .-inset-px {
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px
      }

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

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

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

      .end {
        inset-inline-end: var(--spacing)
      }

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

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

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

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

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

      .-left-full {
        left: -100%
      }

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

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

      .z-0 {
        z-index: 0
      }

      .z-10 {
        z-index: 10
      }

      .z-50 {
        z-index: 50
      }

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

      .z-\[-2\] {
        z-index: -2
      }

      .z-\[-3\] {
        z-index: -3
      }

      .z-\[9999\] {
        z-index: 9999
      }

      .container {
        width: 100%
      }

      @media(min-width:40rem) {
        .container {
          max-width: 40rem
        }
      }

      @media(min-width:48rem) {
        .container {
          max-width: 48rem
        }
      }

      @media(min-width:64rem) {
        .container {
          max-width: 64rem
        }
      }

      @media(min-width:80rem) {
        .container {
          max-width: 80rem
        }
      }

      @media(min-width:96rem) {
        .container {
          max-width: 96rem
        }
      }

      .mx-auto {
        margin-inline: auto
      }

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

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

      .mt-auto {
        margin-top: auto
      }

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

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

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

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

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

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

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

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

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

      .block {
        display: block
      }

      .flex {
        display: flex
      }

      .grid {
        display: grid
      }

      .hidden {
        display: none
      }

      .inline-block {
        display: inline-block
      }

      .inline-flex {
        display: inline-flex
      }

      .aspect-\[9\/16\] {
        aspect-ratio: 9/16
      }

      .h-1\/2 {
        height: 50%
      }

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

      .h-3\/4 {
        height: 75%
      }

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

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

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

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

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

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

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

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

      .h-\[1em\] {
        height: 1em
      }

      .h-\[800px\] {
        height: 800px
      }

      .h-full {
        height: 100%
      }

      .h-px {
        height: 1px
      }

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

      .w-1\/2 {
        width: 50%
      }

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

      .w-3\/4 {
        width: 75%
      }

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

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

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

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

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

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

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

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

      .w-\[2px\] {
        width: 2px
      }

      .w-\[800px\] {
        width: 800px
      }

      .w-full {
        width: 100%
      }

      .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-6xl {
        max-width: var(--container-6xl)
      }

      .max-w-md {
        max-width: var(--container-md)
      }

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

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

      .animate-\[pulse_0\.8s_ease-in-out_infinite\] {
        animation: .8s ease-in-out infinite pulse
      }

      .animate-\[spin_10s_linear_infinite\] {
        animation: 10s linear infinite spin
      }

      .animate-shine {
        animation: var(--animate-shine)
      }

      .cursor-default {
        cursor: default
      }

      .cursor-pointer {
        cursor: pointer
      }

      .resize {
        resize: both
      }

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

      .flex-col {
        flex-direction: column
      }

      .items-center {
        align-items: center
      }

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

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

      .justify-center {
        justify-content: center
      }

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

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

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

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

      :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
      }

      .overflow-hidden {
        overflow: hidden
      }

      .overflow-x-clip {
        overflow-x: clip
      }

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

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

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

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

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

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

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

      .border-blue-400 {
        border-color: var(--color-blue-400)
      }

      .border-blue-400\/30 {
        border-color: #54a2ff4d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-blue-400\/30 {
          border-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent)
        }
      }

      .border-blue-500\/20 {
        border-color: #3080ff33
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-blue-500\/20 {
          border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent)
        }
      }

      .border-blue-500\/30 {
        border-color: #3080ff4d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-blue-500\/30 {
          border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent)
        }
      }

      .border-blue-500\/50 {
        border-color: #3080ff80
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-blue-500\/50 {
          border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent)
        }
      }

      .border-transparent {
        border-color: #0000
      }

      .border-white\/5 {
        border-color: #ffffff0d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-white\/5 {
          border-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
      }

      .border-white\/10 {
        border-color: #ffffff1a
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-white\/10 {
          border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
      }

      .border-white\/20 {
        border-color: #fff3
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-white\/20 {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
      }

      .border-white\/\[0\.08\] {
        border-color: #ffffff14
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.08\] {
          border-color: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
      }

      .bg-\[\#05070A\] {
        background-color: #05070a
      }

      .bg-\[\#05070A\]\/20 {
        background-color: #05070a33
      }

      .bg-\[\#05070A\]\/40 {
        background-color: #05070a66
      }

      .bg-black\/40 {
        background-color: #0006
      }

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

      .bg-black\/50 {
        background-color: #00000080
      }

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

      .bg-blue-400 {
        background-color: var(--color-blue-400)
      }

      .bg-blue-500 {
        background-color: var(--color-blue-500)
      }

      .bg-blue-500\/10 {
        background-color: #3080ff1a
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-blue-500\/10 {
          background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent)
        }
      }

      .bg-blue-500\/20 {
        background-color: #3080ff33
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-blue-500\/20 {
          background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent)
        }
      }

      .bg-blue-600\/5 {
        background-color: #155dfc0d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-blue-600\/5 {
          background-color: color-mix(in oklab, var(--color-blue-600) 5%, transparent)
        }
      }

      .bg-blue-600\/10 {
        background-color: #155dfc1a
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-blue-600\/10 {
          background-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent)
        }
      }

      .bg-blue-700 {
        background-color: var(--color-blue-700)
      }

      .bg-red-400 {
        background-color: var(--color-red-400)
      }

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

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

      .bg-white\/10 {
        background-color: #ffffff1a
      }

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

      .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

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

      .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiLz48L3N2Zz4\=\'\)\] {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiLz48L3N2Zz4=)
      }

      .bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1451187580459-43490279c0fa\?q\=80\&w\=2000\&auto\=format\&fit\=crop\'\)\] {
        background-image: url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=2000&auto=format&fit=crop)
      }

      .from-\[\#05070A\] {
        --tw-gradient-from: #05070a;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
      }

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

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

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

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

      .via-white\/20 {
        --tw-gradient-via: #fff3
      }

      @supports (color:color-mix(in lab, red, red)) {
        .via-white\/20 {
          --tw-gradient-via: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
      }

      .via-white\/20 {
        --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-\[\#05070A\] {
        --tw-gradient-to: #05070a;
        --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-indigo-400 {
        --tw-gradient-to: var(--color-indigo-400);
        --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))
      }

      .bg-\[size\:200px_200px\] {
        background-size: 200px 200px
      }

      .bg-cover {
        background-size: cover
      }

      .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
      }

      .bg-center {
        background-position: 50%
      }

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

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

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

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

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

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

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

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

      .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5)
      }

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

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

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

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

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

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

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

      .text-center {
        text-align: center
      }

      .align-middle {
        vertical-align: middle
      }

      .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-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
      }

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

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

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

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

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

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

      .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
      }

      .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
      }

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

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

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

      .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
      }

      .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
      }

      .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
      }

      .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
      }

      .text-wrap {
        text-wrap: wrap
      }

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

      .text-blue-400 {
        color: var(--color-blue-400)
      }

      .text-blue-400\/80 {
        color: #54a2ffcc
      }

      @supports (color:color-mix(in lab, red, red)) {
        .text-blue-400\/80 {
          color: color-mix(in oklab, var(--color-blue-400) 80%, transparent)
        }
      }

      .text-gray-100 {
        color: var(--color-gray-100)
      }

      .text-gray-300 {
        color: var(--color-gray-300)
      }

      .text-gray-400 {
        color: var(--color-gray-400)
      }

      .text-gray-500 {
        color: var(--color-gray-500)
      }

      .text-transparent {
        color: #0000
      }

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

      .uppercase {
        text-transform: uppercase
      }

      .opacity-0 {
        opacity: 0
      }

      .opacity-10 {
        opacity: .1
      }

      .opacity-20 {
        opacity: .2
      }

      .opacity-50 {
        opacity: .5
      }

      .opacity-\[0\.03\] {
        opacity: .03
      }

      .mix-blend-luminosity {
        mix-blend-mode: luminosity
      }

      .mix-blend-overlay {
        mix-blend-mode: overlay
      }

      .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0_0_10px_rgba\(37\,99\,235\,0\.8\)\] {
        --tw-shadow: 0 0 10px var(--tw-shadow-color, #2563ebcc);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0_0_15px_rgba\(37\,99\,235\,0\.2\)\] {
        --tw-shadow: 0 0 15px var(--tw-shadow-color, #2563eb33);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.1\)\] {
        --tw-shadow: 0 0 20px var(--tw-shadow-color, #ffffff1a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.2\)\] {
        --tw-shadow: 0 0 20px var(--tw-shadow-color, #fff3);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0_0_50px_rgba\(37\,99\,235\,0\.1\)\] {
        --tw-shadow: 0 0 50px var(--tw-shadow-color, #2563eb1a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0_0_100px_rgba\(37\,99\,235\,0\.15\)\] {
        --tw-shadow: 0 0 100px var(--tw-shadow-color, #2563eb26);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .blur-\[120px\] {
        --tw-blur: blur(120px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
      }

      .blur-\[150px\] {
        --tw-blur: blur(150px);
        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, )
      }

      .drop-shadow-2xl {
        --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
      }

      .drop-shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.8\)\] {
        --tw-drop-shadow-size: drop-shadow(0 10px 30px var(--tw-drop-shadow-color, #000c));
        --tw-drop-shadow: var(--tw-drop-shadow-size);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
      }

      .drop-shadow-xl {
        --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-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, )
      }

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

      .backdrop-blur-2xl {
        --tw-backdrop-blur: blur(var(--blur-2xl));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
      }

      .backdrop-blur-\[16px\] {
        --tw-backdrop-blur: blur(16px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
      }

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

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

      .backdrop-filter {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
      }

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

      .transition-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-500 {
        --tw-duration: .5s;
        transition-duration: .5s
      }

      .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s
      }

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

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

      @media(hover:hover) {
        .group-hover\:scale-110:is(:where(.group):hover *) {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }

        .group-hover\:scale-\[1\.01\]:is(:where(.group):hover *) {
          scale: 1.01
        }

        .group-hover\:animate-shine:is(:where(.group):hover *) {
          animation: var(--animate-shine)
        }

        .group-hover\:bg-white\/20:is(:where(.group):hover *) {
          background-color: #fff3
        }

        @supports (color:color-mix(in lab, red, red)) {
          .group-hover\:bg-white\/20:is(:where(.group):hover *) {
            background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
          }
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
          opacity: 1
        }
      }

      .selection\:bg-blue-500\/30 ::selection {
        background-color: #3080ff4d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .selection\:bg-blue-500\/30 ::selection {
          background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent)
        }
      }

      .selection\:bg-blue-500\/30::selection {
        background-color: #3080ff4d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .selection\:bg-blue-500\/30::selection {
          background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent)
        }
      }

      @media(hover:hover) {
        .hover\:scale-105:hover {
          --tw-scale-x: 105%;
          --tw-scale-y: 105%;
          --tw-scale-z: 105%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }

        .hover\:border-white\/20:hover {
          border-color: #fff3
        }

        @supports (color:color-mix(in lab, red, red)) {
          .hover\:border-white\/20:hover {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
          }
        }

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

        .hover\:shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.6\)\]:hover {
          --tw-shadow: 0 0 20px var(--tw-shadow-color, #3b82f699);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:shadow-\[0_0_40px_rgba\(0\,0\,0\,0\.6\)\]:hover {
          --tw-shadow: 0 0 40px var(--tw-shadow-color, #0009);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

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

        .hover\:ring-blue-400:hover {
          --tw-ring-color: var(--color-blue-400)
        }
      }

      .active\:scale-95:active {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
      }

      @media(min-width:48rem) {
        .md\:-inset-16 {
          inset: calc(var(--spacing) * -16)
        }

        .md\:flex {
          display: flex
        }

        .md\:hidden {
          display: none
        }

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

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

        .md\:flex-row {
          flex-direction: row
        }

        .md\:items-center {
          align-items: center
        }

        .md\:px-12 {
          padding-inline: calc(var(--spacing) * 12)
        }

        .md\:text-right {
          text-align: right
        }

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

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

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

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

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

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

    .animate-fog {
      animation: 20s ease-in-out infinite fogMove
    }

    .animate-float-slow {
      animation: 8s ease-in-out infinite floatSlow
    }

    .animate-fade-up-1 {
      animation: .7s ease-out .4s forwards fadeUp
    }

    .animate-fade-up-2 {
      animation: .7s ease-out .6s forwards fadeUp
    }

    @keyframes reveal {
      0% {
        transform: translateY(100%)
      }

      to {
        transform: translateY(0)
      }
    }

    .reveal-text {
      vertical-align: bottom;
      display: inline-block;
      overflow: hidden
    }

    .reveal-text>span {
      animation: .8s cubic-bezier(.16, 1, .3, 1) forwards reveal;
      display: inline-block;
      transform: translateY(100%)
    }

    @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-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-space-y-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0
    }

    @property --tw-border-style {
      syntax: "*";
      inherits: false;
      initial-value: solid
    }

    @property --tw-gradient-position {
      syntax: "*";
      inherits: false
    }

    @property --tw-gradient-from {
      syntax: "<color>";
      inherits: false;
      initial-value: #0000
    }

    @property --tw-gradient-via {
      syntax: "<color>";
      inherits: false;
      initial-value: #0000
    }

    @property --tw-gradient-to {
      syntax: "<color>";
      inherits: false;
      initial-value: #0000
    }

    @property --tw-gradient-stops {
      syntax: "*";
      inherits: false
    }

    @property --tw-gradient-via-stops {
      syntax: "*";
      inherits: false
    }

    @property --tw-gradient-from-position {
      syntax: "<length-percentage>";
      inherits: false;
      initial-value: 0%
    }

    @property --tw-gradient-via-position {
      syntax: "<length-percentage>";
      inherits: false;
      initial-value: 50%
    }

    @property --tw-gradient-to-position {
      syntax: "<length-percentage>";
      inherits: false;
      initial-value: 100%
    }

    @property --tw-leading {
      syntax: "*";
      inherits: false
    }

    @property --tw-font-weight {
      syntax: "*";
      inherits: false
    }

    @property --tw-tracking {
      syntax: "*";
      inherits: false
    }

    @property --tw-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-shadow-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%
    }

    @property --tw-inset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-inset-shadow-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-inset-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%
    }

    @property --tw-ring-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-inset-ring-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-inset-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-ring-inset {
      syntax: "*";
      inherits: false
    }

    @property --tw-ring-offset-width {
      syntax: "<length>";
      inherits: false;
      initial-value: 0
    }

    @property --tw-ring-offset-color {
      syntax: "*";
      inherits: false;
      initial-value: #fff
    }

    @property --tw-ring-offset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-blur {
      syntax: "*";
      inherits: false
    }

    @property --tw-brightness {
      syntax: "*";
      inherits: false
    }

    @property --tw-contrast {
      syntax: "*";
      inherits: false
    }

    @property --tw-grayscale {
      syntax: "*";
      inherits: false
    }

    @property --tw-hue-rotate {
      syntax: "*";
      inherits: false
    }

    @property --tw-invert {
      syntax: "*";
      inherits: false
    }

    @property --tw-opacity {
      syntax: "*";
      inherits: false
    }

    @property --tw-saturate {
      syntax: "*";
      inherits: false
    }

    @property --tw-sepia {
      syntax: "*";
      inherits: false
    }

    @property --tw-drop-shadow {
      syntax: "*";
      inherits: false
    }

    @property --tw-drop-shadow-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-drop-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%
    }

    @property --tw-drop-shadow-size {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-blur {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-brightness {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-contrast {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-grayscale {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-hue-rotate {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-invert {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-opacity {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-saturate {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-sepia {
      syntax: "*";
      inherits: false
    }

    @property --tw-duration {
      syntax: "*";
      inherits: false
    }

    @property --tw-ease {
      syntax: "*";
      inherits: false
    }

    @property --tw-scale-x {
      syntax: "*";
      inherits: false;
      initial-value: 1
    }

    @property --tw-scale-y {
      syntax: "*";
      inherits: false;
      initial-value: 1
    }

    @property --tw-scale-z {
      syntax: "*";
      inherits: false;
      initial-value: 1
    }

    @keyframes spin {
      to {
        transform: rotate(360deg)
      }
    }

    @keyframes pulse {
      50% {
        opacity: .5
      }
    }

    @keyframes shine {
      0% {
        left: -100%;
        transform: skew(-12deg)
      }

      to {
        left: 200%;
        transform: skew(-12deg)
      }
    }

    @keyframes fadeUp {
      0% {
        opacity: 0;
        transform: translateY(20px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    @keyframes fogMove {
      0% {
        transform: translate(-10%)translateY(0)
      }

      50% {
        transform: translate(10%)translateY(-5%)
      }

      to {
        transform: translate(-10%)translateY(0)
      }
    }

    @keyframes floatSlow {

      0%,
      to {
        transform: translateY(0)translate(0)
      }

      50% {
        transform: translateY(-20px)translate(10px)
      }
    }