div#watermark {

         display: none ! IMPORTANT;

      }



      .absolute.inset-0.bg-gradient-to-b.from-black\/20.via-black\/10.to-black\/20 {

         background: #e8a1ff26 !important;

      }



      .newletter.bg-gradient-to-br.from-white\/10.to-white\/5.backdrop-blur-lg.rounded-2xl.p-8.md\:p-12.text-white.text-center.shadow-xl.border.border-white\/20.animate-fadeInUp {

         background: #000;

      }



      .absolute.cta.inset-0.bg-gradient-to-b.from-black\/30.via-black\/20.to-black\/30 {

         background: #ffffff;

      }



      .formcta {

         background: #9834e6;

      }



      .formcta button {

         background: #f721a8;

      }



      *,

      :before,

      :after {

         --tw-border-spacing-x: 0;

         --tw-border-spacing-y: 0;

         --tw-translate-x: 0;

         --tw-translate-y: 0;

         --tw-rotate: 0;

         --tw-skew-x: 0;

         --tw-skew-y: 0;

         --tw-scale-x: 1;

         --tw-scale-y: 1;

         --tw-pan-x: ;

         --tw-pan-y: ;

         --tw-pinch-zoom: ;

         --tw-scroll-snap-strictness: proximity;

         --tw-gradient-from-position: ;

         --tw-gradient-via-position: ;

         --tw-gradient-to-position: ;

         --tw-ordinal: ;

         --tw-slashed-zero: ;

         --tw-numeric-figure: ;

         --tw-numeric-spacing: ;

         --tw-numeric-fraction: ;

         --tw-ring-inset: ;

         --tw-ring-offset-width: 0px;

         --tw-ring-offset-color: #fff;

         --tw-ring-color: rgb(59 130 246 / .5);

         --tw-ring-offset-shadow: 0 0 #0000;

         --tw-ring-shadow: 0 0 #0000;

         --tw-shadow: 0 0 #0000;

         --tw-shadow-colored: 0 0 #0000;

         --tw-blur: ;

         --tw-brightness: ;

         --tw-contrast: ;

         --tw-grayscale: ;

         --tw-hue-rotate: ;

         --tw-invert: ;

         --tw-saturate: ;

         --tw-sepia: ;

         --tw-drop-shadow: ;

         --tw-backdrop-blur: ;

         --tw-backdrop-brightness: ;

         --tw-backdrop-contrast: ;

         --tw-backdrop-grayscale: ;

         --tw-backdrop-hue-rotate: ;

         --tw-backdrop-invert: ;

         --tw-backdrop-opacity: ;

         --tw-backdrop-saturate: ;

         --tw-backdrop-sepia: ;

         --tw-contain-size: ;

         --tw-contain-layout: ;

         --tw-contain-paint: ;

         --tw-contain-style:

      }



      ::backdrop {

         --tw-border-spacing-x: 0;

         --tw-border-spacing-y: 0;

         --tw-translate-x: 0;

         --tw-translate-y: 0;

         --tw-rotate: 0;

         --tw-skew-x: 0;

         --tw-skew-y: 0;

         --tw-scale-x: 1;

         --tw-scale-y: 1;

         --tw-pan-x: ;

         --tw-pan-y: ;

         --tw-pinch-zoom: ;

         --tw-scroll-snap-strictness: proximity;

         --tw-gradient-from-position: ;

         --tw-gradient-via-position: ;

         --tw-gradient-to-position: ;

         --tw-ordinal: ;

         --tw-slashed-zero: ;

         --tw-numeric-figure: ;

         --tw-numeric-spacing: ;

         --tw-numeric-fraction: ;

         --tw-ring-inset: ;

         --tw-ring-offset-width: 0px;

         --tw-ring-offset-color: #fff;

         --tw-ring-color: rgb(59 130 246 / .5);

         --tw-ring-offset-shadow: 0 0 #0000;

         --tw-ring-shadow: 0 0 #0000;

         --tw-shadow: 0 0 #0000;

         --tw-shadow-colored: 0 0 #0000;

         --tw-blur: ;

         --tw-brightness: ;

         --tw-contrast: ;

         --tw-grayscale: ;

         --tw-hue-rotate: ;

         --tw-invert: ;

         --tw-saturate: ;

         --tw-sepia: ;

         --tw-drop-shadow: ;

         --tw-backdrop-blur: ;

         --tw-backdrop-brightness: ;

         --tw-backdrop-contrast: ;

         --tw-backdrop-grayscale: ;

         --tw-backdrop-hue-rotate: ;

         --tw-backdrop-invert: ;

         --tw-backdrop-opacity: ;

         --tw-backdrop-saturate: ;

         --tw-backdrop-sepia: ;

         --tw-contain-size: ;

         --tw-contain-layout: ;

         --tw-contain-paint: ;

         --tw-contain-style:

      }



      *,

      :before,

      :after {

         box-sizing: border-box;

         border-width: 0;

         border-style: solid;

         border-color: #e5e7eb

      }



      :before,

      :after {

         --tw-content: ""

      }



      html,

      :host {

         line-height: 1.5;

         -webkit-text-size-adjust: 100%;

         -moz-tab-size: 4;

         -o-tab-size: 4;

         tab-size: 4;

         font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";

         font-feature-settings: normal;

         font-variation-settings: normal;

         -webkit-tap-highlight-color: transparent

      }



      body {

         margin: 0;

         line-height: inherit

      }



      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;

         text-decoration: inherit

      }



      b,

      strong {

         font-weight: bolder

      }



      code,

      kbd,

      samp,

      pre {

         font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;

         font-feature-settings: normal;

         font-variation-settings: normal;

         font-size: 1em

      }



      small {

         font-size: 80%

      }



      sub,

      sup {

         font-size: 75%;

         line-height: 0;

         position: relative;

         vertical-align: baseline

      }



      sub {

         bottom: -.25em

      }



      sup {

         top: -.5em

      }



      table {

         text-indent: 0;

         border-color: inherit;

         border-collapse: collapse

      }



      button,

      input,

      optgroup,

      select,

      textarea {

         font-family: inherit;

         font-feature-settings: inherit;

         font-variation-settings: inherit;

         font-size: 100%;

         font-weight: inherit;

         line-height: inherit;

         letter-spacing: inherit;

         color: inherit;

         margin: 0;

         padding: 0

      }



      button,

      select {

         text-transform: none

      }



      button,

      input:where([type=button]),

      input:where([type=reset]),

      input:where([type=submit]) {

         -webkit-appearance: button;

         background-color: transparent;

         background-image: none

      }



      :-moz-focusring {

         outline: auto

      }



      :-moz-ui-invalid {

         box-shadow: none

      }



      progress {

         vertical-align: baseline

      }



      ::-webkit-inner-spin-button,

      ::-webkit-outer-spin-button {

         height: auto

      }



      [type=search] {

         -webkit-appearance: textfield;

         outline-offset: -2px

      }



      ::-webkit-search-decoration {

         -webkit-appearance: none

      }



      ::-webkit-file-upload-button {

         -webkit-appearance: button;

         font: inherit

      }



      summary {

         display: list-item

      }



      blockquote,

      dl,

      dd,

      h1,

      h2,

      h3,

      h4,

      h5,

      h6,

      hr,

      figure,

      p,

      pre {

         margin: 0

      }



      fieldset {

         margin: 0;

         padding: 0

      }



      legend {

         padding: 0

      }



      ol,

      ul,

      menu {

         list-style: none;

         margin: 0;

         padding: 0

      }



      dialog {

         padding: 0

      }



      textarea {

         resize: vertical

      }



      input::-moz-placeholder,

      textarea::-moz-placeholder {

         opacity: 1;

         color: #9ca3af

      }



      input::placeholder,

      textarea::placeholder {

         opacity: 1;

         color: #9ca3af

      }



      button,

      [role=button] {

         cursor: pointer

      }



      :disabled {

         cursor: default

      }



      img,

      svg,

      video,

      canvas,

      audio,

      iframe,

      embed,

      object {

         display: block;

         vertical-align: middle

      }



      img,

      video {

         max-width: 100%;

         height: auto

      }



      [hidden]:where(:not([hidden=until-found])) {

         display: none

      }



      .container {

         width: 100%

      }



      @media(min-width: 640px) {

         .container {

            max-width: 640px

         }

      }



      @media(min-width: 768px) {

         .container {

            max-width: 768px

         }

      }



      @media(min-width: 1024px) {

         .container {

            max-width: 1024px

         }

      }



      @media(min-width: 1280px) {

         .container {

            max-width: 1280px

         }

      }



      @media(min-width: 1536px) {

         .container {

            max-width: 1536px

         }

      }



      .pointer-events-none {

         pointer-events: none

      }



      .fixed {

         position: fixed

      }



      .absolute {

         position: absolute

      }



      .relative {

         position: relative

      }



      .inset-0 {

         inset: 0

      }



      .-bottom-2 {

         bottom: -.5rem

      }



      .-bottom-4 {

         bottom: -1rem

      }



      .-bottom-8 {

         bottom: -2rem

      }



      .-left-4 {

         left: -1rem

      }



      .-left-8 {

         left: -2rem

      }



      .-right-2 {

         right: -.5rem

      }



      .-right-4 {

         right: -1rem

      }



      .-right-6 {

         right: -1.5rem

      }



      .-right-8 {

         right: -2rem

      }



      .-top-2 {

         top: -.5rem

      }



      .-top-4 {

         top: -1rem

      }



      .bottom-0 {

         bottom: 0

      }



      .bottom-1\/3 {

         bottom: 33.333333%

      }



      .bottom-1\/4 {

         bottom: 25%

      }



      .bottom-20 {

         bottom: 5rem

      }



      .bottom-4 {

         bottom: 1rem

      }



      .bottom-40 {

         bottom: 10rem

      }



      .left-0 {

         left: 0

      }



      .left-1\/2 {

         left: 50%

      }



      .left-1\/3 {

         left: 33.333333%

      }



      .left-1\/4 {

         left: 25%

      }



      .left-10 {

         left: 2.5rem

      }



      .left-16 {

         left: 4rem

      }



      .left-20 {

         left: 5rem

      }



      .left-4 {

         left: 1rem

      }



      .right-0 {

         right: 0

      }



      .right-1\/3 {

         right: 33.333333%

      }



      .right-1\/4 {

         right: 25%

      }



      .right-10 {

         right: 2.5rem

      }



      .right-20 {

         right: 5rem

      }



      .right-4 {

         right: 1rem

      }



      .right-8 {

         right: 2rem

      }



      .top-0 {

         top: 0

      }



      .top-1\/2 {

         top: 50%

      }



      .top-1\/3 {

         top: 33.333333%

      }



      .top-1\/4 {

         top: 25%

      }



      .top-2\/3 {

         top: 66.666667%

      }



      .top-20 {

         top: 5rem

      }



      .top-3\/4 {

         top: 75%

      }



      .top-32 {

         top: 8rem

      }



      .top-4 {

         top: 1rem

      }



      .top-full {

         top: 100%

      }



      .z-0 {

         z-index: 0

      }



      .z-10 {

         z-index: 10

      }



      .z-20 {

         z-index: 20

      }



      .z-30 {

         z-index: 30

      }



      .z-50 {

         z-index: 50

      }



      .mx-4 {

         margin-left: 1rem;

         margin-right: 1rem

      }



      .mx-auto {

         margin-left: auto;

         margin-right: auto

      }



      .mb-1 {

         margin-bottom: .25rem

      }



      .mb-12 {

         margin-bottom: 3rem

      }



      .mb-16 {

         margin-bottom: 4rem

      }



      .mb-2 {

         margin-bottom: .5rem

      }



      .mb-3 {

         margin-bottom: .75rem

      }



      .mb-4 {

         margin-bottom: 1rem

      }



      .mb-6 {

         margin-bottom: 1.5rem

      }



      .mb-8 {

         margin-bottom: 2rem

      }



      .ml-2 {

         margin-left: .5rem

      }



      .mt-1 {

         margin-top: .25rem

      }



      .mt-12 {

         margin-top: 3rem

      }



      .mt-16 {

         margin-top: 4rem

      }



      .mt-2 {

         margin-top: .5rem

      }



      .mt-4 {

         margin-top: 1rem

      }



      .mt-6 {

         margin-top: 1.5rem

      }



      .block {

         display: block

      }



      .inline-block {

         display: inline-block

      }



      .flex {

         display: flex

      }



      .inline-flex {

         display: inline-flex

      }



      .grid {

         display: grid

      }



      .hidden {

         display: none

      }



      .aspect-square {

         aspect-ratio: 1 / 1

      }



      .h-0 {

         height: 0px

      }



      .h-10 {

         height: 2.5rem

      }



      .h-12 {

         height: 3rem

      }



      .h-14 {

         height: 3.5rem

      }



      .h-16 {

         height: 4rem

      }



      .h-2 {

         height: .5rem

      }



      .h-20 {

         height: 5rem

      }



      .h-24 {

         height: 6rem

      }



      .h-3 {

         height: .75rem

      }



      .h-32 {

         height: 8rem

      }



      .h-4 {

         height: 1rem

      }



      .h-40 {

         height: 10rem

      }



      .h-48 {

         height: 12rem

      }



      .h-6 {

         height: 1.5rem

      }



      .h-60 {

         height: 15rem

      }



      .h-64 {

         height: 16rem

      }



      .h-8 {

         height: 2rem

      }



      .h-full {

         height: 100%

      }



      .h-screen {

         height: 100vh

      }



      .min-h-\[80vh\] {

         min-height: 80vh

      }



      .min-h-screen {

         min-height: 100vh

      }



      .w-0 {

         width: 0px

      }



      .w-1\/2 {

         width: 50%

      }



      .w-1\/3 {

         width: 33.333333%

      }



      .w-10 {

         width: 2.5rem

      }



      .w-12 {

         width: 3rem

      }



      .w-14 {

         width: 3.5rem

      }



      .w-16 {

         width: 4rem

      }



      .w-2 {

         width: .5rem

      }



      .w-2\/3 {

         width: 66.666667%

      }



      .w-20 {

         width: 5rem

      }



      .w-24 {

         width: 6rem

      }



      .w-3 {

         width: .75rem

      }



      .w-3\/4 {

         width: 75%

      }



      .w-32 {

         width: 8rem

      }



      .w-4 {

         width: 1rem

      }



      .w-4\/5 {

         width: 80%

      }



      .w-40 {

         width: 10rem

      }



      .w-48 {

         width: 12rem

      }



      .w-6 {

         width: 1.5rem

      }



      .w-60 {

         width: 15rem

      }



      .w-8 {

         width: 2rem

      }



      .w-full {

         width: 100%

      }



      .max-w-2xl {

         max-width: 42rem

      }



      .max-w-3xl {

         max-width: 48rem

      }



      .max-w-4xl {

         max-width: 56rem

      }



      .max-w-6xl {

         max-width: 72rem

      }



      .max-w-md {

         max-width: 28rem

      }



      .flex-1 {

         flex: 1 1 0%

      }



      .-translate-x-1\/2 {

         --tw-translate-x: -50%;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .-translate-x-10 {

         --tw-translate-x: -2.5rem;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .-translate-y-1\/2 {

         --tw-translate-y: -50%;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .translate-x-0 {

         --tw-translate-x: 0px;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .translate-x-10 {

         --tw-translate-x: 2.5rem;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .rotate-12 {

         --tw-rotate: 12deg;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .rotate-45 {

         --tw-rotate: 45deg;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .scale-105 {

         --tw-scale-x: 1.05;

         --tw-scale-y: 1.05;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .transform {

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      @keyframes bounce {



         0%,

         to {

            transform: translateY(-25%);

            animation-timing-function: cubic-bezier(.8, 0, 1, 1)

         }



         50% {

            transform: none;

            animation-timing-function: cubic-bezier(0, 0, .2, 1)

         }

      }



      .animate-bounce {

         animation: bounce 1s infinite

      }



      @keyframes ping {



         75%,

         to {

            transform: scale(2);

            opacity: 0

         }

      }



      .animate-ping {

         animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite

      }



      @keyframes pulse {

         50% {

            opacity: .5

         }

      }



      .animate-pulse {

         animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite

      }



      .cursor-pointer {

         cursor: pointer

      }



      .select-none {

         -webkit-user-select: none;

         -moz-user-select: none;

         user-select: none

      }



      .resize-none {

         resize: none

      }



      .grid-cols-1 {

         grid-template-columns: repeat(1, minmax(0, 1fr))

      }



      .grid-cols-2 {

         grid-template-columns: repeat(2, minmax(0, 1fr))

      }



      .grid-cols-3 {

         grid-template-columns: repeat(3, minmax(0, 1fr))

      }



      .flex-col {

         flex-direction: column

      }



      .flex-wrap {

         flex-wrap: wrap

      }



      .items-start {

         align-items: flex-start

      }



      .items-center {

         align-items: center

      }



      .justify-center {

         justify-content: center

      }



      .justify-between {

         justify-content: space-between

      }



      .gap-12 {

         gap: 3rem

      }



      .gap-2 {

         gap: .5rem

      }



      .gap-4 {

         gap: 1rem

      }



      .gap-6 {

         gap: 1.5rem

      }



      .gap-8 {

         gap: 2rem

      }



      .space-x-3>:not([hidden])~:not([hidden]) {

         --tw-space-x-reverse: 0;

         margin-right: calc(.75rem * var(--tw-space-x-reverse));

         margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))

      }



      .space-x-4>:not([hidden])~:not([hidden]) {

         --tw-space-x-reverse: 0;

         margin-right: calc(1rem * var(--tw-space-x-reverse));

         margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))

      }



      .space-x-6>:not([hidden])~:not([hidden]) {

         --tw-space-x-reverse: 0;

         margin-right: calc(1.5rem * var(--tw-space-x-reverse));

         margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))

      }



      .space-x-8>:not([hidden])~:not([hidden]) {

         --tw-space-x-reverse: 0;

         margin-right: calc(2rem * var(--tw-space-x-reverse));

         margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))

      }



      .space-y-3>:not([hidden])~:not([hidden]) {

         --tw-space-y-reverse: 0;

         margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));

         margin-bottom: calc(.75rem * var(--tw-space-y-reverse))

      }



      .space-y-4>:not([hidden])~:not([hidden]) {

         --tw-space-y-reverse: 0;

         margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));

         margin-bottom: calc(1rem * var(--tw-space-y-reverse))

      }



      .space-y-6>:not([hidden])~:not([hidden]) {

         --tw-space-y-reverse: 0;

         margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));

         margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))

      }



      .space-y-8>:not([hidden])~:not([hidden]) {

         --tw-space-y-reverse: 0;

         margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));

         margin-bottom: calc(2rem * var(--tw-space-y-reverse))

      }



      .overflow-hidden {

         overflow: hidden

      }



      .whitespace-nowrap {

         white-space: nowrap

      }



      .rounded {

         border-radius: .25rem

      }



      .rounded-2xl {

         border-radius: 1rem

      }



      .rounded-3xl {

         border-radius: 1.5rem

      }



      .rounded-full {

         border-radius: 9999px

      }



      .rounded-lg {

         border-radius: .5rem

      }



      .rounded-xl {

         border-radius: .75rem

      }



      .rounded-b-3xl {

         border-bottom-right-radius: 1.5rem;

         border-bottom-left-radius: 1.5rem

      }



      .rounded-bl-3xl {

         border-bottom-left-radius: 1.5rem

      }



      .border {

         border-width: 1px

      }



      .border-2 {

         border-width: 2px

      }



      .border-b {

         border-bottom-width: 1px

      }



      .border-b-\[50px\] {

         border-bottom-width: 50px

      }



      .border-l-\[30px\] {

         border-left-width: 30px

      }



      .border-r-\[30px\] {

         border-right-width: 30px

      }



      .border-t {

         border-top-width: 1px

      }



      .border-gray-200 {

         --tw-border-opacity: 1;

         border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))

      }



      .border-gray-300 {

         --tw-border-opacity: 1;

         border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))

      }



      .border-orange-400 {

         --tw-border-opacity: 1;

         border-color: rgb(251 146 60 / var(--tw-border-opacity, 1))

      }



      .border-pink-300\/30 {

         border-color: #f9a8d44d

      }



      .border-white\/20 {

         border-color: #fff3

      }



      .border-white\/50 {

         border-color: #ffffff80

      }



      .border-b-cyan-400 {

         --tw-border-opacity: 1;

         border-bottom-color: rgb(34 211 238 / var(--tw-border-opacity, 1))

      }



      .border-l-transparent {

         border-left-color: transparent

      }



      .border-r-transparent {

         border-right-color: transparent

      }



      .bg-blue-400 {

         --tw-bg-opacity: 1;

         background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1))

      }



      .bg-gray-100 {

         --tw-bg-opacity: 1;

         background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))

      }



      .bg-gray-200 {

         --tw-bg-opacity: 1;

         background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))

      }



      .bg-gray-300 {

         --tw-bg-opacity: 1;

         background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1))

      }



      .bg-gray-50 {

         --tw-bg-opacity: 1;

         background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))

      }



      .bg-gray-900 {

         --tw-bg-opacity: 1;

         background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))

      }



      .bg-green-400 {

         --tw-bg-opacity: 1;

         background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1))

      }



      .bg-pink-400 {

         --tw-bg-opacity: 1;

         background-color: rgb(244 114 182 / var(--tw-bg-opacity, 1))

      }



      .bg-purple-400 {

         --tw-bg-opacity: 1;

         background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1))

      }



      .bg-red-400 {

         --tw-bg-opacity: 1;

         background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1))

      }



      .bg-transparent {

         background-color: transparent

      }



      .bg-white {

         --tw-bg-opacity: 1;

         background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))

      }



      .bg-white\/10 {

         background-color: #ffffff1a

      }



      .bg-white\/20 {

         background-color: #fff3

      }



      .bg-white\/80 {

         background-color: #fffc

      }



      .bg-white\/90 {

         background-color: #ffffffe6

      }



      .bg-white\/95 {

         background-color: #fffffff2

      }



      .bg-yellow-400 {

         --tw-bg-opacity: 1;

         background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1))

      }



      .bg-opacity-10 {

         --tw-bg-opacity: .1

      }



      .bg-gradient-to-b {

         background-image: linear-gradient(to bottom, var(--tw-gradient-stops))

      }



      .bg-gradient-to-br {

         background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))

      }



      .bg-gradient-to-r {

         background-image: linear-gradient(to right, var(--tw-gradient-stops))

      }



      .bg-gradient-to-t {

         background-image: linear-gradient(to top, var(--tw-gradient-stops))

      }



      .from-black\/20 {

         --tw-gradient-from: rgb(0 0 0 / .2) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-black\/30 {

         --tw-gradient-from: rgb(0 0 0 / .3) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-blue-400 {

         --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-blue-50 {

         --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-blue-500 {

         --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-blue-600 {

         --tw-gradient-from: #2563eb var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-cyan-400 {

         --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-cyan-400\/10 {

         --tw-gradient-from: rgb(34 211 238 / .1) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-cyan-400\/20 {

         --tw-gradient-from: rgb(34 211 238 / .2) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-cyan-400\/30 {

         --tw-gradient-from: rgb(34 211 238 / .3) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-cyan-50 {

         --tw-gradient-from: #ecfeff var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-cyan-500 {

         --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-gray-600 {

         --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-green-400 {

         --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-green-50 {

         --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-green-500 {

         --tw-gradient-from: #22c55e var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-indigo-400 {

         --tw-gradient-from: #818cf8 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-indigo-50 {

         --tw-gradient-from: #eef2ff var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-indigo-500 {

         --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-indigo-500\/20 {

         --tw-gradient-from: rgb(99 102 241 / .2) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-indigo-500\/5 {

         --tw-gradient-from: rgb(99 102 241 / .05) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-indigo-600 {

         --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-indigo-700 {

         --tw-gradient-from: #4338ca var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(67 56 202 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-indigo-900 {

         --tw-gradient-from: #312e81 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-indigo-900\/30 {

         --tw-gradient-from: rgb(49 46 129 / .3) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-orange-400 {

         --tw-gradient-from: #fb923c var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-orange-400\/15 {

         --tw-gradient-from: rgb(251 146 60 / .15) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-orange-400\/20 {

         --tw-gradient-from: rgb(251 146 60 / .2) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-orange-50 {

         --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-orange-500 {

         --tw-gradient-from: #f97316 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-pink-400 {

         --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-pink-400\/20 {

         --tw-gradient-from: rgb(244 114 182 / .2) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-pink-400\/30 {

         --tw-gradient-from: rgb(244 114 182 / .3) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-pink-50 {

         --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(253 242 248 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-pink-500 {

         --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-pink-500\/20 {

         --tw-gradient-from: rgb(236 72 153 / .2) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-purple-400 {

         --tw-gradient-from: #c084fc var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-purple-400\/20 {

         --tw-gradient-from: rgb(192 132 252 / .2) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-purple-400\/30 {

         --tw-gradient-from: rgb(192 132 252 / .3) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-purple-50 {

         --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-purple-500 {

         --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-purple-500\/20 {

         --tw-gradient-from: rgb(168 85 247 / .2) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-purple-600 {

         --tw-gradient-from: #9333ea var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-purple-900 {

         --tw-gradient-from: #581c87 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-slate-50 {

         --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-white {

         --tw-gradient-from: #fff var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-white\/10 {

         --tw-gradient-from: rgb(255 255 255 / .1) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-white\/5 {

         --tw-gradient-from: rgb(255 255 255 / .05) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-white\/50 {

         --tw-gradient-from: rgb(255 255 255 / .5) var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-yellow-50 {

         --tw-gradient-from: #fefce8 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .from-yellow-500 {

         --tw-gradient-from: #eab308 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .via-black\/10 {

         --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-black\/20 {

         --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-blue-50 {

         --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-indigo-50 {

         --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-indigo-900 {

         --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), #312e81 var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-pink-800 {

         --tw-gradient-to: rgb(157 23 77 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), #9d174d var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-purple-50 {

         --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), #faf5ff var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-purple-500\/5 {

         --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-purple-600 {

         --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-purple-700 {

         --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), #7e22ce var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-purple-900 {

         --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-transparent {

         --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .via-white {

         --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)

      }



      .to-black\/20 {

         --tw-gradient-to: rgb(0 0 0 / .2) var(--tw-gradient-to-position)

      }



      .to-black\/30 {

         --tw-gradient-to: rgb(0 0 0 / .3) var(--tw-gradient-to-position)

      }



      .to-blue-50 {

         --tw-gradient-to: #eff6ff var(--tw-gradient-to-position)

      }



      .to-blue-500 {

         --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)

      }



      .to-blue-500\/20 {

         --tw-gradient-to: rgb(59 130 246 / .2) var(--tw-gradient-to-position)

      }



      .to-blue-500\/30 {

         --tw-gradient-to: rgb(59 130 246 / .3) var(--tw-gradient-to-position)

      }



      .to-blue-600 {

         --tw-gradient-to: #2563eb var(--tw-gradient-to-position)

      }



      .to-cyan-500 {

         --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)

      }



      .to-cyan-500\/20 {

         --tw-gradient-to: rgb(6 182 212 / .2) var(--tw-gradient-to-position)

      }



      .to-cyan-600 {

         --tw-gradient-to: #0891b2 var(--tw-gradient-to-position)

      }



      .to-gray-700 {

         --tw-gradient-to: #374151 var(--tw-gradient-to-position)

      }



      .to-indigo-50 {

         --tw-gradient-to: #eef2ff var(--tw-gradient-to-position)

      }



      .to-indigo-500 {

         --tw-gradient-to: #6366f1 var(--tw-gradient-to-position)

      }



      .to-indigo-500\/20 {

         --tw-gradient-to: rgb(99 102 241 / .2) var(--tw-gradient-to-position)

      }



      .to-indigo-500\/30 {

         --tw-gradient-to: rgb(99 102 241 / .3) var(--tw-gradient-to-position)

      }



      .to-indigo-600 {

         --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)

      }



      .to-indigo-900 {

         --tw-gradient-to: #312e81 var(--tw-gradient-to-position)

      }



      .to-orange-400 {

         --tw-gradient-to: #fb923c var(--tw-gradient-to-position)

      }



      .to-orange-50 {

         --tw-gradient-to: #fff7ed var(--tw-gradient-to-position)

      }



      .to-orange-500 {

         --tw-gradient-to: #f97316 var(--tw-gradient-to-position)

      }



      .to-orange-600 {

         --tw-gradient-to: #ea580c var(--tw-gradient-to-position)

      }



      .to-pink-400 {

         --tw-gradient-to: #f472b6 var(--tw-gradient-to-position)

      }



      .to-pink-400\/10 {

         --tw-gradient-to: rgb(244 114 182 / .1) var(--tw-gradient-to-position)

      }



      .to-pink-50 {

         --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position)

      }



      .to-pink-500 {

         --tw-gradient-to: #ec4899 var(--tw-gradient-to-position)

      }



      .to-pink-500\/20 {

         --tw-gradient-to: rgb(236 72 153 / .2) var(--tw-gradient-to-position)

      }



      .to-pink-500\/30 {

         --tw-gradient-to: rgb(236 72 153 / .3) var(--tw-gradient-to-position)

      }



      .to-pink-500\/5 {

         --tw-gradient-to: rgb(236 72 153 / .05) var(--tw-gradient-to-position)

      }



      .to-pink-600 {

         --tw-gradient-to: #db2777 var(--tw-gradient-to-position)

      }



      .to-pink-700 {

         --tw-gradient-to: #be185d var(--tw-gradient-to-position)

      }



      .to-pink-800 {

         --tw-gradient-to: #9d174d var(--tw-gradient-to-position)

      }



      .to-pink-900 {

         --tw-gradient-to: #831843 var(--tw-gradient-to-position)

      }



      .to-purple-400 {

         --tw-gradient-to: #c084fc var(--tw-gradient-to-position)

      }



      .to-purple-50 {

         --tw-gradient-to: #faf5ff var(--tw-gradient-to-position)

      }



      .to-purple-500 {

         --tw-gradient-to: #a855f7 var(--tw-gradient-to-position)

      }



      .to-purple-500\/20 {

         --tw-gradient-to: rgb(168 85 247 / .2) var(--tw-gradient-to-position)

      }



      .to-purple-500\/30 {

         --tw-gradient-to: rgb(168 85 247 / .3) var(--tw-gradient-to-position)

      }



      .to-purple-600 {

         --tw-gradient-to: #9333ea var(--tw-gradient-to-position)

      }



      .to-purple-900\/20 {

         --tw-gradient-to: rgb(88 28 135 / .2) var(--tw-gradient-to-position)

      }



      .to-red-50 {

         --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position)

      }



      .to-red-600 {

         --tw-gradient-to: #dc2626 var(--tw-gradient-to-position)

      }



      .to-teal-50 {

         --tw-gradient-to: #f0fdfa var(--tw-gradient-to-position)

      }



      .to-teal-500 {

         --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)

      }



      .to-teal-600 {

         --tw-gradient-to: #0d9488 var(--tw-gradient-to-position)

      }



      .to-white\/30 {

         --tw-gradient-to: rgb(255 255 255 / .3) var(--tw-gradient-to-position)

      }



      .to-white\/5 {

         --tw-gradient-to: rgb(255 255 255 / .05) var(--tw-gradient-to-position)

      }



      .to-yellow-500 {

         --tw-gradient-to: #eab308 var(--tw-gradient-to-position)

      }



      .to-yellow-500\/15 {

         --tw-gradient-to: rgb(234 179 8 / .15) var(--tw-gradient-to-position)

      }



      .to-yellow-500\/20 {

         --tw-gradient-to: rgb(234 179 8 / .2) var(--tw-gradient-to-position)

      }



      .bg-clip-text {

         -webkit-background-clip: text;

         background-clip: text

      }



      .fill-white {

         fill: #fff

      }



      .object-contain {

         -o-object-fit: contain;

         object-fit: contain

      }



      .object-cover {

         -o-object-fit: cover;

         object-fit: cover

      }



      .p-3 {

         padding: .75rem

      }



      .p-6 {

         padding: 1.5rem

      }



      .p-8 {

         padding: 2rem

      }



      .px-3 {

         padding-left: .75rem;

         padding-right: .75rem

      }



      .px-4 {

         padding-left: 1rem;

         padding-right: 1rem

      }



      .px-6 {

         padding-left: 1.5rem;

         padding-right: 1.5rem

      }



      .px-8 {

         padding-left: 2rem;

         padding-right: 2rem

      }



      .py-1 {

         padding-top: .25rem;

         padding-bottom: .25rem

      }



      .py-16 {

         padding-top: 4rem;

         padding-bottom: 4rem

      }



      .py-2 {

         padding-top: .5rem;

         padding-bottom: .5rem

      }



      .py-20 {

         padding-top: 5rem;

         padding-bottom: 5rem

      }



      .py-3 {

         padding-top: .75rem;

         padding-bottom: .75rem

      }



      .py-4 {

         padding-top: 1rem;

         padding-bottom: 1rem

      }



      .py-6 {

         padding-top: 1.5rem;

         padding-bottom: 1.5rem

      }



      .py-8 {

         padding-top: 2rem;

         padding-bottom: 2rem

      }



      .pb-4 {

         padding-bottom: 1rem

      }



      .pr-12 {

         padding-right: 3rem

      }



      .pt-8 {

         padding-top: 2rem

      }



      .text-left {

         text-align: left

      }



      .text-center {

         text-align: center

      }



      .font-mono {

         font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace

      }



      .text-2xl {

         font-size: 1.5rem;

         line-height: 2rem

      }



      .text-3xl {

         font-size: 1.875rem;

         line-height: 2.25rem

      }



      .text-4xl {

         font-size: 2.25rem;

         line-height: 2.5rem

      }



      .text-5xl {

         font-size: 3rem;

         line-height: 1

      }



      .text-9xl {

         font-size: 8rem;

         line-height: 1

      }



      .text-base {

         font-size: 1rem;

         line-height: 1.5rem

      }



      .text-lg {

         font-size: 1.125rem;

         line-height: 1.75rem

      }



      .text-sm {

         font-size: .875rem;

         line-height: 1.25rem

      }



      .text-xl {

         font-size: 1.25rem;

         line-height: 1.75rem

      }



      .text-xs {

         font-size: .75rem;

         line-height: 1rem

      }



      .font-black {

         font-weight: 900

      }



      .font-bold {

         font-weight: 700

      }



      .font-medium {

         font-weight: 500

      }



      .font-semibold {

         font-weight: 600

      }



      .leading-relaxed {

         line-height: 1.625

      }



      .leading-tight {

         line-height: 1.25

      }



      .text-cyan-300 {

         --tw-text-opacity: 1;

         color: rgb(103 232 249 / var(--tw-text-opacity, 1))

      }



      .text-gray-400 {

         --tw-text-opacity: 1;

         color: rgb(156 163 175 / var(--tw-text-opacity, 1))

      }



      .text-gray-50 {

         --tw-text-opacity: 1;

         color: rgb(249 250 251 / var(--tw-text-opacity, 1))

      }



      .text-gray-500 {

         --tw-text-opacity: 1;

         color: rgb(107 114 128 / var(--tw-text-opacity, 1))

      }



      .text-gray-600 {

         --tw-text-opacity: 1;

         color: rgb(75 85 99 / var(--tw-text-opacity, 1))

      }



      .text-gray-700 {

         --tw-text-opacity: 1;

         color: rgb(55 65 81 / var(--tw-text-opacity, 1))

      }



      .text-gray-900 {

         --tw-text-opacity: 1;

         color: rgb(17 24 39 / var(--tw-text-opacity, 1))

      }



      .text-indigo-300 {

         --tw-text-opacity: 1;

         color: rgb(165 180 252 / var(--tw-text-opacity, 1))

      }



      .text-indigo-400 {

         --tw-text-opacity: 1;

         color: rgb(129 140 248 / var(--tw-text-opacity, 1))

      }



      .text-indigo-600 {

         --tw-text-opacity: 1;

         color: rgb(79 70 229 / var(--tw-text-opacity, 1))

      }



      .text-orange-600 {

         --tw-text-opacity: 1;

         color: rgb(234 88 12 / var(--tw-text-opacity, 1))

      }



      .text-pink-300 {

         --tw-text-opacity: 1;

         color: rgb(249 168 212 / var(--tw-text-opacity, 1))

      }



      .text-pink-400 {

         --tw-text-opacity: 1;

         color: rgb(244 114 182 / var(--tw-text-opacity, 1))

      }



      .text-purple-300 {

         --tw-text-opacity: 1;

         color: rgb(216 180 254 / var(--tw-text-opacity, 1))

      }



      .text-purple-400 {

         --tw-text-opacity: 1;

         color: rgb(192 132 252 / var(--tw-text-opacity, 1))

      }



      .text-transparent {

         color: transparent

      }



      .text-white {

         --tw-text-opacity: 1;

         color: rgb(255 255 255 / var(--tw-text-opacity, 1))

      }



      .text-white\/60 {

         color: #fff9

      }



      .text-white\/70 {

         color: #ffffffb3

      }



      .text-white\/80 {

         color: #fffc

      }



      .text-white\/90 {

         color: #ffffffe6

      }



      .placeholder-white\/60::-moz-placeholder {

         color: #fff9

      }



      .placeholder-white\/60::placeholder {

         color: #fff9

      }



      .opacity-0 {

         opacity: 0

      }



      .opacity-10 {

         opacity: .1

      }



      .opacity-100 {

         opacity: 1

      }



      .opacity-20 {

         opacity: .2

      }



      .opacity-25 {

         opacity: .25

      }



      .opacity-30 {

         opacity: .3

      }



      .opacity-40 {

         opacity: .4

      }



      .opacity-50 {

         opacity: .5

      }



      .opacity-60 {

         opacity: .6

      }



      .opacity-80 {

         opacity: .8

      }



      .opacity-90 {

         opacity: .9

      }



      .shadow-2xl {

         --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);

         --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);

         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

      }



      .shadow-lg {

         --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);

         --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

      }



      .shadow-xl {

         --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);

         --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);

         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

      }



      .outline {

         outline-style: solid

      }



      .blur-2xl {

         --tw-blur: blur(40px);

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

      }



      .blur-3xl {

         --tw-blur: blur(64px);

         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(24px);

         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-lg {

         --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(12px);

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

         backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)

      }



      .backdrop-blur-sm {

         --tw-backdrop-blur: blur(4px);

         -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-all {

         transition-property: all;

         transition-timing-function: cubic-bezier(.4, 0, .2, 1);

         transition-duration: .15s

      }



      .transition-colors {

         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

         transition-timing-function: cubic-bezier(.4, 0, .2, 1);

         transition-duration: .15s

      }



      .transition-opacity {

         transition-property: opacity;

         transition-timing-function: cubic-bezier(.4, 0, .2, 1);

         transition-duration: .15s

      }



      .transition-transform {

         transition-property: transform;

         transition-timing-function: cubic-bezier(.4, 0, .2, 1);

         transition-duration: .15s

      }



      .delay-200 {

         transition-delay: .2s

      }



      .delay-300 {

         transition-delay: .3s

      }



      .delay-500 {

         transition-delay: .5s

      }



      .delay-700 {

         transition-delay: .7s

      }



      .duration-1000 {

         transition-duration: 1s

      }



      .duration-300 {

         transition-duration: .3s

      }



      .duration-500 {

         transition-duration: .5s

      }



      .duration-700 {

         transition-duration: .7s

      }



      .ease-in-out {

         transition-timing-function: cubic-bezier(.4, 0, .2, 1)

      }



      @keyframes fadeInUp {

         0% {

            opacity: 0;

            transform: translateY(30px)

         }



         to {

            opacity: 1;

            transform: translateY(0)

         }

      }



      @keyframes blob {

         0% {

            transform: translate(0) scale(1)

         }



         33% {

            transform: translate(30px, -50px) scale(1.1)

         }



         66% {

            transform: translate(-20px, 20px) scale(.9)

         }



         to {

            transform: translate(0) scale(1)

         }

      }



      @keyframes float {



         0%,

         to {

            transform: translateY(0)

         }



         50% {

            transform: translateY(-20px)

         }

      }



      @keyframes pulse-glow {



         0%,

         to {

            box-shadow: 0 0 20px #6366f14d

         }



         50% {

            box-shadow: 0 0 40px #6366f199

         }

      }



      @keyframes gradient-shift {



         0%,

         to {

            background-position: 0% 50%

         }



         50% {

            background-position: 100% 50%

         }

      }



      .animate-fadeInUp {

         animation: fadeInUp .8s ease-out forwards

      }



      .animate-blob {

         animation: blob 7s infinite

      }



      .animate-float {

         animation: float 6s ease-in-out infinite

      }



      .animate-pulse-glow {

         animation: pulse-glow 2s ease-in-out infinite

      }



      .animate-gradient {

         background-size: 400% 400%;

         animation: gradient-shift 3s ease infinite

      }



      .delay-200 {

         animation-delay: .2s

      }



      .delay-300 {

         animation-delay: .3s

      }



      .delay-400 {

         animation-delay: .4s

      }



      .delay-500 {

         animation-delay: .5s

      }



      .delay-700 {

         animation-delay: .7s

      }



      .animation-delay-1000 {

         animation-delay: 1s

      }



      .animation-delay-2000 {

         animation-delay: 2s

      }



      .animation-delay-4000 {

         animation-delay: 4s

      }



      .bg-grid-pattern {

         background-image: linear-gradient(rgba(255, 255, 255, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .1) 1px, transparent 1px);

         background-size: 50px 50px

      }



      .gradient-text {

         background: linear-gradient(135deg, #667eea, #764ba2);

         -webkit-background-clip: text;

         -webkit-text-fill-color: transparent;

         background-clip: text

      }



      .glass {

         background: #ffffff1a;

         -webkit-backdrop-filter: blur(10px);

         backdrop-filter: blur(10px);

         border: 1px solid rgba(255, 255, 255, .2)

      }



      .hover-lift {

         transition: transform .3s ease, box-shadow .3s ease

      }



      .hover-lift:hover {

         transform: translateY(-5px);

         box-shadow: 0 20px 40px #0000001a

      }



      html {

         scroll-behavior: smooth

      }



      ::-webkit-scrollbar {

         width: 8px

      }



      ::-webkit-scrollbar-track {

         background: #f1f1f1

      }



      ::-webkit-scrollbar-thumb {

         background: linear-gradient(135deg, #667eea, #764ba2);

         border-radius: 4px

      }



      ::-webkit-scrollbar-thumb:hover {

         background: linear-gradient(135deg, #5a67d8, #6b46c1)

      }



      .vector-float {

         animation: float 8s ease-in-out infinite

      }



      .vector-rotate {

         animation: rotate 20s linear infinite

      }



      @keyframes rotate {

         0% {

            transform: rotate(0)

         }



         to {

            transform: rotate(360deg)

         }

      }



      .bg-gradient-primary {

         background: linear-gradient(135deg, #667eea, #764ba2)

      }



      .bg-gradient-secondary {

         background: linear-gradient(135deg, #f093fb, #f5576c)

      }



      .bg-gradient-tertiary {

         background: linear-gradient(135deg, #4facfe, #00f2fe)

      }



      .btn-gradient {

         background: linear-gradient(135deg, #667eea, #764ba2);

         transition: all .3s ease;

         position: relative;

         overflow: hidden

      }



      .btn-gradient:before {

         content: "";

         position: absolute;

         top: 0;

         left: -100%;

         width: 100%;

         height: 100%;

         background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);

         transition: left .5s

      }



      .btn-gradient:hover:before {

         left: 100%

      }



      .card-hover {

         transition: all .3s ease

      }



      .card-hover:hover {

         transform: translateY(-10px) scale(1.02);

         box-shadow: 0 25px 50px #00000026

      }



      @media(max-width: 768px) {

         .text-responsive-xl {

            font-size: 2rem

         }



         .text-responsive-2xl {

            font-size: 2.5rem

         }

      }



      @media(min-width: 769px) {

         .text-responsive-xl {

            font-size: 3rem

         }



         .text-responsive-2xl {

            font-size: 4rem

         }

      }



      .hover\:-translate-y-3:hover {

         --tw-translate-y: -.75rem;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .hover\:translate-x-1:hover {

         --tw-translate-x: .25rem;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .hover\:scale-105:hover {

         --tw-scale-x: 1.05;

         --tw-scale-y: 1.05;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .hover\:scale-110:hover {

         --tw-scale-x: 1.1;

         --tw-scale-y: 1.1;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .hover\:border-indigo-300\/30:hover {

         border-color: #a5b4fc4d

      }



      .hover\:border-orange-500:hover {

         --tw-border-opacity: 1;

         border-color: rgb(249 115 22 / var(--tw-border-opacity, 1))

      }



      .hover\:border-pink-300\/30:hover {

         border-color: #f9a8d44d

      }



      .hover\:border-purple-300\/30:hover {

         border-color: #d8b4fe4d

      }



      .hover\:border-purple-500:hover {

         --tw-border-opacity: 1;

         border-color: rgb(168 85 247 / var(--tw-border-opacity, 1))

      }



      .hover\:bg-gray-100:hover {

         --tw-bg-opacity: 1;

         background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))

      }



      .hover\:bg-gray-800:hover {

         --tw-bg-opacity: 1;

         background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))

      }



      .hover\:bg-orange-50:hover {

         --tw-bg-opacity: 1;

         background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1))

      }



      .hover\:bg-white:hover {

         --tw-bg-opacity: 1;

         background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))

      }



      .hover\:from-gray-700:hover {

         --tw-gradient-from: #374151 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .hover\:from-orange-600:hover {

         --tw-gradient-from: #ea580c var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .hover\:from-pink-600:hover {

         --tw-gradient-from: #db2777 var(--tw-gradient-from-position);

         --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);

         --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

      }



      .hover\:to-gray-800:hover {

         --tw-gradient-to: #1f2937 var(--tw-gradient-to-position)

      }



      .hover\:to-pink-600:hover {

         --tw-gradient-to: #db2777 var(--tw-gradient-to-position)

      }



      .hover\:to-purple-700:hover {

         --tw-gradient-to: #7e22ce var(--tw-gradient-to-position)

      }



      .hover\:text-gray-700:hover {

         --tw-text-opacity: 1;

         color: rgb(55 65 81 / var(--tw-text-opacity, 1))

      }



      .hover\:text-gray-900:hover {

         --tw-text-opacity: 1;

         color: rgb(17 24 39 / var(--tw-text-opacity, 1))

      }



      .hover\:text-indigo-300:hover {

         --tw-text-opacity: 1;

         color: rgb(165 180 252 / var(--tw-text-opacity, 1))

      }



      .hover\:text-pink-300:hover {

         --tw-text-opacity: 1;

         color: rgb(249 168 212 / var(--tw-text-opacity, 1))

      }



      .hover\:text-purple-300:hover {

         --tw-text-opacity: 1;

         color: rgb(216 180 254 / var(--tw-text-opacity, 1))

      }



      .hover\:text-purple-600:hover {

         --tw-text-opacity: 1;

         color: rgb(147 51 234 / var(--tw-text-opacity, 1))

      }



      .hover\:shadow-2xl:hover {

         --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);

         --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);

         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

      }



      .hover\:shadow-lg:hover {

         --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);

         --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

      }



      .hover\:shadow-xl:hover {

         --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);

         --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);

         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

      }



      .focus\:border-pink-400\/60:focus {

         border-color: #f472b699

      }



      .focus\:outline-none:focus {

         outline: 2px solid transparent;

         outline-offset: 2px

      }



      .focus\:ring-2:focus {

         --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

         --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

         box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)

      }



      .focus\:ring-gray-500:focus {

         --tw-ring-opacity: 1;

         --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))

      }



      .focus\:ring-orange-500:focus {

         --tw-ring-opacity: 1;

         --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))

      }



      .focus\:ring-purple-500:focus {

         --tw-ring-opacity: 1;

         --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))

      }



      .focus\:ring-offset-2:focus {

         --tw-ring-offset-width: 2px

      }



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

         cursor: not-allowed

      }



      .disabled\:opacity-50:disabled {

         opacity: .5

      }



      .disabled\:hover\:scale-100:hover:disabled {

         --tw-scale-x: 1;

         --tw-scale-y: 1;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .group:hover .group-hover\:translate-x-1 {

         --tw-translate-x: .25rem;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .group:hover .group-hover\:rotate-3 {

         --tw-rotate: 3deg;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .group:hover .group-hover\:scale-110 {

         --tw-scale-x: 1.1;

         --tw-scale-y: 1.1;

         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

      }



      .group:hover .group-hover\:text-gray-700 {

         --tw-text-opacity: 1;

         color: rgb(55 65 81 / var(--tw-text-opacity, 1))

      }



      .group:hover .group-hover\:opacity-100 {

         opacity: 1

      }



      .group:hover .group-hover\:opacity-20 {

         opacity: .2

      }



      .group:hover .group-hover\:opacity-30 {

         opacity: .3

      }



      .group:hover .group-hover\:opacity-5 {

         opacity: .05

      }



      @media(min-width: 640px) {

         .sm\:flex-row {

            flex-direction: row

         }

      }



      @media(min-width: 768px) {

         .md\:mb-0 {

            margin-bottom: 0

         }



         .md\:block {

            display: block

         }



         .md\:flex {

            display: flex

         }



         .md\:hidden {

            display: none

         }



         .md\:h-80 {

            height: 20rem

         }



         .md\:grid-cols-2 {

            grid-template-columns: repeat(2, minmax(0, 1fr))

         }



         .md\:grid-cols-3 {

            grid-template-columns: repeat(3, minmax(0, 1fr))

         }



         .md\:grid-cols-4 {

            grid-template-columns: repeat(4, minmax(0, 1fr))

         }



         .md\:flex-row {

            flex-direction: row

         }



         .md\:p-12 {

            padding: 3rem

         }



         .md\:text-2xl {

            font-size: 1.5rem;

            line-height: 2rem

         }



         .md\:text-3xl {

            font-size: 1.875rem;

            line-height: 2.25rem

         }



         .md\:text-4xl {

            font-size: 2.25rem;

            line-height: 2.5rem

         }



         .md\:text-5xl {

            font-size: 3rem;

            line-height: 1

         }



         .md\:text-\[12rem\] {

            font-size: 12rem

         }



         .md\:text-xl {

            font-size: 1.25rem;

            line-height: 1.75rem

         }

      }



      @media(min-width: 1024px) {

         .lg\:col-span-1 {

            grid-column: span 1 / span 1

         }



         .lg\:grid-cols-2 {

            grid-template-columns: repeat(2, minmax(0, 1fr))

         }



         .lg\:grid-cols-3 {

            grid-template-columns: repeat(3, minmax(0, 1fr))

         }



         .lg\:grid-cols-4 {

            grid-template-columns: repeat(4, minmax(0, 1fr))

         }



         .lg\:text-6xl {

            font-size: 3.75rem;

            line-height: 1

         }

      }



      .banner-ctm {

         z-index: -1;

      }





      img.custom_logo {

    width: 150px;

    height: 64px;

    object-fit: contain;

}

  



img.custom_logo_white {

    width: 154px;

    height: 68px;

    object-fit: contain;

    margin-bottom: 15px;

}


        /* HEADER */
        .premium-header {
            position: sticky;
            top: 0;
            z-index: 1000;
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            padding: 16px 6%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: all .4s ease;
        }

        /* LOGO */
        .logo a {
            text-decoration: none;
            font-size: 24px;
            font-weight: 700;
            color: #222;
        }

        .logo span {
            color: #6c63ff
        }

        /* NAV */
        .navbar {
            transition: all .5s cubic-bezier(.77, 0, .18, 1);
        }

        .nav-links {
            list-style: none;
            display: flex;
            gap: 32px;
        }

        .nav-links li {
            position: relative;
        }

        .nav-links a {
            text-decoration: none;
            color: #555;
            font-weight: 500;
            transition: color .3s;
        }

        .nav-links a:hover {
            color: #6c63ff
        }

        /* DROPDOWN */
        .dropdown {
            position: absolute;
            top: 40px;
            left: 0;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
            padding: 10px 0;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all .4s ease;
        }

        .dropdown a {
            display: block;
            padding: 10px 20px;
            white-space: nowrap;
        }

        .nav-links li:hover .dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        /* RIGHT ACTIONS */
        .header-actions {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .search-box {
            display: flex;
            align-items: center;
            background: #f1f1f1;
            padding: 8px 14px;
            border-radius: 30px;
        }

        .search-box input {
            border: none;
            outline: none;
            background: none;
            width: 180px;
        }

        .user-actions a {
            color: #555;
            font-size: 18px;
            margin-left: 12px;
            transition: color .3s;
        }

        .user-actions a:hover {
            color: #6c63ff
        }

        /* MENU BUTTON */
        .menu-toggle {
            display: none;
            background: none;
            border: none;
            font-size: 22px;
            cursor: pointer;
        }


        .header-actions {
            display: none;
            /* hide by default */
        }


        /* MOBILE */
        @media(max-width:992px) {

            .header-actions {
                display: block;
            }

            .menu-toggle {
                display: block;
            }

            .navbar {
                position: fixed;
                top: 75px;
                left: -100%;
                width: 100%;
                height: 100vh;
                background: #fff;
                padding: 30px;
                /* box-shadow: 10px 0 30px rgba(0, 0, 0, .15); */
            }

            .navbar.active {
                left: 0
            }

            .nav-links {
                flex-direction: column;
                gap: 20px;
            }

            .dropdown {
                position: static;
                opacity: 1;
                visibility: visible;
                transform: none;
                box-shadow: none;
                padding-left: 15px;
            }

            .search-box {
                display: none
            }
        }

        .nav-links a.active {
            color: #6c63ff;
            /* highlight color */
            font-weight: 600;
            border-bottom: 2px solid #6c63ff;
            /* optional underline */
        }

        @media (max-width:767px){
         .btn {
    padding: 10px 20px !important;
    font-size: 12px !important;
}
        }