/*! tailwindcss v4.1.3 | 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-rotate-x: rotateX(0);
      --tw-rotate-y: rotateY(0);
      --tw-rotate-z: rotateZ(0);
      --tw-skew-x: skewX(0);
      --tw-skew-y: skewY(0);
      --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-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-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(.704 .191 22.216);
    --color-red-500: oklch(.637 .237 25.331);
    --color-red-900: oklch(.396 .141 25.723);
    --color-orange-200: oklch(.901 .076 70.697);
    --color-orange-400: oklch(.75 .183 55.934);
    --color-orange-500: oklch(.705 .213 47.604);
    --color-orange-900: oklch(.408 .123 38.172);
    --color-yellow-400: oklch(.852 .199 91.936);
    --color-yellow-500: oklch(.795 .184 86.047);
    --color-yellow-900: oklch(.421 .095 57.708);
    --color-green-400: oklch(.792 .209 151.711);
    --color-green-500: oklch(.723 .219 149.579);
    --color-green-900: oklch(.393 .095 152.535);
    --color-emerald-200: oklch(.905 .093 164.15);
    --color-emerald-400: oklch(.765 .177 163.223);
    --color-emerald-900: oklch(.378 .077 168.94);
    --color-teal-50: oklch(.984 .014 180.72);
    --color-teal-200: oklch(.91 .096 180.426);
    --color-teal-900: oklch(.386 .063 188.416);
    --color-cyan-200: oklch(.917 .08 205.041);
    --color-cyan-400: oklch(.789 .154 211.53);
    --color-cyan-500: oklch(.715 .143 215.221);
    --color-cyan-900: oklch(.398 .07 227.392);
    --color-blue-50: oklch(.97 .014 254.604);
    --color-blue-200: oklch(.882 .059 254.128);
    --color-blue-400: oklch(.707 .165 254.624);
    --color-blue-500: oklch(.623 .214 259.815);
    --color-blue-600: oklch(.546 .245 262.881);
    --color-blue-800: oklch(.424 .199 265.638);
    --color-blue-900: oklch(.379 .146 265.522);
    --color-indigo-400: oklch(.673 .182 276.935);
    --color-indigo-900: oklch(.359 .144 278.697);
    --color-violet-200: oklch(.894 .057 293.283);
    --color-purple-50: oklch(.977 .014 308.299);
    --color-purple-200: oklch(.902 .063 306.703);
    --color-purple-400: oklch(.714 .203 305.504);
    --color-purple-500: oklch(.627 .265 303.9);
    --color-purple-900: oklch(.381 .176 304.987);
    --color-fuchsia-400: oklch(.74 .238 322.16);
    --color-fuchsia-500: oklch(.667 .295 322.15);
    --color-fuchsia-900: oklch(.401 .17 325.612);
    --color-pink-50: oklch(.971 .014 343.198);
    --color-pink-200: oklch(.899 .061 343.231);
    --color-pink-400: oklch(.718 .202 349.761);
    --color-pink-500: oklch(.656 .241 354.308);
    --color-pink-600: oklch(.592 .249 .584);
    --color-pink-900: oklch(.408 .153 2.432);
    --color-rose-200: oklch(.892 .058 10.001);
    --color-rose-400: oklch(.712 .194 13.428);
    --color-rose-500: oklch(.645 .246 16.439);
    --color-rose-900: oklch(.41 .159 10.272);
    --color-gray-50: oklch(.985 .002 247.839);
    --color-gray-100: oklch(.967 .003 264.542);
    --color-gray-200: oklch(.928 .006 264.531);
    --color-gray-500: oklch(.551 .027 264.364);
    --color-gray-600: oklch(.446 .03 256.802);
    --color-gray-700: oklch(.373 .034 259.733);
    --color-gray-800: oklch(.278 .033 256.848);
    --color-gray-900: oklch(.21 .034 264.665);
    --color-white: #fff;
    --spacing: .25rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
  }
}

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

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

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

  body {
    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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    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;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    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;
    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;
  }

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

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

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

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

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

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

  * {
    border-color: oklch(.922 0 0);
    outline-color: color-mix(in oklab, oklch(.708 0 0) 50%, transparent);
  }

  body {
    background-color: oklch(1 0 0);
    color: oklch(.145 0 0);
  }
}

@layer utilities {
  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

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

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

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

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

  .container {
    width: 100%;
  }

  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }

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

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

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

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

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

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

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

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

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

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

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

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

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

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

  .w-full {
    width: 100%;
  }

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

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

  .flex-1 {
    flex: 1;
  }

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

  .-rotate-6 {
    rotate: -6deg;
  }

  .rotate-3 {
    rotate: 3deg;
  }

  .rotate-12 {
    rotate: 12deg;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

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

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

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

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

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

  .overflow-hidden {
    overflow: hidden;
  }

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

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

  .rounded-lg {
    border-radius: .625rem;
  }

  .rounded-r-lg {
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem;
  }

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

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

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

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-pink-500 {
    border-color: var(--color-pink-500);
  }

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

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

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

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

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

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

  .from-blue-50 {
    --tw-gradient-from: var(--color-blue-50);
    --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-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --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-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.379 .146 265.522) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-blue-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
  }

  .from-cyan-400 {
    --tw-gradient-from: var(--color-cyan-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-cyan-500 {
    --tw-gradient-from: var(--color-cyan-500);
    --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-cyan-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.398 .07 227.392) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-cyan-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-900) 40%, transparent);
    }
  }

  .from-fuchsia-400 {
    --tw-gradient-from: var(--color-fuchsia-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-fuchsia-500 {
    --tw-gradient-from: var(--color-fuchsia-500);
    --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-fuchsia-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.401 .17 325.612) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-fuchsia-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-900) 40%, transparent);
    }
  }

  .from-green-400 {
    --tw-gradient-from: var(--color-green-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-green-500 {
    --tw-gradient-from: var(--color-green-500);
    --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-green-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.393 .095 152.535) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-green-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-green-900) 40%, transparent);
    }
  }

  .from-orange-400 {
    --tw-gradient-from: var(--color-orange-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-orange-500 {
    --tw-gradient-from: var(--color-orange-500);
    --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-orange-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.408 .123 38.172) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-orange-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
    }
  }

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

  .from-rose-400 {
    --tw-gradient-from: var(--color-rose-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-rose-500 {
    --tw-gradient-from: var(--color-rose-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-rose-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.41 .159 10.272) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-rose-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 40%, transparent);
    }
  }

  .from-yellow-400 {
    --tw-gradient-from: var(--color-yellow-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-yellow-500 {
    --tw-gradient-from: var(--color-yellow-500);
    --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-yellow-900\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(.421 .095 57.708) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-yellow-900\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--color-yellow-900) 40%, transparent);
    }
  }

  .via-emerald-400 {
    --tw-gradient-via: var(--color-emerald-400);
    --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-emerald-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.378 .077 168.94) 40%, 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);
  }

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

  .via-indigo-400 {
    --tw-gradient-via: var(--color-indigo-400);
    --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-indigo-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.359 .144 278.697) 40%, 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);
  }

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

  .via-orange-400 {
    --tw-gradient-via: var(--color-orange-400);
    --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-orange-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.408 .123 38.172) 40%, 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);
  }

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

  .via-pink-400 {
    --tw-gradient-via: var(--color-pink-400);
    --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-pink-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.408 .153 2.432) 40%, 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);
  }

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

  .via-purple-400 {
    --tw-gradient-via: var(--color-purple-400);
    --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-purple-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.381 .176 304.987) 40%, 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);
  }

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

  .via-yellow-400 {
    --tw-gradient-via: var(--color-yellow-400);
    --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-yellow-900\/40 {
    --tw-gradient-via: color-mix(in srgb, oklch(.421 .095 57.708) 40%, 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);
  }

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

  .to-blue-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.379 .146 265.522) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-blue-900\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
  }

  .to-cyan-400 {
    --tw-gradient-to: var(--color-cyan-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-cyan-500 {
    --tw-gradient-to: var(--color-cyan-500);
    --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-green-400 {
    --tw-gradient-to: var(--color-green-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-green-500 {
    --tw-gradient-to: var(--color-green-500);
    --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-green-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.393 .095 152.535) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-green-900\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--color-green-900) 40%, transparent);
    }
  }

  .to-orange-400 {
    --tw-gradient-to: var(--color-orange-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-orange-500 {
    --tw-gradient-to: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-orange-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.408 .123 38.172) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-orange-900\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 40%, transparent);
    }
  }

  .to-purple-50 {
    --tw-gradient-to: var(--color-purple-50);
    --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-purple-400 {
    --tw-gradient-to: var(--color-purple-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-purple-500 {
    --tw-gradient-to: var(--color-purple-500);
    --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-purple-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.381 .176 304.987) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-purple-900\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 40%, transparent);
    }
  }

  .to-red-400 {
    --tw-gradient-to: var(--color-red-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-red-500 {
    --tw-gradient-to: var(--color-red-500);
    --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-red-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.396 .141 25.723) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-red-900\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--color-red-900) 40%, transparent);
    }
  }

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

  .to-teal-900\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(.386 .063 188.416) 40%, 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));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-teal-900\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-900) 40%, transparent);
    }
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-center {
    background-position: center;
  }

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

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

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

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

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

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

  .align-middle {
    vertical-align: middle;
  }

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

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

  .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);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

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

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-inherit {
    color: inherit;
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

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

  .italic {
    font-style: italic;
  }

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

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-20 {
    opacity: .2;
  }

  .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-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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);
  }

  .ring-blue-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.882 .059 254.128) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent);
    }
  }

  .ring-cyan-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.917 .08 205.041) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-cyan-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-200) 50%, transparent);
    }
  }

  .ring-emerald-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.905 .093 164.15) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-emerald-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent);
    }
  }

  .ring-orange-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.901 .076 70.697) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-orange-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-200) 50%, transparent);
    }
  }

  .ring-pink-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.899 .061 343.231) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-pink-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-pink-200) 50%, transparent);
    }
  }

  .ring-purple-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.902 .063 306.703) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-purple-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-purple-200) 50%, transparent);
    }
  }

  .ring-rose-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.892 .058 10.001) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-rose-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-200) 50%, transparent);
    }
  }

  .ring-teal-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.91 .096 180.426) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-teal-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-teal-200) 50%, transparent);
    }
  }

  .ring-violet-200\/50 {
    --tw-ring-color: color-mix(in srgb, oklch(.894 .057 293.283) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-violet-200\/50 {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-200) 50%, transparent);
    }
  }

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

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

  .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, );
  }

  .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;
    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-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;
  }

  .zoom-in {
    --tw-enter-scale: 0;
  }

  .zoom-out {
    --tw-exit-scale: 0;
  }

  @media (hover: hover) {
    .group-hover\:text-pink-600:is(:where(.group):hover *) {
      color: var(--color-pink-600);
    }
  }

  @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);
    }
  }

  @media (hover: hover) {
    .hover\:text-blue-800:hover {
      color: var(--color-blue-800);
    }
  }

  @media (width >= 40rem) {
    .sm\:top-12 {
      top: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 40rem) {
    .sm\:left-8 {
      left: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 40rem) {
    .sm\:h-64 {
      height: calc(var(--spacing) * 64);
    }
  }

  @media (width >= 40rem) {
    .sm\:h-72 {
      height: calc(var(--spacing) * 72);
    }
  }

  @media (width >= 40rem) {
    .sm\:h-80 {
      height: calc(var(--spacing) * 80);
    }
  }

  @media (width >= 40rem) {
    .sm\:w-60 {
      width: calc(var(--spacing) * 60);
    }
  }

  @media (width >= 40rem) {
    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }

  @media (width >= 40rem) {
    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  @media (width >= 48rem) {
    .md\:h-72 {
      height: calc(var(--spacing) * 72);
    }
  }

  @media (width >= 48rem) {
    .md\:h-80 {
      height: calc(var(--spacing) * 80);
    }
  }

  @media (width >= 48rem) {
    .md\:h-96 {
      height: calc(var(--spacing) * 96);
    }
  }

  @media (width >= 48rem) {
    .md\:w-68 {
      width: calc(var(--spacing) * 68);
    }
  }

  @media (width >= 48rem) {
    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  @media (width >= 48rem) {
    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }
  }
}

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

html {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  display: block;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, [role="button"] {
  cursor: pointer;
  background-color: #0000;
  background-image: none;
}

:root {
  --wp--preset--color--neon-green: #39ff14;
  --wp--preset--color--neon-pink: #ff10f0;
  --wp--preset--color--neon-blue: #1f51ff;
  --wp--preset--color--neon-yellow: #ff0;
  --wp--preset--color--neon-orange: #ff5f1f;
  --wp--preset--color--neon-purple: #be00fe;
  --wp--preset--color--neon-cyan: #00f7ff;
  --wp--preset--color--neon-red: #ff3131;
  --wp--preset--color--neon-green-text: #008f00;
  --wp--preset--color--neon-pink-text: #b300a4;
  --wp--preset--color--neon-blue-text: #002db3;
  --wp--preset--color--neon-yellow-text: #8a8a00;
  --wp--preset--color--neon-orange-text: #cc4100;
  --wp--preset--color--neon-purple-text: #7800a1;
  --wp--preset--color--neon-cyan-text: #008f94;
  --wp--preset--color--base: #fff;
  --wp--preset--color--contrast: #0f0f0f;
  --wp--preset--color--primary: var(--wp--preset--color--neon-purple);
  --wp--preset--color--brand: var(--wp--preset--color--neon-pink);
  --wp--preset--color--cta: var(--wp--preset--color--neon-blue);
  --wp--preset--color--neutral-50: #f9fafb;
  --wp--preset--color--neutral-100: #f3f4f6;
  --wp--preset--color--neutral-200: #e5e7eb;
  --wp--preset--color--neutral-300: #d1d5db;
  --wp--preset--color--neutral-400: #9ca3af;
  --wp--preset--color--neutral-500: #6b7280;
  --wp--preset--color--neutral-600: #4b5563;
  --wp--preset--color--neutral-700: #374151;
  --wp--preset--color--neutral-800: #1f2937;
  --wp--preset--color--neutral-900: #111827;
  --wp--preset--color--atomic-black: #0f0f0f;
  --wp--preset--color--pure-black: #000;
  --wp--preset--gradient--cyberpunk: linear-gradient(135deg, #ff10f0 0%, #1f51ff 100%);
  --wp--preset--gradient--toxic-lime: linear-gradient(to right, #39ff14 0%, #12fff7 100%);
  --wp--preset--gradient--solar-flare: linear-gradient(45deg, #ff5f1f 0%, #ff0 100%);
  --wp--preset--gradient--hyperpop: linear-gradient(-45deg, #ff10f0, #1f51ff, #00f7ff, #39ff14);
  --wp--preset--color--gradient-pink-start: #ff10f0;
  --wp--preset--color--gradient-pink-mid: #be00fe;
  --wp--preset--color--gradient-pink-end: #1f51ff;
  --wp--preset--font-family--brand-title: "Righteous", "Arial Black", sans-serif;
  --wp--preset--font-family--brand-heading: "Playfair Display", "Times New Roman", serif;
  --wp--preset--font-family--brand-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --wp--preset--font-size--100: clamp(.75rem, .65rem + .5vw, .875rem);
  --wp--preset--font-size--200: clamp(1rem, .85rem + .75vw, 1.125rem);
  --wp--preset--font-size--300: clamp(1.125rem, .95rem + .875vw, 1.25rem);
  --wp--preset--font-size--400: clamp(1.25rem, 1rem + 1.25vw, 1.5rem);
  --wp--preset--font-size--500: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
  --wp--preset--font-size--600: clamp(1.875rem, 1.4rem + 2.375vw, 2.5rem);
  --wp--preset--font-size--700: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
  --wp--preset--font-size--800: clamp(2.5rem, 1.9rem + 3vw, 3.5rem);
  --wp--preset--font-size--900: clamp(3rem, 2.2rem + 4vw, 4.5rem);
  --wp--preset--font-size--hero: clamp(3.5rem, 6vw + 1rem, 6.5rem);
  --wp--preset--font-size--section: clamp(2rem, 3vw + 1rem, 3.5rem);
  --wp--preset--spacing--fluid-sm: clamp(.5rem, .3rem + 1vw, 1rem);
  --wp--preset--spacing--fluid-md: clamp(1rem, .6rem + 2vw, 2rem);
  --wp--preset--spacing--fluid-lg: clamp(1.5rem, 1rem + 2.5vw, 3rem);
  --wp--preset--spacing--fluid-xl: clamp(2rem, 1.2rem + 4vw, 4rem);
  --wp--preset--spacing--fluid-2xl: clamp(3rem, 1.5rem + 7.5vw, 6rem);
  --wp--preset--spacing--section-horizontal: clamp(1.5rem, 1.35rem + .714vw, 2rem);
  --wp--preset--spacing--section-vertical: clamp(.25rem, -1.1rem + 6.78vw, 5rem);
  --wp--preset--layout--content: 800px;
  --wp--preset--layout--wide: 1440px;
  --wp--preset--layout--full: 100%;
  --wp--preset--z-index--n1: -1;
  --wp--preset--z-index--10: 10;
  --wp--preset--z-index--header: 1000;
  --wp--preset--z-index--overlay: 2000;
  --wp--preset--z-index--modal: 3000;
  --wp--preset--z-index--toast: 9999;
  --wp--preset--opacity--0: 0;
  --wp--preset--opacity--25: .25;
  --wp--preset--opacity--50: .5;
  --wp--preset--opacity--75: .75;
  --wp--preset--opacity--100: 1;
  --wp--preset--aspect-ratio--square: 1 / 1;
  --wp--preset--aspect-ratio--video: 16 / 9;
  --wp--preset--aspect-ratio--portrait: 3 / 4;
  --wp--preset--border-radius--sm: .25rem;
  --wp--preset--border-radius--md: .5rem;
  --wp--preset--border-radius--lg: 1rem;
  --wp--preset--border-radius--xl: 1.5rem;
  --wp--preset--border-radius--full: 9999px;
  --wp--preset--border-radius--400: var(--wp--preset--border-radius--md);
  --wp--preset--border-radius--600: var(--wp--preset--border-radius--lg);
  --wp--preset--border-radius--900: var(--wp--preset--border-radius--full);
  --wp--preset--shadow--neon-sm: 0 0 5px #39ff144d;
  --wp--preset--shadow--neon-md: 0 0 10px #39ff1466, 0 0 20px #39ff1433;
  --wp--preset--shadow--neon-lg: 0 0 15px #39ff1480, 0 0 30px #39ff144d;
  --wp--preset--shadow--card: 0 4px 6px -1px #0000001a;
  --wp--preset--shadow--card-hover: 0 10px 30px -5px #0003;
  --wp--custom--animation--slow: .5s;
  --wp--custom--animation--fast: .2s;
  --wp--custom--ease--bounce: cubic-bezier(.68, -.55, .265, 1.55);
  --background: var(--wp--preset--color--base);
  --foreground: var(--wp--preset--color--contrast);
  --border: var(--wp--preset--color--neutral-200);
}

.app-container {
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
  min-height: 100vh;
  display: flex;
  overflow-x: hidden;
}

.dark {
  --background: var(--wp--preset--color--atomic-black);
  --foreground: #fff;
  --border: var(--wp--preset--color--neutral-800);
  --wp--preset--color--neon-green-text: #39ff14;
  --wp--preset--color--neon-pink-text: #ff10f0;
  --wp--preset--color--neon-blue-text: #1f51ff;
  --wp--preset--color--neon-yellow-text: #ff0;
  --wp--preset--color--neon-orange-text: #ff5f1f;
  --wp--preset--color--neon-purple-text: #be00fe;
  --wp--preset--color--neon-cyan-text: #00f7ff;
  --wp--preset--shadow--neon-sm: 0 0 8px #39ff1480;
  --wp--preset--shadow--card-hover: 0 10px 30px -5px #ff10f026;
}

.bg-atomic-noise {
  background-color: var(--wp--preset--color--atomic-black);
  background-image: radial-gradient(circle, #1e1e1e4d 0%, #0000 70%);
}

.dark .bg-atomic-noise {
  background-image: radial-gradient(circle, #32323233 0%, #0000 70%);
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--wp--preset--font-family--brand-body);
  line-height: 1.6;
  transition: background-color .3s, color .3s;
}

.text-neon-blue {
  color: var(--wp--preset--color--neon-blue-text);
}

.text-gradient-pink-purple-blue {
  background: var(--wp--preset--gradient--cyberpunk);
  color: #0000;
  background-clip: text;
}

.text-gradient-blue-teal-green {
  background: var(--wp--preset--gradient--toxic-lime);
  color: #0000;
  background-clip: text;
}

.text-gradient-gold-peach-coral {
  background: var(--wp--preset--gradient--solar-flare);
  color: #0000;
  background-clip: text;
}

h1, .text-hero-h1 {
  font-family: var(--wp--preset--font-family--brand-title);
  font-size: var(--wp--preset--font-size--hero);
  letter-spacing: -.02em;
  margin-bottom: 1rem;
  font-weight: 800;
  line-height: 1.1;
}

h2, .text-section-h2 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--section);
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

h3, .text-card-h3 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  margin-bottom: .75rem;
  font-weight: 600;
  line-height: 1.3;
}

h4, .text-card-h4 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  margin-bottom: .5rem;
  font-weight: 600;
  line-height: 1.4;
}

p, .text-body-p {
  font-size: var(--wp--preset--font-size--200);
  margin-bottom: 1rem;
}

small, .text-body-small-p {
  font-size: var(--wp--preset--font-size--100);
}

.text-body-guideline {
  font-size: var(--wp--preset--font-size--300);
}

.icon-xs {
  width: .75rem;
  height: .75rem;
}

.icon-sm {
  width: 1rem;
  height: 1rem;
}

.icon-md {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-lg {
  width: 2rem;
  height: 2rem;
}

.icon-xl {
  width: 3rem;
  height: 3rem;
}

.icon-2xl {
  width: 4rem;
  height: 4rem;
}

.px-horizontal-section {
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
}

.py-section {
  padding-top: var(--wp--preset--spacing--section-vertical);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
}

.py-section-sm {
  padding-top: var(--wp--preset--spacing--fluid-md);
  padding-bottom: var(--wp--preset--spacing--fluid-md);
}

.py-section-md {
  padding-top: var(--wp--preset--spacing--fluid-lg);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
}

.py-section-lg, .py-footer {
  padding-top: var(--wp--preset--spacing--fluid-xl);
  padding-bottom: var(--wp--preset--spacing--fluid-xl);
}

.gap-fluid-sm {
  gap: var(--wp--preset--spacing--fluid-sm);
}

.gap-fluid-md {
  gap: var(--wp--preset--spacing--fluid-md);
}

.gap-fluid-lg {
  gap: var(--wp--preset--spacing--fluid-lg);
}

.mb-fluid-md {
  margin-bottom: var(--wp--preset--spacing--fluid-md);
}

.mb-fluid-lg {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.mb-fluid-xl {
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
}

.container-wide {
  max-width: var(--wp--preset--layout--wide);
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  margin-left: auto;
  margin-right: auto;
}

.container-7xl {
  max-width: 80rem;
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  margin-left: auto;
  margin-right: auto;
}

.container-4xl {
  max-width: 56rem;
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  margin-left: auto;
  margin-right: auto;
}

.container-3xl {
  max-width: 48rem;
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  margin-left: auto;
  margin-right: auto;
}

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

.font-bold {
  font-weight: 700;
}

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

.bg-aurora-mesh {
  background-color: var(--wp--preset--color--base);
  background-image: radial-gradient(at 0 0, #be00fe26 0, #0000 50%), radial-gradient(at 100% 100%, #1f51ff26 0, #0000 50%);
  transition: background .3s;
}

.dark .bg-aurora-mesh {
  background-color: var(--wp--preset--color--atomic-black);
  background-image: radial-gradient(at 0 0, #be00fe4d 0, #0000 50%), radial-gradient(at 100% 100%, #1f51ff4d 0, #0000 50%);
}

.animate-neon-glow-bg {
  background: var(--wp--preset--gradient--hyperpop);
  will-change: background-position;
  background-size: 400% 400%;
  animation: 15s infinite gradientShift;
}

.animate-neon-pulse-green {
  --glow-color: var(--wp--preset--color--neon-green);
  will-change: box-shadow;
  animation: 2s infinite alternate neonPulse;
}

.animate-neon-pulse-pink {
  --glow-color: var(--wp--preset--color--neon-pink);
  will-change: box-shadow;
  animation: 2s infinite alternate neonPulse;
}

.animate-neon-pulse-blue {
  --glow-color: var(--wp--preset--color--neon-blue);
  will-change: box-shadow;
  animation: 2s infinite alternate neonPulse;
}

@keyframes gradientShift {
  0% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }

  100% {
    background-position: 0%;
  }
}

@keyframes neonPulse {
  from {
    box-shadow: 0 0 5px var(--glow-color), 0 0 10px var(--glow-color);
  }

  to {
    box-shadow: 0 0 10px var(--glow-color), 0 0 20px var(--glow-color);
  }
}

@keyframes float {
  0% {
    transform: translate(0);
  }

  50% {
    transform: translate(30px, -30px);
  }

  100% {
    transform: translate(0);
  }
}

.logo {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.logo__image {
  height: auto;
  transition: all .3s;
}

.logo--sm .logo__image {
  width: 80px;
}

.logo--md .logo__image {
  width: 120px;
}

.logo--lg .logo__image {
  width: 160px;
}

.logo--xl .logo__image {
  width: 200px;
}

.logo--2xl .logo__image {
  width: 240px;
}

.logo--3xl .logo__image {
  width: 300px;
}

.logo--header .logo__image {
  width: 140px;
}

.logo--mobile-sm .logo__image {
  width: 100px;
}

@media (width >= 1024px) {
  .logo--header .logo__image {
    width: 180px;
  }
}

.logo__image--light {
  display: block;
}

.logo__image--dark, .dark .logo__image--light {
  display: none;
}

.dark .logo__image--dark {
  display: block;
}

.logo__image--force-visible {
  display: block !important;
}

.logo__text-brand {
  font-family: var(--wp--preset--font-family--brand-title);
  fill: #fff;
  font-size: 140px;
  font-weight: 700;
}

.logo__text-tagline {
  font-family: var(--wp--preset--font-family--body);
  letter-spacing: .4em;
  fill: #fffc;
  font-size: 32px;
  font-weight: 400;
}

.social-links {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.social-links__link {
  color: #fff;
  border: 1px solid #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.social-links__link:hover {
  filter: brightness(1.1);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: translateY(-3px);
}

.social-links__icon {
  width: 1.5rem;
  height: 1.5rem;
  transition: transform .2s;
}

.social-links__link:hover .social-links__icon {
  transform: scale(1.1);
}

.bg-social-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0% 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.bg-social-whatsapp {
  background-color: #25d366;
}

.bg-social-facebook {
  background-color: #1877f2;
}

.bg-social-linkedin {
  background-color: #0a66c2;
}

.bg-social-email {
  background: var(--wp--preset--gradient--hyperpop);
}

.social-links__link--clean {
  color: var(--foreground);
  border: 1px solid var(--border);
  background: #ffffff1a;
}

.dark .social-links__link--clean {
  background: #ffffff0d;
  border-color: #ffffff1a;
}

.social-links__link--clean:hover {
  background: var(--wp--preset--color--neon-purple);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--neon-md);
}

.mobile-menu {
  z-index: 100;
  background-color: var(--wp--preset--color--base);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 5rem 2rem 2rem;
  animation: .3s ease-out slideIn;
  display: flex;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.dark .mobile-menu {
  background-color: var(--wp--preset--color--atomic-black);
  background-image: radial-gradient(circle, #1e1e1e4d 0%, #0000 70%);
}

.mobile-menu__orb {
  filter: blur(80px);
  opacity: .3;
  z-index: -1;
  border-radius: 50%;
  position: absolute;
}

.mobile-menu__orb--1 {
  background: var(--wp--preset--color--neon-pink);
  width: 50vw;
  height: 50vw;
  top: -10%;
  left: -10%;
}

.mobile-menu__orb--2 {
  background: var(--wp--preset--color--neon-purple);
  width: 60vw;
  height: 60vw;
  bottom: -10%;
  right: -10%;
}

.mobile-menu__orb--3 {
  background: var(--wp--preset--color--neon-blue);
  opacity: .2;
  width: 40vw;
  height: 40vw;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mobile-menu__nav {
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  max-width: 24rem;
  display: flex;
}

.mobile-menu__nav-link {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  cursor: pointer;
  background: none;
  border: none;
  font-size: 2rem;
  font-weight: 700;
  transition: all .3s;
  position: relative;
}

.mobile-menu__nav-link:hover, .mobile-menu__nav-link[aria-current="page"] {
  color: #0000;
  background-image: var(--wp--preset--gradient--hyperpop);
  background-clip: text;
  transform: scale(1.1);
}

.mobile-menu__social {
  margin-top: 4rem;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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

.theme-toggle {
  border: 1px solid var(--border);
  background-color: var(--wp--preset--color--neutral-50);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--wp--preset--color--neutral-600);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.dark .theme-toggle {
  color: var(--wp--preset--color--neon-purple);
  background-color: #ffffff0d;
  border-color: #ffffff1a;
}

.theme-toggle:hover {
  border-color: var(--wp--preset--color--neon-purple);
  transform: rotate(15deg);
  box-shadow: 0 0 12px #be00fe33;
}

.theme-toggle:focus {
  box-shadow: 0 0 0 2px var(--wp--preset--color--neon-pink);
  outline: none;
}

.theme-toggle__icon {
  width: 1.25rem;
  height: 1.25rem;
  transition: transform .5s cubic-bezier(.4, 0, .2, 1);
}

.dark .theme-toggle:hover .theme-toggle__icon {
  filter: drop-shadow(0 0 4px var(--wp--preset--color--neon-purple));
}

.header {
  width: 100%;
  z-index: var(--wp--preset--z-index--header);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #ffffffd9;
  border-bottom: 1px solid #0000000d;
  transition: all .3s;
  position: fixed;
  top: 0;
  left: 0;
}

.dark .header {
  background-color: #0f0f0fb3;
  border-bottom: 1px solid #ffffff0d;
}

.header__nav {
  max-width: var(--wp--preset--layout--wide);
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: .75rem 1.5rem;
  display: flex;
}

.header__logo-container {
  align-items: center;
  display: flex;
}

.header__logo-button {
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  padding: 0;
  display: flex;
}

.header__logo-image {
  width: auto;
  height: 3rem;
}

.header__desktop-nav {
  display: none;
}

@media (width >= 1024px) {
  .header__desktop-nav {
    align-items: center;
    gap: 2rem;
    display: flex;
  }
}

.header__nav-link {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-600);
  cursor: pointer;
  background: none;
  border: none;
  padding: .5rem;
  font-size: 1rem;
  font-weight: 500;
  transition: color .2s;
  position: relative;
}

.dark .header__nav-link {
  color: var(--wp--preset--color--neutral-300);
}

.header__nav-link:hover, .header__nav-link--active {
  color: var(--wp--preset--color--neon-purple);
}

.header__nav-link:after {
  content: "";
  background: var(--wp--preset--gradient--hyperpop);
  transform-origin: 100%;
  width: 100%;
  height: 2px;
  transition: transform .3s;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}

.header__nav-link:hover:after, .header__nav-link--active:after {
  transform-origin: 0;
  transform: scaleX(1);
}

.header__mobile-controls {
  align-items: center;
  gap: 1rem;
  display: flex;
}

@media (width >= 1024px) {
  .header__mobile-controls {
    display: none;
  }
}

.header__burger-button {
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  color: var(--foreground);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header__burger-icon {
  flex-direction: column;
  justify-content: space-between;
  width: 1.75rem;
  height: 1.25rem;
  display: flex;
  position: relative;
}

.header__burger-line {
  transform-origin: center;
  background-color: currentColor;
  border-radius: 2px;
  width: 100%;
  height: 2px;
  transition: all .3s;
  display: block;
}

.header__burger-button[aria-expanded="true"] .header__burger-line:first-child {
  transform: translateY(9px)rotate(45deg);
}

.header__burger-button[aria-expanded="true"] .header__burger-line:nth-child(2) {
  opacity: 0;
}

.header__burger-button[aria-expanded="true"] .header__burger-line:nth-child(3) {
  transform: translateY(-9px)rotate(-45deg);
}

.scroll-down-arrow {
  z-index: var(--wp--preset--z-index--10);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.scroll-down-arrow__border {
  border: 1px solid #0000001a;
  border-radius: 50%;
  transition: all .3s;
  position: absolute;
  inset: 0;
}

.dark .scroll-down-arrow__border {
  border-color: #fff3;
}

.scroll-down-arrow:hover .scroll-down-arrow__border {
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: var(--wp--preset--shadow--neon-md);
}

.scroll-down-arrow__inner {
  z-index: var(--wp--preset--z-index--10);
  color: var(--foreground);
  animation: 2s infinite bounce;
  position: relative;
}

.scroll-down-arrow:hover .scroll-down-arrow__inner {
  color: var(--wp--preset--color--neon-pink);
}

.scroll-down-arrow__icon {
  width: 3.5rem;
  height: 3.5rem;
}

.scroll-down-arrow__pulse {
  border: 2px solid var(--wp--preset--color--neon-pink);
  opacity: 0;
  z-index: 0;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.scroll-down-arrow:hover .scroll-down-arrow__pulse {
  animation: 1.5s cubic-bezier(.215, .61, .355, 1) infinite pulse-ring;
}

.scroll-to-top {
  background: var(--wp--preset--gradient--hyperpop);
  cursor: pointer;
  z-index: 50;
  width: 3rem;
  height: 3rem;
  box-shadow: var(--wp--preset--shadow--card);
  opacity: 0;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  animation: .3s forwards slideUpFade;
  display: flex;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  transform: translateY(20px);
}

.scroll-to-top:hover {
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: translateY(-5px);
}

.scroll-to-top__icon {
  color: #fff;
  width: 1.5rem;
  height: 1.5rem;
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

@keyframes pulse-ring {
  0% {
    opacity: .8;
    transform: scale(.8);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

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

.lightbox-overlay {
  z-index: var(--wp--preset--z-index--overlay);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000000f2;
  justify-content: center;
  align-items: center;
  animation: .3s ease-out fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.lightbox-container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.lightbox-container--scrollable {
  scroll-behavior: smooth;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  overflow-y: auto;
}

.lightbox-header {
  z-index: 20;
  justify-content: flex-end;
  padding: 1rem;
  display: flex;
}

.lightbox-controls {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.lightbox-btn {
  color: #fff;
  cursor: pointer;
  background: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s;
  display: flex;
}

.lightbox-btn:hover {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: scale(1.05);
}

.lightbox-btn--close {
  z-index: 30;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.lightbox-btn-text {
  border-radius: var(--wp--preset--border-radius--full);
  color: #fff;
  cursor: pointer;
  background: #ffffff1a;
  border: 1px solid #fff3;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.lightbox-btn-text:hover {
  background: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--neon-sm);
}

.lightbox-btn--mobile-toggle {
  display: flex;
}

@media (width >= 640px) {
  .lightbox-btn--mobile-toggle {
    display: none;
  }
}

.lightbox-content {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lightbox-nav-arrow {
  color: #ffffffb3;
  cursor: pointer;
  z-index: 20;
  background: #0000004d;
  border: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 8rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.lightbox-nav-arrow:hover {
  color: var(--wp--preset--color--neon-cyan);
  background: #0009;
}

.lightbox-nav-arrow--prev {
  left: 0;
}

.lightbox-nav-arrow--next {
  right: 0;
}

@media (width <= 768px) {
  .lightbox-nav-arrow {
    display: none;
  }
}

.lightbox-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform .3s;
  display: flex;
  position: relative;
}

.lightbox-image-wrapper--zoomed {
  justify-content: flex-start;
  align-items: flex-start;
  overflow: auto;
}

.lightbox-image {
  object-fit: contain;
  max-width: 100%;
  max-height: 80vh;
  transition: transform .3s cubic-bezier(.2, 0, .2, 1);
  box-shadow: 0 20px 50px #00000080;
}

.lightbox-image--centered {
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--xl);
}

.lightbox-image--zoomed {
  cursor: zoom-out;
  max-width: none;
  max-height: none;
  transform: scale(1.5);
}

.lightbox-dots-mobile {
  z-index: 20;
  gap: .5rem;
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

@media (width >= 768px) {
  .lightbox-dots-mobile {
    display: none;
  }
}

.lightbox-dots-desktop {
  z-index: 20;
  gap: .5rem;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

@media (width <= 767px) {
  .lightbox-dots-desktop {
    display: none;
  }
}

.lightbox-dot {
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  transition: all .2s;
}

.lightbox-dot--active {
  background-color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: scale(1.2);
}

.lightbox-dot--inactive {
  background-color: #ffffff4d;
}

.lightbox-dot:hover:not(.lightbox-dot--active) {
  background-color: #fff9;
}

.lightbox-caption {
  text-align: center;
  color: #fff;
  z-index: 10;
  pointer-events: none;
  background: linear-gradient(to top, #000000e6, #0000);
  padding: 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.lightbox-text-content {
  text-align: center;
  color: #fff;
  flex-shrink: 0;
  width: 100%;
  max-width: 48rem;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.lightbox-text-title {
  font-size: 1.25rem;
  font-family: var(--wp--preset--font-family--brand-heading);
  margin-bottom: .75rem;
  font-weight: 500;
}

.lightbox-text-description {
  font-size: 1rem;
  font-family: var(--wp--preset--font-family--brand-body);
  opacity: .8;
  margin-bottom: 1rem;
  line-height: 1.6;
}

.lightbox-text-paragraph {
  margin-bottom: .5rem;
}

.lightbox-text-hint {
  color: #ffffff80;
  margin-top: 1rem;
  font-size: .75rem;
}

.lightbox-swipe-indicator {
  z-index: 10;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.lightbox-thumbnails-container {
  background-color: #000c;
  border-top: 1px solid #ffffff1a;
  padding: 1rem;
  overflow-x: auto;
}

.lightbox-thumbnails-strip {
  justify-content: center;
  gap: .5rem;
  min-width: min-content;
  padding: 0 1rem;
  display: flex;
}

.lightbox-thumbnail-btn {
  cursor: pointer;
  opacity: .6;
  background: none;
  border: 2px solid #0000;
  border-radius: 4px;
  flex: 0 0 80px;
  height: 60px;
  padding: 0;
  transition: all .2s;
  overflow: hidden;
}

.lightbox-thumbnail-btn--active {
  border-color: var(--wp--preset--color--neon-purple);
  opacity: 1;
  box-shadow: var(--wp--preset--shadow--neon-sm);
}

.lightbox-thumbnail-btn:hover {
  opacity: 1;
}

.lightbox-thumbnail-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.lightbox-nav-hint-wrapper {
  justify-content: center;
  align-items: center;
  gap: .25rem;
  display: inline-flex;
}

.lightbox-footer {
  text-align: center;
  background: #0006;
  border-top: 1px solid #ffffff1a;
  padding: 1rem;
}

.lightbox-footer-content {
  color: #fff9;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  font-size: .75rem;
  display: flex;
}

.inline-flex-center {
  align-items: center;
  display: inline-flex;
}

.lightbox-hint-desktop {
  display: none;
}

.lightbox-hint-mobile {
  display: inline;
}

@media (width >= 768px) {
  .lightbox-hint-desktop {
    display: inline;
  }

  .lightbox-hint-mobile {
    display: none;
  }
}

.enhanced-lightbox__swipe-container {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.enhanced-lightbox__swipe-icon {
  color: #fffc;
  width: 1rem;
  height: 1rem;
}

.enhanced-lightbox__swipe-text {
  color: #fffc;
  font-size: .875rem;
  font-family: var(--wp--preset--font-family--brand-body);
  font-weight: 500;
}

.lightbox-separator {
  color: #ffffff80;
}

.hero {
  background-color: var(--wp--preset--color--base);
  width: 100%;
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  align-items: center;
  min-height: 80vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero--compact {
  align-items: flex-start;
  min-height: auto;
}

.dark .hero {
  background-color: #050505;
}

.hero--fullscreen {
  min-height: 100vh;
}

.hero__bg-effect {
  filter: blur(120px);
  pointer-events: none;
  z-index: 0;
  opacity: .2;
  border-radius: 50%;
  position: absolute;
}

.hero__bg-effect--1 {
  background: var(--wp--preset--color--neon-pink);
  width: 50vw;
  height: 50vw;
  top: -10%;
  left: -10%;
}

.hero__bg-effect--2 {
  background: var(--wp--preset--color--neon-purple);
  opacity: .15;
  width: 60vw;
  height: 60vw;
  bottom: 10%;
  right: -10%;
}

.hero__bg-effect--3 {
  background: var(--wp--preset--color--neon-blue);
  opacity: .1;
  width: 40vw;
  height: 40vw;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero__decorative-wrapper {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hero__container {
  width: 100%;
  max-width: var(--wp--preset--layout--content);
  z-index: 10;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.hero__container--wide {
  max-width: var(--wp--preset--layout--wide);
}

.hero__container--full {
  max-width: var(--wp--preset--layout--full);
}

.hero__content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  display: flex;
}

@media (width >= 1024px) {
  .hero__content--split {
    text-align: left;
    flex-direction: row;
    align-items: center;
    gap: 4rem;
  }
}

.hero__text-column {
  z-index: 10;
  flex-direction: column;
  flex: 1;
  gap: 1.5rem;
  display: flex;
}

.hero__title {
  font-family: var(--wp--preset--font-family--brand-title);
  color: var(--foreground);
  font-size: clamp(3rem, 8vw, 6rem);
  font-weight: 700;
  line-height: 1.1;
}

.hero__subtitle {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-600);
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 400;
  line-height: 1.4;
}

.dark .hero__subtitle {
  color: var(--wp--preset--color--neutral-300);
}

.hero__subtitle-accent--pink {
  color: var(--wp--preset--color--neon-pink);
}

.hero__subtitle-accent--green {
  color: var(--wp--preset--color--neon-green);
}

.hero__subtitle-accent--cyan {
  color: var(--wp--preset--color--neon-cyan);
}

.hero__description {
  color: var(--wp--preset--color--neutral-500);
  max-width: 36rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.dark .hero__description {
  color: var(--wp--preset--color--neutral-400);
}

.hero__actions {
  flex-flow: wrap;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  display: flex;
}

@media (width <= 1023px) {
  .hero__actions {
    justify-content: center;
  }
}

.hero__media-wrapper {
  width: 100%;
  padding: var(--wp--preset--spacing--fluid-md);
  justify-content: center;
  display: flex;
  position: relative;
}

.hero__media-wrapper-bottom {
  width: 100%;
  padding: var(--wp--preset--spacing--fluid-md);
  justify-content: center;
  display: flex;
}

.hero__media-container {
  aspect-ratio: 1;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  max-width: 500px;
  height: auto;
  display: grid;
  position: relative;
}

@media (width >= 1024px) {
  .hero__media-wrapper {
    height: 100%;
    min-height: 500px;
    padding: var(--wp--preset--spacing--fluid-md);
    flex: 1;
  }

  .hero__media-container {
    aspect-ratio: auto;
    max-width: none;
    height: 500px;
  }
}

.hero__mosaic-image {
  border-radius: var(--wp--preset--border-radius--lg);
  cursor: pointer;
  background-position: center;
  background-size: cover;
  border: 4px solid #fff;
  transition: all .3s;
  box-shadow: 0 20px 40px #0003;
}

.dark .hero__mosaic-image {
  border-color: #ffffff1a;
}

.hero__mosaic-image:hover {
  z-index: 20;
  border-color: var(--wp--preset--color--neon-pink);
  transform: scale(1.05);
  box-shadow: 0 30px 60px #be00fe4d;
}

.hero__mosaic-image--1 {
  z-index: 1;
  grid-area: 1 / 3 / 8 / 11;
}

.hero__mosaic-image--2 {
  z-index: 2;
  grid-area: 6 / 8 / 13 / 13;
}

.hero__mosaic-image--3 {
  z-index: 3;
  grid-area: 8 / 1 / 13 / 6;
}

.hero__scroll-arrow {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.layout-grid {
  width: 100%;
  display: grid;
}

.layout-grid--cols-1 {
  grid-template-columns: 1fr;
}

@media (width >= 768px) {
  .layout-grid--tablet-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .layout-grid--tablet-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1024px) {
  .layout-grid--desktop-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .layout-grid--desktop-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .layout-grid--ratio-2-1 {
    grid-template-columns: 2fr 1fr;
  }

  .layout-grid--ratio-1-2 {
    grid-template-columns: 1fr 2fr;
  }

  .layout-grid--ratio-3-2 {
    grid-template-columns: 3fr 2fr;
  }

  .layout-grid--ratio-2-3 {
    grid-template-columns: 2fr 3fr;
  }
}

.layout-align-top {
  align-items: start;
}

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

.layout-align-bottom {
  align-items: end;
}

.layout-align-stretch {
  align-items: stretch;
}

.gap-fluid-3xl {
  gap: var(--wp--preset--spacing--fluid-2xl);
}

.layout-container-content {
  z-index: 10;
  position: relative;
}

.layout-section {
  position: relative;
  overflow: hidden;
}

.layout-section-bordered {
  border-top: 1px solid var(--wp--preset--color--neutral-100);
  border-bottom: 1px solid var(--wp--preset--color--neutral-100);
  padding-top: 2rem;
  transition: border-color .3s, background-color .3s;
}

.dark .layout-section-bordered {
  border-color: #ffffff0d;
}

.layout-section-bg-default {
  background-color: #fff;
}

.dark .layout-section-bg-default {
  background-color: #0006;
}

.layout-decorative-bg {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.colorful-icon {
  vertical-align: middle;
  display: inline-block;
}

.colorful-icon--sm {
  width: 1.5rem;
  height: 1.5rem;
}

.colorful-icon--md {
  width: 3rem;
  height: 3rem;
}

.colorful-icon--lg {
  width: 5rem;
  height: 5rem;
}

.why-section {
  background-color: var(--wp--preset--color--base);
  padding-top: var(--wp--preset--spacing--section-vertical);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
}

.dark .why-section {
  background-color: #0000;
}

.why-section__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
}

.why-section__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--section);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  color: var(--foreground);
  font-weight: 700;
}

.why-section__subtitle {
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neutral-500);
}

.dark .why-section__subtitle {
  color: var(--wp--preset--color--neutral-400);
}

.why-section__footer {
  margin-top: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  display: flex;
}

.feature-card {
  background-color: var(--wp--preset--color--neutral-50);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 2rem;
  transition: all .3s;
  display: flex;
}

.dark .feature-card {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: #ffffff08;
}

.feature-card:hover {
  border-color: var(--wp--preset--color--neon-purple);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px #0000001a;
}

.dark .feature-card:hover {
  box-shadow: 0 10px 30px #be00fe1a;
}

.feature-card__icon-wrapper {
  margin-bottom: 1.5rem;
  transition: transform .3s;
}

.feature-card:hover .feature-card__icon-wrapper {
  transform: scale(1.1);
}

.feature-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.feature-card__description {
  color: var(--wp--preset--color--neutral-600);
  font-size: 1rem;
  line-height: 1.6;
}

.dark .feature-card__description {
  color: var(--wp--preset--color--neutral-400);
}

.slider-card {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--border);
  flex-direction: column;
  height: 100%;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.dark .slider-card {
  background-color: #1e1e1e99;
  border-color: #ffffff1a;
}

.slider-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-8px);
}

.slider-card__image-container {
  aspect-ratio: 4 / 3;
  background-position: center;
  background-size: cover;
  background-color: var(--wp--preset--color--neutral-200);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slider-card__category {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #fff;
  border-radius: var(--wp--preset--border-radius--full);
  text-transform: uppercase;
  letter-spacing: .05em;
  z-index: 10;
  background-color: #0009;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.slider-card__nav-btn-container {
  display: none;
}

@media (width >= 640px) {
  .slider-card__nav-btn-container {
    display: block;
  }
}

.slider-card__nav-btn {
  color: #fff;
  cursor: pointer;
  opacity: 0;
  z-index: 20;
  background-color: #0006;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.slider-card:hover .slider-card__nav-btn {
  opacity: 1;
}

.slider-card__nav-btn:hover {
  background-color: #000000b3;
  transform: translateY(-50%)scale(1.1);
}

.slider-card__nav-icon {
  color: #fff;
  width: 1.75rem;
  height: 1.75rem;
}

.slider-card__nav-btn--prev {
  left: .5rem;
}

.slider-card__nav-btn--next {
  right: .5rem;
}

.slider-card__swipe-indicator {
  border-radius: var(--wp--preset--border-radius--full);
  color: #fff;
  z-index: 20;
  background-color: #0009;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 500;
  display: block;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

@media (width >= 640px) {
  .slider-card__swipe-indicator {
    display: none;
  }
}

.slider-card__swipe-text {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.slider-card__swipe-icon {
  color: #fff;
  width: .75rem;
  height: .75rem;
}

.slider-card__pagination {
  z-index: 20;
  gap: .25rem;
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.slider-card__dot {
  cursor: pointer;
  border: none;
  border-radius: 50%;
  width: .375rem;
  height: .375rem;
  padding: 0;
  transition: all .2s;
}

.slider-card__dot--active {
  background-color: #fff;
  transform: scale(1.2);
}

.slider-card__dot--inactive {
  background-color: #fff6;
}

.slider-card__counter {
  color: #fff;
  border-radius: var(--wp--preset--border-radius--md);
  opacity: 0;
  z-index: 10;
  background-color: #0009;
  padding: .25rem .5rem;
  font-size: .75rem;
  font-weight: 600;
  transition: opacity .2s;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.slider-card:hover .slider-card__counter {
  opacity: 1;
}

.slider-card__content {
  flex-direction: column;
  flex: 1;
  padding: 1.5rem;
  display: flex;
}

.slider-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-900);
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.dark .slider-card__title {
  color: var(--wp--preset--color--neutral-50);
}

.slider-card__subtitle {
  color: var(--wp--preset--color--neutral-500);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.dark .slider-card__subtitle {
  color: var(--wp--preset--color--neutral-400);
}

.slider-card__subtitle--uv {
  color: var(--wp--preset--color--neon-purple);
}

.slider-card__description {
  color: var(--wp--preset--color--neutral-600);
  flex: 1;
  font-size: .95rem;
  line-height: 1.6;
}

.dark .slider-card__description {
  color: var(--wp--preset--color--neutral-300);
}

.slider-card__read-more {
  color: var(--wp--preset--color--primary-600);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  margin-top: 1rem;
  padding: 0;
  font-size: .875rem;
  font-weight: 600;
  transition: color .2s;
  display: inline-flex;
}

.slider-card__read-more:hover {
  color: var(--wp--preset--color--primary-700);
  text-decoration: underline;
}

.dark .slider-card__read-more {
  color: var(--wp--preset--color--primary-400);
}

.dark .slider-card__read-more:hover {
  color: var(--wp--preset--color--primary-300);
}

.featured-section {
  padding: var(--wp--preset--spacing--section-vertical) 0;
  background-color: #0000;
  position: relative;
  overflow: hidden;
}

.featured-section__header {
  text-align: center;
  max-width: var(--wp--preset--layout--content);
  z-index: 10;
  margin: 0 auto 3rem;
  position: relative;
}

.featured-section__title {
  margin-bottom: var(--wp--preset--spacing--fluid-md);
}

.featured-section__description {
  color: var(--wp--preset--color--neutral-500);
}

.dark .featured-section__description {
  color: var(--wp--preset--color--neutral-400);
}

.featured-section__mobile-slider {
  padding-bottom: 2rem;
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  gap: 1.5rem;
  display: flex;
  overflow-x: auto;
}

.featured-section__mobile-slide {
  scroll-snap-align: center;
  flex: 0 0 85%;
}

.featured-section__card {
  width: 100%;
  height: 100%;
}

@media (width >= 768px) {
  .featured-section__mobile-slider {
    display: none;
  }
}

.featured-section__desktop-grid {
  display: none;
}

@media (width >= 768px) {
  .featured-section__desktop-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    display: grid;
  }
}

.featured-section__cta-container {
  margin-top: var(--wp--preset--spacing--fluid-xl);
  z-index: 10;
  justify-content: center;
  display: flex;
  position: relative;
}

.featured-section__empty {
  text-align: center;
  width: 100%;
  padding: 2rem;
}

@media (width >= 768px) {
  .featured-section__empty {
    grid-column: span 2;
  }
}

.read-more-btn {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neon-purple);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: .5rem;
  padding: 0;
  font-size: .875rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
}

.read-more-btn:hover {
  color: var(--wp--preset--color--neon-pink);
  gap: .75rem;
}

.read-more-btn:focus {
  outline: 2px solid var(--wp--preset--color--neon-pink);
  outline-offset: 4px;
  border-radius: 2px;
}

.read-more-btn__icon {
  width: 1rem;
  height: 1rem;
}

.blog-preview {
  padding: var(--wp--preset--spacing--section-vertical) 0;
  background-color: var(--wp--preset--color--neutral-50);
  position: relative;
  overflow: hidden;
}

.dark .blog-preview {
  background-color: #0a0a0a;
}

.blog-preview__grid {
  display: none;
}

.blog-preview__mobile-slider {
  gap: var(--wp--preset--spacing--fluid-md);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  margin-top: var(--wp--preset--spacing--fluid-lg);
  display: flex;
  overflow-x: auto;
}

.blog-preview__mobile-slide {
  scroll-snap-align: center;
  flex: 0 0 100%;
  width: 100%;
  height: auto;
}

.blog-preview__desktop-grid {
  display: none;
}

@media (width >= 1024px) {
  .blog-preview__mobile-slider {
    display: none;
  }

  .blog-preview__desktop-grid {
    gap: var(--wp--preset--spacing--fluid-lg);
    margin-top: var(--wp--preset--spacing--fluid-xl);
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }
}

.blog-preview__cta {
  margin-top: var(--wp--preset--spacing--fluid-xl);
  justify-content: center;
  display: flex;
}

.blog-preview__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-2xl);
}

.blog-preview__mobile-slide .blog-card {
  height: 100%;
}

.blog-card {
  background: var(--background);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--border);
  flex-direction: column;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

.blog-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-5px);
}

.dark .blog-card:hover {
  border-color: var(--wp--preset--color--neon-purple);
}

.blog-card__image-container {
  aspect-ratio: 16 / 9;
  cursor: pointer;
  background-color: var(--wp--preset--color--neutral-100);
  overflow: hidden;
}

.blog-card__content {
  padding: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.blog-card__category {
  padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-purple);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  margin-bottom: var(--wp--preset--spacing--20);
  background: #be00fe1a;
  align-self: flex-start;
  font-weight: 600;
  display: inline-block;
}

.blog-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  margin-bottom: var(--wp--preset--spacing--20);
  cursor: pointer;
  color: var(--foreground);
  font-weight: 700;
  line-height: 1.3;
  transition: color .2s;
}

.blog-card__title:hover {
  color: var(--wp--preset--color--neon-pink);
}

.blog-card__excerpt {
  color: var(--wp--preset--color--neutral-500);
  font-size: var(--wp--preset--font-size--200);
  margin-bottom: var(--wp--preset--spacing--30);
  flex: 1;
  line-height: 1.6;
}

.blog-card__footer {
  padding-top: var(--wp--preset--spacing--20);
  border-top: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-card__date {
  align-items: center;
  gap: var(--wp--preset--spacing--10);
  color: var(--wp--preset--color--neutral-500);
  font-size: var(--wp--preset--font-size--100);
  display: flex;
}

.blog-card--loading {
  height: 100%;
  min-height: 400px;
}

.blog-card__loading-content {
  padding: var(--wp--preset--spacing--fluid-md);
  gap: var(--wp--preset--spacing--20);
  flex-direction: column;
  display: flex;
}

.skeleton-box {
  background-color: var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.dark .skeleton-box {
  background-color: var(--wp--preset--color--neutral-800);
}

.skeleton-box--image {
  width: 100%;
  height: 200px;
  margin-bottom: var(--wp--preset--spacing--20);
}

.skeleton-box--title {
  width: 80%;
  height: 2rem;
}

.skeleton-box--text {
  width: 100%;
  height: 4rem;
}

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

.text-blog-description {
  color: var(--wp--preset--color--neutral-500);
}

.dark .text-blog-description {
  color: var(--wp--preset--color--neutral-400);
}

.text-blog-error {
  color: var(--wp--preset--color--neon-red);
}

.blog-preview__error-container {
  text-align: center;
  padding-top: var(--wp--preset--spacing--fluid-xl);
  padding-bottom: var(--wp--preset--spacing--fluid-xl);
}

.icon-arrow {
  width: 1.25rem;
  height: 1.25rem;
}

.icon-calendar {
  width: 1rem;
  height: 1rem;
}

.btn-gap {
  gap: var(--wp--preset--spacing--10);
}

.uv-makeup-section {
  padding-top: var(--wp--preset--spacing--section-vertical);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  background-color: var(--wp--preset--color--neutral-50);
  color: var(--wp--preset--color--neutral-900);
  transition: background-color .3s, color .3s;
  position: relative;
  overflow: hidden;
}

.dark .uv-makeup-section {
  background-color: var(--wp--preset--color--atomic-black);
  color: #fff;
}

.uv-makeup-section__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-2xl);
  z-index: 10;
  position: relative;
}

.uv-makeup-section__description {
  max-width: 48rem;
  color: var(--wp--preset--color--neutral-600);
  margin: 0 auto;
  line-height: 1.6;
}

.dark .uv-makeup-section__description {
  color: var(--wp--preset--color--neutral-300);
}

.uv-makeup-slider {
  padding-bottom: 2rem;
  padding-left: var(--wp--preset--spacing--fluid-md);
  padding-right: var(--wp--preset--spacing--fluid-md);
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  gap: 1.5rem;
  margin: 0 -1rem;
  display: flex;
  overflow-x: auto;
}

.uv-makeup-slider__slide {
  scroll-snap-align: center;
  flex: 0 0 85%;
}

@media (width >= 768px) {
  .uv-makeup-slider {
    display: none;
  }
}

.uv-makeup-grid {
  display: none;
}

@media (width >= 768px) {
  .uv-makeup-grid {
    gap: var(--wp--preset--spacing--fluid-lg);
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }
}

@media (width >= 1024px) {
  .uv-makeup-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.uv-makeup-card-wrapper {
  width: 100%;
  height: 100%;
}

.uv-makeup-cta-btn {
  width: 100%;
}

@media (width >= 640px) {
  .uv-makeup-cta-btn {
    width: auto;
  }
}

.testimonials-section {
  padding-top: var(--wp--preset--spacing--section-vertical);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  transition: background-color .3s, color .3s;
  position: relative;
  overflow: hidden;
}

.dark .testimonials-section {
  background-color: var(--wp--preset--color--atomic-black);
  color: var(--wp--preset--color--neutral-100);
}

.testimonials-section__container {
  max-width: var(--wp--preset--layout--wide);
  margin-left: auto;
  margin-right: auto;
}

.testimonials-section__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
}

.testimonials-section__title {
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--contrast);
}

.dark .testimonials-section__title {
  color: #fff;
}

.testimonials-section__description {
  background: linear-gradient(to right, var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-purple), var(--wp--preset--color--neon-blue));
  -webkit-text-fill-color: transparent;
  background-clip: text;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.testimonials-section__slider-wrapper {
  position: relative;
}

.testimonials-section__nav-button {
  z-index: 10;
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  width: 3rem;
  height: 3rem;
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  box-shadow: var(--wp--preset--shadow--md);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dark .testimonials-section__nav-button {
  color: #fff;
  box-shadow: none;
  background-color: #ffffff1a;
  border-color: #fff3;
}

.testimonials-section__nav-button:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neon-purple);
  border-color: var(--wp--preset--color--neon-purple);
  color: #fff;
}

.dark .testimonials-section__nav-button:hover:not(:disabled) {
  box-shadow: 0 0 15px #be00fe80;
}

.testimonials-section__nav-button:disabled {
  opacity: .3;
  cursor: not-allowed;
  box-shadow: none;
}

.testimonials-section__nav-button--prev {
  left: 0;
}

.testimonials-section__nav-button--next {
  right: 0;
}

.testimonials-section__nav-icon {
  width: 1.5rem;
  height: 1.5rem;
}

@media (width <= 768px) {
  .testimonials-section__nav-button {
    display: none;
  }
}

.testimonials-section__slider-viewport {
  margin: 0 -.5rem;
  overflow: hidden;
}

.testimonials-section__track {
  transform: translateX(calc(var(--testimonial-index, 0) * -50%));
  transition: transform .5s cubic-bezier(.25, 1, .5, 1);
  display: flex;
}

@media (width <= 768px) {
  .testimonials-section__track {
    transform: translateX(calc(var(--testimonial-index, 0) * -100%));
  }
}

.testimonials-section__slide {
  box-sizing: border-box;
  flex: 0 0 50%;
  padding: 0 1rem;
}

@media (width <= 768px) {
  .testimonials-section__slide {
    flex: 0 0 100%;
  }
}

.testimonials-section__dots {
  justify-content: center;
  gap: .5rem;
  margin-top: 2rem;
  display: flex;
}

.testimonials-section__dot {
  border: 1px solid var(--wp--preset--color--neutral-300);
  background-color: var(--wp--preset--color--neutral-100);
  cursor: pointer;
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  transition: all .3s;
}

.dark .testimonials-section__dot {
  background-color: #fff3;
  border: none;
}

.testimonials-section__dot--active {
  transform: scale(1.2);
  background-color: var(--wp--preset--color--neon-pink) !important;
  border-color: var(--wp--preset--color--neon-pink) !important;
}

.dark .testimonials-section__dot--active {
  box-shadow: 0 0 10px #ff10f080;
}

.testimonials-section__dot--inactive:hover {
  background-color: var(--wp--preset--color--neutral-300);
}

.dark .testimonials-section__dot--inactive:hover {
  background-color: #fff6;
}

.testimonial-card {
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--lg);
  height: 100%;
  box-shadow: var(--wp--preset--shadow--sm);
  flex-direction: column;
  padding: 2rem;
  transition: transform .3s, box-shadow .3s;
  display: flex;
}

.dark .testimonial-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: none;
  background-color: #ffffff0d;
  border-color: #ffffff1a;
}

.testimonial-card:hover {
  box-shadow: var(--wp--preset--shadow--md);
  transform: translateY(-2px);
}

.testimonial-card__text {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-700);
  flex: 1;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.6;
}

.dark .testimonial-card__text {
  color: var(--wp--preset--color--neutral-200);
}

.testimonial-card__footer {
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  padding-top: 1rem;
}

.dark .testimonial-card__footer {
  border-top-color: #ffffff1a;
}

.testimonial-card__author {
  color: var(--wp--preset--color--contrast);
  font-size: 1rem;
  font-weight: 700;
}

.dark .testimonial-card__author {
  color: #fff;
}

.testimonial-card__event {
  color: var(--wp--preset--color--neon-purple);
  margin-top: .25rem;
  font-size: .875rem;
  font-weight: 500;
}

.dark .testimonial-card__event {
  color: var(--wp--preset--color--neon-pink);
}

.festival-countdown {
  background-color: var(--wp--preset--color--neutral-50);
  position: relative;
  overflow: hidden;
}

.dark .festival-countdown {
  background-color: #080808;
}

.festival-countdown__badge {
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-yellow);
  text-transform: uppercase;
  letter-spacing: .05em;
  background-color: #ffff001a;
  border: 1px solid #ffff004d;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 700;
  display: inline-flex;
  box-shadow: 0 0 15px #ff03;
}

.festival-countdown__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  max-width: 32rem;
  margin: 0 auto 3rem;
  display: grid;
}

@media (width >= 640px) {
  .festival-countdown__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
}

.festival-timer-card {
  background-color: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--lg);
  text-align: center;
  box-shadow: var(--wp--preset--shadow--card);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 1rem;
  display: flex;
}

.dark .festival-timer-card {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: #ffffff0d;
}

.festival-timer-card__number {
  font-family: var(--wp--preset--font-family--brand-title);
  color: var(--wp--preset--color--neon-pink);
  margin-bottom: .5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}

.festival-timer-card__label {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--wp--preset--color--neutral-500);
  font-size: .75rem;
}

.dark .festival-timer-card__label {
  color: var(--wp--preset--color--neutral-400);
}

.multiple-countdowns {
  background-color: var(--background);
  position: relative;
}

.festival-card {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--xl);
  border: 1px solid var(--border);
  height: 100%;
  padding: 2rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.dark .festival-card {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: #ffffff08;
}

.festival-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-5px);
}

.festival-card--purple {
  border-top: 4px solid var(--wp--preset--color--neon-purple);
}

.festival-card--purple:hover {
  box-shadow: 0 10px 30px #be00fe26;
}

.festival-card--green {
  border-top: 4px solid var(--wp--preset--color--neon-green);
}

.festival-card--green:hover {
  box-shadow: 0 10px 30px #39ff1426;
}

.festival-card--amber {
  border-top: 4px solid var(--wp--preset--color--neon-orange);
}

.festival-card--amber:hover {
  box-shadow: 0 10px 30px #ff5f1f26;
}

.festival-card__bg-pattern {
  pointer-events: none;
  z-index: 0;
  opacity: .5;
  position: absolute;
  inset: 0;
}

.festival-card__bg-blob {
  filter: blur(40px);
  opacity: .1;
  border-radius: 50%;
  position: absolute;
}

.festival-card--purple .festival-card__bg-blob {
  background-color: var(--wp--preset--color--neon-purple);
}

.festival-card--green .festival-card__bg-blob {
  background-color: var(--wp--preset--color--neon-green);
}

.festival-card--amber .festival-card__bg-blob {
  background-color: var(--wp--preset--color--neon-orange);
}

.festival-card__header {
  color: var(--wp--preset--color--primary);
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  display: flex;
}

.festival-card--green .festival-card__header {
  color: var(--wp--preset--color--neon-green);
}

.festival-card--amber .festival-card__header {
  color: var(--wp--preset--color--neon-orange);
}

.festival-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  font-size: 1.5rem;
  font-weight: 700;
}

.festival-card__details {
  color: var(--wp--preset--color--neutral-600);
  flex-direction: column;
  gap: .5rem;
  font-size: .95rem;
  display: flex;
}

.dark .festival-card__details {
  color: var(--wp--preset--color--neutral-400);
}

.festival-card__detail-item {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.festival-card__timer-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: .5rem;
  margin-top: 1.5rem;
  display: grid;
}

.festival-card__timer-box {
  background-color: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--wp--preset--border-radius--md);
  text-align: center;
  padding: .5rem .25rem;
}

.dark .festival-card__timer-box {
  background-color: #0000004d;
}

.festival-card__timer-number {
  font-family: var(--wp--preset--font-family--brand-title);
  color: var(--foreground);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

.festival-card__timer-label {
  text-transform: uppercase;
  color: var(--wp--preset--color--neutral-500);
  margin-top: .25rem;
  font-size: .65rem;
}

.festival-countdown__bg {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.festival-countdown__badge-container {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  display: flex;
}

.festival-countdown__badge-animate {
  margin-left: auto;
  margin-right: auto;
  animation: 1s infinite bounce;
}

.festival-countdown__icon-spin {
  animation: 3s linear infinite spin;
}

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

.festival-countdown__actions {
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.festival-countdown__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
}

.festival-countdown__subtitle {
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  justify-content: center;
  display: flex;
}

.festival-countdown__meta {
  font-size: var(--wp--preset--font-size--200);
  font-family: var(--wp--preset--font-family--brand-body);
  color: var(--wp--preset--color--neutral-700);
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.dark .festival-countdown__meta {
  color: var(--wp--preset--color--neutral-300);
}

.festival-countdown__meta-item {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.festival-countdown__meta-divider {
  background-color: var(--wp--preset--color--neutral-400);
  border-radius: 50%;
  align-self: center;
  width: .25rem;
  height: .25rem;
  display: none;
}

@media (width >= 640px) {
  .festival-countdown__meta-divider {
    display: block;
  }
}

.festival-countdown__cta-section {
  text-align: center;
}

.festival-countdown__description {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

.festival-countdown__buttons {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  display: flex;
}

@media (width >= 640px) {
  .festival-countdown__buttons {
    flex-direction: row;
  }
}

.festival-countdown__urgency {
  margin-top: var(--wp--preset--spacing--fluid-lg);
}

.festival-countdown__urgency-badge {
  color: var(--wp--preset--color--neon-yellow);
  border-radius: var(--wp--preset--border-radius--full);
  background-color: #ffff001a;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 700;
  display: inline-flex;
}

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

.festival-status {
  justify-content: center;
  margin-top: 1.5rem;
  display: flex;
}

.festival-status__badge {
  border-radius: var(--wp--preset--border-radius--full);
  color: var(--wp--preset--color--neon-green);
  background-color: #39ff141a;
  border: 1px solid #39ff144d;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 700;
  animation: 2s infinite pulse;
  display: inline-flex;
}

.festival-status__icon {
  width: 1rem;
  height: 1rem;
}

.festival-urgency-badge {
  justify-content: center;
  margin-top: 1rem;
  display: flex;
}

.festival-urgency-badge__content {
  color: var(--wp--preset--color--neon-orange);
  border-radius: var(--wp--preset--border-radius--full);
  background-color: #ff5f1f1a;
  align-items: center;
  gap: .5rem;
  padding: .25rem .75rem;
  font-size: .8rem;
  font-weight: 600;
  display: inline-flex;
}

.instagram-feed {
  padding-top: var(--wp--preset--spacing--section-vertical);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  background-color: var(--wp--preset--color--neutral-50);
}

.dark .instagram-feed {
  background-color: #050505;
}

.instagram-feed__grid {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

@media (width >= 1024px) {
  .instagram-feed__grid {
    flex-direction: row;
    align-items: flex-start;
    gap: 4rem;
  }
}

.instagram-feed__header-col {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

@media (width >= 1024px) {
  .instagram-feed__header-col {
    text-align: center;
    align-items: center;
    width: 25%;
    position: sticky;
    top: 6rem;
  }
}

.instagram-feed__title-group {
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  display: flex;
}

.instagram-feed__icon {
  width: 2rem;
  height: 2rem;
  color: var(--wp--preset--color--neon-pink);
}

.instagram-feed__description {
  color: var(--wp--preset--color--neutral-500);
  max-width: 24rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}

.dark .instagram-feed__description {
  color: var(--wp--preset--color--neutral-400);
}

.instagram-feed__link {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neon-purple);
  align-items: center;
  gap: .5rem;
  font-size: 1.125rem;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

.instagram-feed__link:hover {
  color: var(--wp--preset--color--neon-pink);
  text-underline-offset: 4px;
  text-decoration: underline;
}

.instagram-feed__widget-col {
  width: 100%;
}

@media (width >= 1024px) {
  .instagram-feed__widget-col {
    width: 75%;
  }
}

.instagram-feed__link-icon {
  width: 1rem;
  height: 1rem;
}

.instagram-feed__widget {
  width: 100%;
  height: 100%;
}

.instagram-feed__fallback {
  text-align: center;
  width: 100%;
  color: var(--wp--preset--color--neutral-500);
  justify-content: center;
  padding: 2rem;
  display: flex;
}

.footer {
  background-color: var(--wp--preset--color--neutral-50);
  color: var(--wp--preset--color--neutral-900);
  padding: var(--wp--preset--spacing--fluid-2xl) 0;
  transition: background-color .3s, color .3s;
  position: relative;
  overflow: hidden;
}

.dark .footer {
  background-color: var(--wp--preset--color--atomic-black);
  color: #fff;
}

.footer__bg-orb {
  filter: blur(100px);
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
  position: absolute;
}

.footer__bg-orb--1 {
  background: radial-gradient(circle, var(--wp--preset--color--neon-purple) 0%, transparent 70%);
  opacity: .15;
  width: 40vw;
  height: 40vw;
  top: 0;
  left: 0;
  transform: translate(-30%, -30%);
}

.dark .footer__bg-orb--1 {
  opacity: .2;
}

.footer__bg-orb--2 {
  background: radial-gradient(circle, var(--wp--preset--color--neon-blue) 0%, transparent 70%);
  opacity: .15;
  width: 40vw;
  height: 40vw;
  bottom: 0;
  right: 0;
  transform: translate(30%, 30%);
}

.dark .footer__bg-orb--2 {
  opacity: .2;
}

.footer__container {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--fluid-md);
  z-index: var(--wp--preset--z-index--10);
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.footer__about {
  max-width: 32rem;
  margin-bottom: 3rem;
}

.footer__logo-wrapper {
  justify-content: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.footer__description {
  color: var(--wp--preset--color--neutral-600);
  font-size: 1.125rem;
  line-height: 1.6;
}

.dark .footer__description {
  color: var(--wp--preset--color--neutral-400);
}

.footer__connect {
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 3rem;
  display: flex;
}

.footer__social {
  margin-bottom: 3rem;
}

.footer__separator {
  width: 100%;
  max-width: 48rem;
  margin-bottom: 2rem;
  padding: 0 1rem;
}

.footer__separator-line {
  background: linear-gradient(90deg, #0000, #0000001a, #0000);
  width: 100%;
  height: 1px;
}

.dark .footer__separator-line {
  background: linear-gradient(90deg, #0000, #fff3, #0000);
}

.footer__bottom {
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 48rem;
  display: flex;
}

.footer__bottom-top {
  color: var(--wp--preset--color--neutral-500);
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  font-size: .875rem;
  display: flex;
}

@media (width >= 640px) {
  .footer__bottom-top {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
}

.footer__bottom-logo {
  cursor: pointer;
  transition: transform .2s, opacity .2s;
}

.footer__bottom-logo:hover {
  opacity: .8;
  transform: scale(1.05);
}

.footer__bottom-logo:focus {
  outline: 2px solid var(--wp--preset--color--neon-purple);
  outline-offset: 4px;
  border-radius: 8px;
}

.footer__links {
  gap: 1.5rem;
  display: flex;
}

.footer__legal-link {
  color: var(--wp--preset--color--neutral-500);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: .875rem;
  transition: color .2s;
}

.footer__legal-link:hover {
  color: var(--wp--preset--color--neutral-900);
}

.dark .footer__legal-link:hover {
  color: #fff;
}

.btn {
  text-align: center;
  white-space: nowrap;
  border-radius: var(--wp--preset--border-radius--full);
  font-size: clamp(1.25rem, .8rem + 1.6vw, 2rem);
  font-weight: 500;
  font-family: var(--wp--preset--font-family--brand-body);
  cursor: pointer;
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  border: 1px solid #0000;
  outline: none;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  line-height: 1.2;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-flex;
}

.btn:disabled {
  pointer-events: none;
  opacity: .5;
}

.btn svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
}

.btn:focus-visible {
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 0 3px #be00fe4d;
}

.btn--default {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}

.btn--default:hover {
  opacity: .9;
  box-shadow: var(--wp--preset--shadow--neon-sm);
}

.btn--destructive {
  background-color: var(--wp--preset--color--neon-red);
  color: #fff;
}

.btn--destructive:hover {
  opacity: .9;
}

.btn--outline {
  border-color: var(--wp--preset--color--neutral-200);
  color: var(--foreground);
  background-color: #0000;
}

.btn--outline:hover {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--foreground);
}

.dark .btn--outline {
  border-color: var(--wp--preset--color--neutral-700);
}

.dark .btn--outline:hover {
  background-color: var(--wp--preset--color--neutral-800);
}

.btn--secondary {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-900);
}

.btn--secondary:hover {
  background-color: var(--wp--preset--color--neutral-200);
}

.dark .btn--secondary {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-50);
}

.dark .btn--secondary:hover {
  background-color: var(--wp--preset--color--neutral-700);
}

.btn--ghost {
  color: var(--foreground);
  background-color: #0000;
}

.btn--ghost:hover {
  background-color: var(--wp--preset--color--neutral-100);
}

.dark .btn--ghost:hover {
  background-color: var(--wp--preset--color--neutral-800);
}

.btn--link {
  color: var(--wp--preset--color--primary);
  text-underline-offset: 4px;
  font-size: inherit;
  background-color: #0000;
  padding: 0;
  text-decoration: underline;
}

.btn--link:hover {
  color: var(--wp--preset--color--neon-pink);
}

.btn--neon-primary {
  background: var(--wp--preset--gradient--cyberpunk);
  color: #fff;
  border: none;
}

.btn--neon-primary:hover {
  box-shadow: var(--wp--preset--shadow--neon-lg);
  transform: translateY(-2px);
}

.btn--neon-secondary {
  border: 2px solid var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink);
  background: none;
}

.btn--neon-secondary:hover {
  background-color: #ff10f01a;
}

.btn--sm {
  border-radius: var(--wp--preset--border-radius--md);
  padding: .375em .75em;
  font-size: clamp(.875rem, .75rem + .5vw, 1.25rem);
}

.btn--lg {
  padding: .75em 1.5em;
  font-size: clamp(1.5rem, 1rem + 2vw, 2.5rem);
}

.btn--icon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  display: flex;
}

.btn--full-mobile {
  width: 100%;
}

@media (width >= 640px) {
  .btn--full-mobile {
    width: auto;
  }
}

.homepage-loading {
  min-height: 100vh;
  padding: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  align-items: center;
  display: flex;
}

.homepage-loading__content {
  width: 100%;
  max-width: var(--wp--preset--layout--content);
  margin: 0 auto;
}

.homepage-error {
  min-height: 100vh;
  padding: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  align-items: center;
  display: flex;
}

.homepage-error__content {
  text-align: center;
  max-width: var(--wp--preset--layout--content);
}

.homepage-error__icon-wrapper {
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.homepage-error__icon {
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  font-size: 3rem;
}

.homepage-error__actions {
  justify-content: center;
  gap: var(--wp--preset--spacing--fluid-md);
  display: flex;
}

.homepage-hero__actions {
  justify-content: center;
  width: 100%;
  display: flex;
}

.loading-toast {
  bottom: var(--wp--preset--spacing--fluid-lg);
  right: var(--wp--preset--spacing--fluid-lg);
  z-index: var(--wp--preset--z-index--toast);
  animation: .3s ease-out slideIn;
  position: fixed;
}

.loading-toast__inner {
  background-color: var(--wp--preset--color--neutral-900);
  color: #fff;
  padding: var(--wp--preset--spacing--fluid-sm) var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--full);
  box-shadow: var(--wp--preset--shadow--card);
}

.loading-toast__content {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  font-size: var(--wp--preset--font-size--100);
  font-weight: 500;
  display: flex;
}

.loading-spinner {
  border: 2px solid #ffffff4d;
  border-top-color: #fff;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: 1s linear infinite spin;
}

.hero__scroll-arrow {
  margin-top: var(--wp--preset--spacing--fluid-xl);
}

.home-page-layout {
  --bg-rainbow-1: var(--wp--preset--color--neon-red, #ff3131);
  --bg-rainbow-2: var(--wp--preset--color--neon-orange);
  --bg-rainbow-3: var(--wp--preset--color--neon-yellow);
  --bg-rainbow-4: var(--wp--preset--color--neon-green);
  --bg-rainbow-5: var(--wp--preset--color--neon-blue);
  --bg-rainbow-6: var(--wp--preset--color--neon-purple);
  --bg-rainbow-7: var(--wp--preset--color--neon-pink);
  --bg-rainbow-8: var(--wp--preset--color--neon-red, #ff3131);
  --bg-rainbow-9: var(--wp--preset--color--neon-orange);
}

@supports (color: color-mix(in lab, red, red)) {
  .home-page-layout {
    --bg-rainbow-1: color-mix(in srgb, var(--wp--preset--color--neon-red, #ff3131), white 97%);
    --bg-rainbow-2: color-mix(in srgb, var(--wp--preset--color--neon-orange), white 97%);
    --bg-rainbow-3: color-mix(in srgb, var(--wp--preset--color--neon-yellow), white 97%);
    --bg-rainbow-4: color-mix(in srgb, var(--wp--preset--color--neon-green), white 97%);
    --bg-rainbow-5: color-mix(in srgb, var(--wp--preset--color--neon-blue), white 97%);
    --bg-rainbow-6: color-mix(in srgb, var(--wp--preset--color--neon-purple), white 97%);
    --bg-rainbow-7: color-mix(in srgb, var(--wp--preset--color--neon-pink), white 97%);
    --bg-rainbow-8: color-mix(in srgb, var(--wp--preset--color--neon-red, #ff3131), white 97%);
    --bg-rainbow-9: color-mix(in srgb, var(--wp--preset--color--neon-orange), white 97%);
  }
}

.dark .home-page-layout {
  --bg-rainbow-1: var(--wp--preset--color--neon-red, #ff3131);
  --bg-rainbow-2: var(--wp--preset--color--neon-orange);
  --bg-rainbow-3: var(--wp--preset--color--neon-yellow);
  --bg-rainbow-4: var(--wp--preset--color--neon-green);
  --bg-rainbow-5: var(--wp--preset--color--neon-blue);
  --bg-rainbow-6: var(--wp--preset--color--neon-purple);
  --bg-rainbow-7: var(--wp--preset--color--neon-pink);
  --bg-rainbow-8: var(--wp--preset--color--neon-red, #ff3131);
  --bg-rainbow-9: var(--wp--preset--color--neon-orange);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark .home-page-layout {
    --bg-rainbow-1: color-mix(in srgb, var(--wp--preset--color--neon-red, #ff3131), black 90%);
    --bg-rainbow-2: color-mix(in srgb, var(--wp--preset--color--neon-orange), black 90%);
    --bg-rainbow-3: color-mix(in srgb, var(--wp--preset--color--neon-yellow), black 90%);
    --bg-rainbow-4: color-mix(in srgb, var(--wp--preset--color--neon-green), black 90%);
    --bg-rainbow-5: color-mix(in srgb, var(--wp--preset--color--neon-blue), black 90%);
    --bg-rainbow-6: color-mix(in srgb, var(--wp--preset--color--neon-purple), black 90%);
    --bg-rainbow-7: color-mix(in srgb, var(--wp--preset--color--neon-pink), black 90%);
    --bg-rainbow-8: color-mix(in srgb, var(--wp--preset--color--neon-red, #ff3131), black 90%);
    --bg-rainbow-9: color-mix(in srgb, var(--wp--preset--color--neon-orange), black 90%);
  }
}

.home-page-layout .hero {
  background-color: var(--bg-rainbow-1) !important;
}

.home-page-layout .why-section {
  background-color: var(--bg-rainbow-2) !important;
}

.home-page-layout .featured-section {
  background-color: var(--bg-rainbow-3) !important;
}

.home-page-layout .blog-preview {
  background-color: var(--bg-rainbow-4) !important;
}

.home-page-layout .testimonials-section {
  background-color: var(--bg-rainbow-5) !important;
}

.home-page-layout .festival-countdown {
  background-color: var(--bg-rainbow-6) !important;
}

.home-page-layout .instagram-feed {
  background-color: var(--bg-rainbow-7) !important;
}

.home-page-layout .uv-makeup-section {
  background-color: var(--bg-rainbow-8) !important;
}

.home-page-layout .footer {
  background-color: var(--bg-rainbow-9) !important;
}

.section-card {
  border-radius: var(--wp--preset--border-radius--2xl);
  width: 100%;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.section-card__border {
  border-radius: var(--wp--preset--border-radius--2xl);
  z-index: 0;
  opacity: .5;
  position: absolute;
  inset: 0;
}

.dark .section-card__border {
  opacity: .3;
}

.section-card__content {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--2xl);
  padding: var(--wp--preset--spacing--fluid-2xl);
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.dark .section-card__content {
  background-color: #0a0a0a;
}

.section-card__orb {
  filter: blur(80px);
  opacity: .15;
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  top: -100px;
  right: -100px;
}

.section-card__inner {
  z-index: 10;
  gap: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
  position: relative;
}

.section-card__body {
  gap: var(--wp--preset--spacing--fluid-md);
  color: var(--wp--preset--color--neutral-700);
  flex-direction: column;
  display: flex;
}

.dark .section-card__body {
  color: var(--wp--preset--color--neutral-300);
}

.section-card__actions {
  margin-top: var(--wp--preset--spacing--fluid-md);
}

.section-card__quote {
  font-family: var(--wp--preset--font-family--brand-heading);
  border-left-style: solid;
  border-left-width: 4px;
  margin-top: 1rem;
  padding-left: 1.5rem;
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1.4;
  position: relative;
}

.text-neon-pink {
  color: var(--wp--preset--color--neon-pink);
}

.text-neon-purple {
  color: var(--wp--preset--color--neon-purple);
}

.text-neon-cyan {
  color: var(--wp--preset--color--neon-blue);
}

.text-neon-green {
  color: var(--wp--preset--color--neon-green);
}

.text-neon-yellow {
  color: var(--wp--preset--color--neon-yellow);
}

.text-neon-orange {
  color: var(--wp--preset--color--neon-orange);
}

.border-neon-pink {
  border-color: var(--wp--preset--color--neon-pink);
}

.border-neon-purple {
  border-color: var(--wp--preset--color--neon-purple);
}

.border-neon-cyan {
  border-color: var(--wp--preset--color--neon-blue);
}

.border-neon-green {
  border-color: var(--wp--preset--color--neon-green);
}

.about-page-container {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  color: var(--wp--preset--color--contrast);
}

.dark .about-page-container {
  background-color: var(--wp--preset--color--atomic-black);
  color: #fff;
  background-image: radial-gradient(circle, #32323233 0%, #0000 70%);
}

.about-loading-container {
  min-height: 100vh;
  padding-top: calc(var(--wp--preset--spacing--section-vertical)  + 5rem);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  justify-content: center;
  display: flex;
}

.about-loading-wrapper {
  width: 100%;
  max-width: var(--wp--preset--layout--wide);
}

.about-loading-content {
  margin: 0 auto;
}

.about-skeleton-stack {
  gap: var(--wp--preset--spacing--fluid-lg);
  margin-top: var(--wp--preset--spacing--fluid-xl);
  display: grid;
}

.about-skeleton-card {
  background-color: var(--wp--preset--color--neutral-100);
  border-radius: var(--wp--preset--border-radius--lg);
  height: 200px;
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.dark .about-skeleton-card {
  background-color: var(--wp--preset--color--neutral-800);
}

.about-technical-card {
  margin-top: var(--wp--preset--spacing--fluid-lg);
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--lg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
}

.about-technical-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neon-cyan);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  font-weight: 600;
}

.about-technical-divider {
  background: var(--wp--preset--gradient--toxic-lime);
  width: 3rem;
  height: 2px;
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
}

.about-technical-description {
  font-size: var(--wp--preset--font-size--200);
  opacity: .9;
  line-height: 1.6;
}

.about-skills-grid {
  gap: var(--wp--preset--spacing--fluid-md);
  margin-top: var(--wp--preset--spacing--fluid-lg);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  display: grid;
}

.about-skill-item {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-md);
  border-radius: var(--wp--preset--border-radius--md);
  background-color: #ffffff08;
  flex-direction: column;
  align-items: center;
  transition: transform .3s;
  display: flex;
}

.about-skill-item:hover {
  background-color: #ffffff14;
  transform: translateY(-5px);
}

.about-skill-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.about-skill-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--200);
  font-weight: 600;
}

.about-cta-center {
  margin-top: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  display: flex;
}

.about-hero-orb-1, .about-hero-orb-2, .about-hero-orb-3 {
  filter: blur(80px);
  opacity: .4;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}

.about-hero-orb-1 {
  background: var(--wp--preset--color--neon-pink);
  width: 300px;
  height: 300px;
  animation: 8s ease-in-out infinite float;
  top: 10%;
  right: 10%;
}

.about-hero-orb-2 {
  background: var(--wp--preset--color--neon-blue);
  width: 250px;
  height: 250px;
  animation: 10s ease-in-out infinite reverse float;
  bottom: 20%;
  left: 5%;
}

.about-hero-orb-3 {
  background: var(--wp--preset--color--neon-purple);
  width: 200px;
  height: 200px;
  animation: 6s ease-in-out infinite pulse;
  top: 40%;
  left: 40%;
}

.text-gradient-pink-rose {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #ec4899, #f43f5e) text;
  font-style: italic;
}

.text-gradient-purple-violet {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #a855f7, #8b5cf6) text;
  font-style: italic;
}

.text-gradient-blue-cyan {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #3b82f6, #06b6d4) text;
  font-style: italic;
}

.text-about-body {
  color: #374151;
}

.dark .text-about-body {
  color: #f3e8ff;
}

.text-about-body-alt {
  color: #374151;
}

.dark .text-about-body-alt {
  color: #fff;
}

.portfolio-page {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
}

.dark .portfolio-page {
  background-color: var(--wp--preset--color--atomic-black);
}

.portfolio-section-padding {
  padding-top: var(--wp--preset--spacing--fluid-2xl);
  padding-bottom: var(--wp--preset--spacing--fluid-2xl);
}

.portfolio-section-container {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.portfolio-section-orb {
  filter: blur(100px);
  opacity: .2;
  pointer-events: none;
  z-index: 0;
  border-radius: 9999px;
  position: absolute;
}

.portfolio-section-header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-2xl);
}

.portfolio-section-title {
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
}

.portfolio-section-description {
  color: var(--wp--preset--color--neutral-500);
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.625;
}

.dark .portfolio-section-description {
  color: var(--wp--preset--color--neutral-400);
}

.portfolio-section-card {
  width: 100%;
}

.portfolio-section-cta {
  text-align: center;
}

.portfolio-section-btn {
  color: #fff;
  box-shadow: var(--wp--preset--shadow--lg);
  transition: box-shadow .3s;
}

.portfolio-section-btn:hover {
  box-shadow: var(--wp--preset--shadow--xl);
}

.portfolio-loading-container {
  min-height: 100vh;
  padding-top: calc(var(--wp--preset--spacing--section-vertical)  + 5rem);
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  justify-content: center;
  display: flex;
}

.portfolio-loading-wrapper {
  width: 100%;
  max-width: var(--wp--preset--layout--wide);
}

.portfolio-skeleton-grid {
  gap: var(--wp--preset--spacing--fluid-lg);
  margin-top: var(--wp--preset--spacing--fluid-xl);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  display: grid;
}

.portfolio-card-skeleton {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--lg);
  padding: var(--wp--preset--spacing--fluid-md);
  box-shadow: var(--wp--preset--shadow--card);
}

.dark .portfolio-card-skeleton {
  background-color: var(--wp--preset--color--neutral-900);
}

.portfolio-card-skeleton__hero {
  background-color: var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  height: 12rem;
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.dark .portfolio-card-skeleton__hero {
  background-color: var(--wp--preset--color--neutral-800);
}

.portfolio-card-skeleton__title {
  background-color: var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--sm);
  width: 60%;
  height: 1.5rem;
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.dark .portfolio-card-skeleton__title {
  background-color: var(--wp--preset--color--neutral-800);
}

.portfolio-card-skeleton__subtitle {
  background-color: var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--sm);
  width: 40%;
  height: 1rem;
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.dark .portfolio-card-skeleton__subtitle {
  background-color: var(--wp--preset--color--neutral-800);
}

.portfolio-error-container {
  min-height: 100vh;
  padding-top: calc(var(--wp--preset--spacing--fluid-lg)  + 5rem);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  padding-left: var(--wp--preset--spacing--fluid-lg);
  padding-right: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  align-items: center;
  display: flex;
}

.portfolio-error-content {
  text-align: center;
  max-width: var(--wp--preset--layout--content);
}

.portfolio-error-icon {
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  font-size: 3rem;
}

.portfolio-error-actions {
  justify-content: center;
  gap: var(--wp--preset--spacing--fluid-md);
  margin-top: var(--wp--preset--spacing--fluid-lg);
  display: flex;
}

.portfolio-empty-container {
  padding: var(--wp--preset--spacing--section-vertical) 0;
  justify-content: center;
  display: flex;
}

.portfolio-empty-card {
  text-align: center;
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--xl);
  padding: var(--wp--preset--spacing--fluid-xl);
  border: 1px solid var(--wp--preset--color--neutral-200);
  max-width: 32rem;
}

.dark .portfolio-empty-card {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.portfolio-empty-icon {
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  font-size: 3rem;
}

.portfolio-empty-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neutral-800);
}

.dark .portfolio-empty-title {
  color: #fff;
}

.portfolio-empty-message {
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.dark .portfolio-empty-message {
  color: var(--wp--preset--color--neutral-400);
}

.portfolio-decorative-orb {
  filter: blur(80px);
  opacity: .4;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}

.portfolio-decorative-orb--1 {
  background: var(--wp--preset--color--neon-pink);
  width: 300px;
  height: 300px;
  animation: 8s ease-in-out infinite float;
  top: 10%;
  right: 10%;
}

.portfolio-decorative-orb--2 {
  background: var(--wp--preset--color--neon-blue);
  width: 250px;
  height: 250px;
  animation: 10s ease-in-out infinite reverse float;
  bottom: 20%;
  left: 5%;
}

.portfolio-card {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--border);
  cursor: pointer;
  outline: none;
  flex-direction: column;
  height: 100%;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.dark .portfolio-card {
  background-color: #1e1e1e99;
  border-color: #ffffff1a;
}

.portfolio-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  transform: translateY(-4px);
}

.portfolio-card:focus-visible {
  border-color: var(--wp--preset--color--neon-purple);
  box-shadow: 0 0 0 3px #be00fe80;
}

.portfolio-card__image-container {
  aspect-ratio: 4 / 3;
  background-position: center;
  background-size: cover;
  background-color: var(--wp--preset--color--neutral-200);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.portfolio-card__category-tag {
  border-radius: var(--wp--preset--border-radius--full);
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #fff;
  z-index: 10;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #0009;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.portfolio-card__category-tag--festival {
  background-color: #e91e63cc;
}

.portfolio-card__category-tag--uv {
  background-color: #9c27b0cc;
}

.portfolio-card__category-tag--swiss {
  background-color: #3f51b5cc;
}

.portfolio-card__category-tag--nail {
  background-color: #ff9800cc;
}

.portfolio-card__category-tag--gold {
  color: #000;
  background-color: #ffc107cc;
}

.portfolio-card__category-tag--default {
  background-color: #2196f3cc;
}

.portfolio-card__nav-button {
  color: #fff;
  cursor: pointer;
  opacity: 0;
  z-index: 20;
  background-color: #0006;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.portfolio-card:hover .portfolio-card__nav-button {
  opacity: 1;
}

.portfolio-card__nav-button:hover {
  background-color: #000000b3;
  transform: translateY(-50%)scale(1.1);
}

.portfolio-card__nav-button--prev {
  left: .5rem;
}

.portfolio-card__nav-button--next {
  right: .5rem;
}

.portfolio-card__swipe-indicator {
  border-radius: var(--wp--preset--border-radius--full);
  color: #fff;
  z-index: 20;
  pointer-events: none;
  background-color: #0009;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 500;
  display: block;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.portfolio-card__swipe-content {
  align-items: center;
  gap: .25rem;
  display: flex;
}

@media (width >= 640px) {
  .portfolio-card__swipe-indicator {
    display: none;
  }
}

.portfolio-card__dots {
  z-index: 20;
  gap: .25rem;
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.portfolio-card__dot {
  cursor: pointer;
  background-color: #fff6;
  border: none;
  border-radius: 50%;
  width: .375rem;
  height: .375rem;
  padding: 0;
  transition: all .2s;
}

.portfolio-card__dot--active {
  background-color: #fff;
  transform: scale(1.2);
}

.portfolio-card__counter {
  color: #fff;
  border-radius: var(--wp--preset--border-radius--md);
  opacity: 0;
  z-index: 10;
  background-color: #0009;
  padding: .25rem .5rem;
  font-size: .75rem;
  font-weight: 600;
  transition: opacity .2s;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.portfolio-card:hover .portfolio-card__counter {
  opacity: 1;
}

.portfolio-card__content {
  flex-direction: column;
  flex: 1;
  padding: 1.5rem;
  display: flex;
}

.portfolio-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-900);
  margin-bottom: .25rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.dark .portfolio-card__title {
  color: var(--wp--preset--color--neutral-50);
}

.portfolio-card__subtitle {
  color: var(--wp--preset--color--neon-purple);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.portfolio-card__description {
  color: var(--wp--preset--color--neutral-600);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex: 1;
  margin-bottom: 1rem;
  font-size: .95rem;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
}

.dark .portfolio-card__description {
  color: var(--wp--preset--color--neutral-300);
}

.portfolio-card__footer {
  margin-top: auto;
}

.portfolio-card__footer-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.portfolio-card__action-btn {
  color: var(--wp--preset--color--primary);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: .25rem;
  padding: 0;
  font-size: .875rem;
  font-weight: 600;
  transition: color .2s;
  display: inline-flex;
}

.portfolio-card__action-btn:hover {
  color: var(--wp--preset--color--neon-pink);
}

.portfolio-card__action-btn svg {
  width: 1rem;
  height: 1rem;
}

.pagination {
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pagination__content {
  flex-direction: row;
  align-items: center;
  gap: .25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.pagination__item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination__link {
  white-space: nowrap;
  border-radius: var(--wp--preset--border-radius--md);
  min-width: 2.25rem;
  height: 2.25rem;
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--contrast);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: 0 1rem;
  font-weight: 500;
  transition: colors .2s;
  display: inline-flex;
}

.dark .pagination__link {
  color: #fff;
}

.pagination__link:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neutral-100);
}

.dark .pagination__link:hover:not(:disabled) {
  background-color: var(--wp--preset--color--neutral-800);
}

.pagination__link--active {
  border: 1px solid var(--wp--preset--color--neutral-200);
  background-color: var(--wp--preset--color--base);
  pointer-events: none;
}

.dark .pagination__link--active {
  border-color: var(--wp--preset--color--neutral-800);
  background-color: var(--wp--preset--color--neutral-900);
}

.pagination__link:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.pagination__nav-button {
  padding-left: .625rem;
  padding-right: .625rem;
}

.pagination__label {
  display: none;
}

@media (width >= 640px) {
  .pagination__label {
    display: inline-block;
  }
}

.pagination__nav-icon {
  width: 1rem;
  height: 1rem;
}

.pagination__ellipsis {
  width: 2.25rem;
  height: 2.25rem;
  color: var(--wp--preset--color--contrast);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark .pagination__ellipsis {
  color: #fff;
}

.pagination__ellipsis-icon {
  width: 1rem;
  height: 1rem;
}

.portfolio-main-page {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
}

.dark .portfolio-main-page {
  background-color: var(--wp--preset--color--atomic-black);
}

.portfolio-page-header {
  text-align: center;
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
}

.portfolio-page-header__content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  margin: 0 auto;
}

.category-filters-section {
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  padding-top: 0;
}

.category-filters-container {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.category-label {
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--wp--preset--color--neutral-500);
  margin-bottom: 0;
  margin-right: .5rem;
  font-weight: 600;
  display: inline-block;
}

.category-buttons {
  display: contents;
}

.category-btn {
  border-radius: var(--wp--preset--border-radius--full);
  font-size: var(--wp--preset--font-size--100);
  cursor: pointer;
  border: 1px solid #0000;
  padding: .5rem 1rem;
  font-weight: 500;
  transition: all .3s;
}

.category-btn--inactive {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-600);
  border-color: var(--wp--preset--color--neutral-200);
}

.dark .category-btn--inactive {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-400);
  border-color: var(--wp--preset--color--neutral-700);
}

.category-btn--inactive:hover {
  background-color: var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neutral-800);
}

.dark .category-btn--inactive:hover {
  background-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-200);
}

.category-btn--inactive.gradient-pink-purple:hover {
  border-color: var(--wp--preset--color--neon-pink);
  color: var(--wp--preset--color--neon-pink);
}

.category-btn--inactive.gradient-blue-teal:hover {
  border-color: var(--wp--preset--color--neon-blue);
  color: var(--wp--preset--color--neon-blue);
}

.category-btn--inactive.gradient-gold-peach:hover {
  border-color: var(--wp--preset--color--neon-orange);
  color: var(--wp--preset--color--neon-orange);
}

.category-btn--active {
  color: #fff;
  box-shadow: var(--wp--preset--shadow--neon-sm);
  font-weight: 600;
  transform: translateY(-1px);
}

.category-btn--all.category-btn--active {
  background: var(--wp--preset--color--neon-pink);
  background: linear-gradient(135deg, var(--wp--preset--color--neon-pink), var(--wp--preset--color--neon-purple));
  border: 1px solid #ffffff4d;
  box-shadow: 0 0 15px #ec489999;
}

.active-filters {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--lg);
  padding-top: var(--wp--preset--spacing--fluid-md);
  padding-bottom: var(--wp--preset--spacing--fluid-md);
  margin-top: var(--wp--preset--spacing--fluid-md);
}

.dark .active-filters {
  background-color: var(--wp--preset--color--neutral-900);
}

.active-filters__content {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  font-size: var(--wp--preset--font-size--100);
  flex-wrap: wrap;
  display: flex;
}

.active-filters__label {
  color: var(--wp--preset--color--neutral-500);
}

.active-filters__badge {
  background-color: var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neutral-800);
  border-radius: var(--wp--preset--border-radius--md);
  padding: .25rem .75rem;
  font-weight: 500;
}

.dark .active-filters__badge {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-200);
}

.active-filters__clear {
  color: var(--wp--preset--color--neon-red);
  cursor: pointer;
  background: none;
  border: none;
  margin-left: auto;
  padding: 0;
  font-weight: 500;
}

.active-filters__clear:hover {
  text-decoration: underline;
}

.portfolio-content-section {
  padding-bottom: var(--wp--preset--spacing--section-vertical);
}

.portfolio-content-container {
  width: 100%;
  max-width: var(--wp--preset--layout--wide);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  margin-left: auto;
  margin-right: auto;
}

.portfolio-card-skeleton {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--wp--preset--color--neutral-200);
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
  overflow: hidden;
}

.dark .portfolio-card-skeleton {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.portfolio-card-skeleton__image {
  aspect-ratio: 16 / 9;
  background-color: var(--wp--preset--color--neutral-200);
}

.dark .portfolio-card-skeleton__image {
  background-color: var(--wp--preset--color--neutral-800);
}

.portfolio-card-skeleton__content {
  padding: var(--wp--preset--spacing--fluid-md);
}

.skeleton-bar--w-25 {
  width: 25%;
}

.skeleton-bar--w-75 {
  width: 75%;
}

.skeleton-bar--w-85 {
  width: 85%;
}

.portfolio-error, .portfolio-empty {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-xl) 0;
}

.portfolio-empty__title {
  font-size: var(--wp--preset--font-size--600);
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  font-weight: 500;
}

.dark .portfolio-empty__title {
  color: var(--wp--preset--color--neutral-400);
}

.portfolio-empty__message {
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neutral-500);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
}

.pagination-wrapper {
  margin-top: var(--wp--preset--spacing--fluid-2xl);
}

.mobile-quick-nav {
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
  display: flex;
}

.mobile-nav-btn {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neon-purple);
  cursor: pointer;
  background: none;
  border: none;
}

.mobile-nav-btn:disabled {
  color: var(--wp--preset--color--neutral-400);
  cursor: not-allowed;
}

.mobile-swipe-hint {
  text-align: center;
  color: var(--wp--preset--color--neutral-500);
  margin-top: 1.5rem;
  font-size: .75rem;
}

.mobile-swipe-hint__text {
  justify-content: center;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.text-category-label {
  color: #374151;
}

.dark .text-category-label {
  color: #f3e8ff;
}

.bg-active-filter-badge {
  color: #581c87;
  background-color: #9333ea1a;
}

.dark .bg-active-filter-badge {
  color: #e9d5ff;
  background-color: #a855f733;
}

.text-clear-filters {
  color: #9333ea;
}

.text-clear-filters:hover {
  color: #7e22ce;
}

.dark .text-clear-filters {
  color: #d8b4fe;
}

.dark .text-clear-filters:hover {
  color: #e9d5ff;
}

.pagination-nav-button {
  min-height: 44px;
  font-size: .875rem;
  font-family: var(--font-body);
  color: #374151;
  touch-action: manipulation;
  background: #fffc;
  border: 1px solid #ffffff80;
  border-radius: .5rem;
  flex: 1;
  padding: .75rem 1rem;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 0 1px 2px #0000000d;
}

.pagination-nav-button:hover:not(:disabled) {
  background: #fff;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
}

.pagination-nav-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.pagination-nav-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #ec4899;
}

.share-component {
  display: inline-block;
  position: relative;
}

.share-component__container {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.share-component__container--left {
  justify-content: flex-start;
}

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

.share-component__container--right {
  justify-content: flex-end;
}

.share-component__label {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--wp--preset--color--neutral-600);
  font-size: .875rem;
  font-weight: 500;
}

.dark .share-component__label {
  color: var(--wp--preset--color--neutral-400);
}

.share-component__label--responsive {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media (width >= 640px) {
  .share-component__label--responsive {
    clip: auto;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }
}

.share-component__btn {
  border-radius: var(--wp--preset--border-radius--full);
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neutral-700);
  cursor: pointer;
  align-items: center;
  gap: .5rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
}

.dark .share-component__btn {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-300);
}

.share-component__btn:hover {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
  box-shadow: var(--wp--preset--shadow--neon-sm);
  transform: translateY(-1px);
}

.share-component__icon {
  width: 1rem;
  height: 1rem;
}

.share-component__dropdown {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  width: 12rem;
  box-shadow: var(--wp--preset--shadow--card-hover);
  border: 1px solid var(--wp--preset--color--neutral-200);
  z-index: var(--wp--preset--z-index--overlay);
  margin-bottom: .5rem;
  padding: .5rem;
  animation: .2s ease-out slideUp;
  position: absolute;
  bottom: 100%;
  left: 0;
  overflow: hidden;
}

.dark .share-component__dropdown {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.share-component__container--right .share-component__dropdown {
  left: auto;
  right: 0;
}

.share-component__dropdown-item {
  text-align: left;
  cursor: pointer;
  border-radius: var(--wp--preset--border-radius--md);
  width: 100%;
  color: var(--wp--preset--color--neutral-700);
  background: none;
  border: none;
  align-items: center;
  gap: .75rem;
  padding: .75rem;
  transition: all .2s;
  display: flex;
}

.dark .share-component__dropdown-item {
  color: var(--wp--preset--color--neutral-300);
}

.share-component__dropdown-item:hover {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neon-purple);
}

.dark .share-component__dropdown-item:hover {
  background-color: var(--wp--preset--color--neutral-800);
}

.share-component__dropdown-icon {
  width: 1rem;
  height: 1rem;
}

.share-component__external-icon {
  opacity: .5;
  width: .75rem;
  height: .75rem;
  margin-left: auto;
}

.share-component__dropdown-text {
  font-size: .875rem;
  font-weight: 500;
}

.share-component__dropdown-divider {
  border: none;
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  margin: .5rem 0;
}

.dark .share-component__dropdown-divider {
  border-color: var(--wp--preset--color--neutral-800);
}

.share-component__text--success {
  color: var(--wp--preset--color--neon-green);
}

.share-component__inline-container {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.share-component__btn-icon {
  cursor: pointer;
  color: #fff;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .2s;
  display: flex;
}

.share-component__btn-icon:hover {
  box-shadow: var(--wp--preset--shadow--neon-sm);
  filter: brightness(1.1);
  transform: translateY(-2px);
}

.share-component__btn-icon--x {
  background-color: #000;
}

.dark .share-component__btn-icon--x {
  color: #000;
  background-color: #fff;
}

.share-component__btn-icon--facebook {
  background-color: #1877f2;
}

.share-component__btn-icon--instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0% 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.share-component__btn-icon--whatsapp {
  background-color: #25d366;
}

.share-component__btn-icon--email {
  background: var(--wp--preset--gradient--hyperpop);
}

.share-component__btn-icon--copy {
  background-color: var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neutral-700);
}

.dark .share-component__btn-icon--copy {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-300);
}

.share-component__btn-icon--success {
  background-color: var(--wp--preset--color--neon-green);
  color: #000;
}

.share-component__social-icon {
  width: 1.25rem;
  height: 1.25rem;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

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

.portfolio-detail-page {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
}

.dark .portfolio-detail-page {
  background-color: var(--wp--preset--color--atomic-black);
}

.portfolio-detail__breadcrumb {
  top: var(--wp--preset--spacing--fluid-lg);
  left: var(--wp--preset--spacing--fluid-lg);
  z-index: var(--wp--preset--z-index--header);
  position: absolute;
}

.breadcrumb-btn {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: var(--wp--preset--border-radius--full);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-900);
  cursor: pointer;
  background-color: #ffffffe6;
  border: none;
  padding: .5rem 1rem;
  font-weight: 500;
  transition: all .3s;
  display: inline-flex;
  box-shadow: 0 4px 6px -1px #0000001a;
}

.breadcrumb-btn:hover {
  color: var(--wp--preset--color--neon-purple);
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px #0000001a;
}

.dark .breadcrumb-btn {
  color: #fff;
  background-color: #0f0f0fcc;
  border: 1px solid #ffffff1a;
}

.portfolio-hero {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio-hero__bg {
  z-index: 0;
  background-position: center;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.portfolio-hero__overlay {
  z-index: 1;
  background: linear-gradient(#0000004d, #000000b3);
  position: absolute;
  inset: 0;
}

.portfolio-hero__content {
  z-index: 10;
  width: 100%;
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.portfolio-hero__content-inner {
  width: 100%;
}

.portfolio-hero__cta {
  z-index: 10;
  position: absolute;
  bottom: 20%;
}

.portfolio-details-section {
  z-index: 20;
  background-color: var(--wp--preset--color--base);
  padding-top: 6rem;
  padding-bottom: var(--wp--preset--spacing--section-vertical);
  border-top-left-radius: var(--wp--preset--border-radius--xl);
  border-top-right-radius: var(--wp--preset--border-radius--xl);
  margin-top: -4rem;
  position: relative;
  box-shadow: 0 -10px 30px #0000001a;
}

.dark .portfolio-details-section {
  background-color: var(--wp--preset--color--atomic-black);
  box-shadow: 0 -10px 30px #00000080;
}

.event-details-grid {
  justify-content: center;
  gap: var(--wp--preset--spacing--fluid-lg);
  margin-top: var(--wp--preset--spacing--fluid-lg);
  flex-wrap: wrap;
  display: flex;
}

.event-detail-item {
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
  align-items: center;
  gap: .5rem;
  display: flex;
}

.dark .event-detail-item {
  color: var(--wp--preset--color--neutral-400);
}

.icon--pink {
  color: var(--wp--preset--color--neon-pink);
}

.icon--blue {
  color: var(--wp--preset--color--neon-blue);
}

.icon--purple {
  color: var(--wp--preset--color--neon-purple);
}

.portfolio-story {
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neutral-700);
  position: relative;
}

.dark .portfolio-story {
  color: var(--wp--preset--color--neutral-300);
}

.story-expand {
  opacity: 0;
  max-height: 0;
  transition: all .5s ease-in-out;
  overflow: hidden;
}

.story-expand--open {
  opacity: 1;
  max-height: 1000px;
  margin-top: var(--wp--preset--spacing--fluid-md);
}

.story-quote {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  text-align: center;
  margin: var(--wp--preset--spacing--fluid-xl) 0;
  color: var(--wp--preset--color--neon-purple);
  font-style: italic;
}

.story-share {
  margin-top: var(--wp--preset--spacing--fluid-xl);
  justify-content: center;
  display: flex;
}

.gallery-main-image {
  aspect-ratio: 3 / 2;
  border-radius: var(--wp--preset--border-radius--xl);
  cursor: pointer;
  width: 100%;
  box-shadow: var(--wp--preset--shadow--card-hover);
  background: none;
  border: none;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.gallery-main-image__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .5s;
}

.gallery-main-image:hover .gallery-main-image__img {
  transform: scale(1.05);
}

.gallery-main-image__overlay {
  opacity: 0;
  background-color: #0000004d;
  transition: opacity .3s;
  position: absolute;
  inset: 0;
}

.gallery-main-image:hover .gallery-main-image__overlay {
  opacity: 1;
}

.gallery-main-image__icon {
  opacity: 0;
  transition: all .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(.8);
}

.gallery-main-image__icon-wrapper {
  padding: var(--wp--preset--spacing--fluid-md);
  color: var(--wp--preset--color--neutral-900);
  background-color: #ffffffe6;
  border-radius: 9999px;
}

.gallery-main-image:hover .gallery-main-image__icon {
  opacity: 1;
  transform: translate(-50%, -50%)scale(1);
}

.gallery-thumbnails {
  gap: var(--wp--preset--spacing--fluid-sm);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.gallery-thumbnail {
  aspect-ratio: 1;
  border-radius: var(--wp--preset--border-radius--md);
  cursor: pointer;
  background: none;
  border: 2px solid #0000;
  padding: 0;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.gallery-thumbnail--active {
  border-color: var(--wp--preset--color--neon-purple);
  transform: scale(.95);
}

.gallery-thumbnail__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery-thumbnail__overlay {
  background-color: #0006;
  position: absolute;
  inset: 0;
}

.event-info-card {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--xl);
  padding: var(--wp--preset--spacing--fluid-lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
}

.dark .event-info-card {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.event-info-grid {
  gap: var(--wp--preset--spacing--fluid-lg);
  display: grid;
}

@media (width >= 768px) {
  .event-info-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.event-info-item {
  color: var(--wp--preset--color--neutral-700);
  align-items: center;
  gap: .75rem;
  margin-bottom: .75rem;
  display: flex;
}

.dark .event-info-item {
  color: var(--wp--preset--color--neutral-300);
}

.tags-flex-wrapper {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  display: flex;
}

.grid-gap-fluid-lg {
  gap: var(--wp--preset--spacing--fluid-lg);
  display: grid;
}

.related-post-card {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  cursor: pointer;
  transition: transform .3s, box-shadow .3s;
  display: block;
  overflow: hidden;
}

.dark .related-post-card {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.related-post-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  border-color: var(--wp--preset--color--neon-purple);
  transform: translateY(-4px);
}

.related-post-card__content {
  padding: var(--wp--preset--spacing--fluid-md);
  gap: var(--wp--preset--spacing--fluid-md);
  display: flex;
}

.related-post-card__image-container {
  border-radius: var(--wp--preset--border-radius--md);
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.related-post-card__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.related-post-card__info-col {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-width: 0;
  display: flex;
}

.related-post-card__text-stack {
  gap: var(--wp--preset--spacing--fluid-sm);
  flex-direction: column;
  display: flex;
}

.related-post-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--contrast);
  margin-bottom: .25rem;
  font-weight: 600;
}

.dark .related-post-card__title {
  color: #fff;
}

.related-post-card__excerpt {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-600);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.dark .related-post-card__excerpt {
  color: var(--wp--preset--color--neutral-400);
}

.related-post-card__meta {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.related-post-card__meta-left {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-lg);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  display: flex;
}

.related-post-card__link {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neon-purple);
  font-weight: 600;
}

.not-found-container {
  background-color: var(--wp--preset--color--base);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.dark .not-found-container {
  background-color: var(--wp--preset--color--atomic-black);
}

.contentful-status {
  z-index: var(--wp--preset--z-index--toast);
  position: fixed;
  bottom: 1rem;
  left: 1rem;
}

.contentful-status__minimized-btn {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-300);
  border-radius: var(--wp--preset--border-radius--md);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--wp--preset--color--neutral-700);
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .2s;
}

.contentful-status__minimized-btn:hover {
  background-color: var(--wp--preset--color--neutral-700);
  color: #fff;
  transform: translateY(-2px);
}

.contentful-status__maximized {
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card-hover);
  border: 1px solid var(--wp--preset--color--neutral-200);
  background-color: #fff;
  max-width: 24rem;
  animation: .3s ease-out slideIn;
  overflow: hidden;
}

.dark .contentful-status__maximized {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.contentful-status__header {
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
}

.contentful-status__content-wrapper {
  gap: 1rem;
  display: flex;
}

.contentful-status__icon {
  background-color: var(--wp--preset--color--neon-yellow);
  color: #000;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  font-weight: bold;
  display: flex;
}

.contentful-status__body {
  flex: 1;
}

.contentful-status__title {
  color: var(--wp--preset--color--neutral-900);
  margin-bottom: .25rem;
  font-size: .875rem;
  font-weight: 600;
}

.dark .contentful-status__title {
  color: #fff;
}

.contentful-status__message {
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: .5rem;
  font-size: .75rem;
  line-height: 1.4;
}

.dark .contentful-status__message {
  color: var(--wp--preset--color--neutral-400);
}

.contentful-status__link {
  color: var(--wp--preset--color--neon-blue);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: .75rem;
  text-decoration: underline;
}

.contentful-status__link:hover {
  color: var(--wp--preset--color--neon-purple);
}

.contentful-status__actions {
  gap: .5rem;
  display: flex;
}

.contentful-status__action-btn {
  color: var(--wp--preset--color--neutral-400);
  cursor: pointer;
  background: none;
  border: none;
  padding: .25rem;
  transition: color .2s;
}

.contentful-status__action-btn:hover {
  color: var(--wp--preset--color--neutral-600);
}

.dark .contentful-status__action-btn:hover {
  color: var(--wp--preset--color--neutral-200);
}

.setup-modal-overlay {
  z-index: var(--wp--preset--z-index--modal);
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.setup-modal {
  border-radius: var(--wp--preset--border-radius--xl);
  box-shadow: var(--wp--preset--shadow--neon-lg);
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  max-width: 56rem;
  max-height: 90vh;
  display: flex;
  overflow: hidden;
}

.setup-modal__header {
  background: var(--wp--preset--gradient--cyberpunk);
  color: #fff;
  padding: 1.5rem;
}

.setup-modal__title-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.setup-modal__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: 1.5rem;
  font-weight: 700;
}

.setup-modal__subtitle {
  color: #ffffffe6;
  margin-top: .25rem;
  font-size: .875rem;
}

.setup-modal__progress {
  text-align: right;
}

.setup-modal__percent {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.setup-modal__progress-label {
  color: #ffffffe6;
  font-size: .75rem;
}

.setup-modal__progress-bar-bg {
  border-radius: var(--wp--preset--border-radius--full);
  background-color: #0003;
  height: .5rem;
  margin-top: 1rem;
  overflow: hidden;
}

.setup-modal__progress-bar-fill {
  border-radius: var(--wp--preset--border-radius--full);
  background-color: #fff;
  height: 100%;
  transition: width .5s;
}

.setup-modal__tabs {
  border-bottom: 1px solid var(--wp--preset--color--neutral-200);
  background-color: #fff;
  display: flex;
}

.setup-modal__tab {
  text-align: center;
  color: var(--wp--preset--color--neutral-500);
  border-bottom: 2px solid #0000;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.setup-modal__tab:hover {
  color: var(--wp--preset--color--neutral-700);
  background-color: var(--wp--preset--color--neutral-50);
}

.setup-modal__tab--active {
  color: var(--wp--preset--color--neon-purple);
  border-bottom-color: var(--wp--preset--color--neon-purple);
}

.setup-modal__content {
  max-height: calc(90vh - 200px);
  padding: 1.5rem;
  overflow-y: auto;
}

.setup-section {
  margin-bottom: 1.5rem;
}

.setup-section__title {
  color: var(--wp--preset--color--neutral-800);
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.setup-grid {
  grid-template-columns: 1fr;
  gap: 1rem;
  display: grid;
}

@media (width >= 768px) {
  .setup-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.setup-item {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--lg);
  align-items: center;
  padding: 1rem;
  display: flex;
}

.setup-item__indicator {
  border-radius: 50%;
  width: .75rem;
  height: .75rem;
  margin-right: .75rem;
}

.setup-item__indicator--success {
  background-color: #10b981;
}

.setup-item__indicator--error {
  background-color: #ef4444;
}

.setup-item__text {
  flex: 1;
}

.setup-item__label {
  color: var(--wp--preset--color--neutral-800);
  font-weight: 500;
}

.setup-item__desc {
  color: var(--wp--preset--color--neutral-500);
  font-size: .75rem;
}

.setup-item__status {
  margin-left: auto;
  font-size: 1.25rem;
}

.text-success {
  color: #10b981;
}

.text-error {
  color: #ef4444;
}

.setup-errors {
  border-radius: var(--wp--preset--border-radius--lg);
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  margin-top: 1.5rem;
  padding: 1rem;
}

.setup-errors__title {
  color: #991b1b;
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 500;
}

.setup-errors__list {
  list-style: none;
}

.setup-errors__item {
  color: #b91c1c;
  margin-bottom: .25rem;
  font-size: .875rem;
}

.setup-next {
  border-radius: var(--wp--preset--border-radius--lg);
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  margin-top: 1.5rem;
  padding: 1rem;
}

.setup-next__title {
  color: #1e40af;
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 500;
}

.setup-next__content {
  color: #1d4ed8;
  font-size: .875rem;
}

.setup-modal__footer {
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  background-color: var(--wp--preset--color--neutral-50);
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.setup-modal__help {
  color: var(--wp--preset--color--neutral-600);
  font-size: .875rem;
}

.setup-modal__code {
  background-color: var(--wp--preset--color--neutral-200);
  border-radius: .25rem;
  padding: .125rem .375rem;
  font-family: monospace;
}

.setup-modal__actions {
  gap: .75rem;
  display: flex;
}

.btn-setup-primary {
  color: #fff;
  border-radius: var(--wp--preset--border-radius--md);
  background-color: #10b981;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
}

.btn-setup-primary:hover {
  background-color: #059669;
}

.btn-setup-secondary {
  background-color: var(--wp--preset--color--neutral-600);
  color: #fff;
  border-radius: var(--wp--preset--border-radius--md);
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
}

.btn-setup-secondary:hover {
  background-color: var(--wp--preset--color--neutral-700);
}

.code-preview {
  background-color: var(--wp--preset--color--neutral-100);
  border-radius: var(--wp--preset--border-radius--lg);
  padding: 1rem;
  font-size: .875rem;
  overflow-x: auto;
}

.setup-table {
  border-collapse: collapse;
  width: 100%;
  font-size: .875rem;
}

.setup-table th {
  text-align: left;
  color: var(--wp--preset--color--neutral-800);
  border-bottom: 1px solid var(--wp--preset--color--neutral-200);
  padding: .75rem;
  font-weight: 500;
}

.setup-table td {
  border-bottom: 1px solid var(--wp--preset--color--neutral-100);
  padding: .75rem;
}

.setup-table__code {
  background-color: var(--wp--preset--color--neutral-100);
  border-radius: .25rem;
  padding: .125rem .375rem;
  font-family: monospace;
  font-size: .75rem;
}

.text-yes {
  color: #dc2626;
  font-weight: 500;
}

.text-no {
  color: var(--wp--preset--color--neutral-500);
}

.blog-list-header {
  text-align: center;
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
}

.blog-list-header__content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  margin: 0 auto;
}

.blog-list-content {
  min-height: 60vh;
}

.contentful-notice {
  background-color: var(--wp--preset--color--neutral-100);
  border-bottom: 1px solid var(--wp--preset--color--neutral-200);
  padding: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neutral-700);
}

.dark .contentful-notice {
  background-color: var(--wp--preset--color--neutral-800);
  border-color: var(--wp--preset--color--neutral-700);
  color: var(--wp--preset--color--neutral-300);
}

.blog-preview__grid {
  gap: var(--wp--preset--spacing--fluid-lg);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

@media (width >= 768px) {
  .blog-preview__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .blog-preview__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.blog-card {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--neutral-200);
  flex-direction: column;
  height: 100%;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  overflow: hidden;
}

.dark .blog-card {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.blog-card:hover {
  box-shadow: var(--wp--preset--shadow--card-hover);
  border-color: var(--wp--preset--color--neon-purple);
  transform: translateY(-5px);
}

.blog-card__image-container {
  aspect-ratio: 16 / 9;
  background-color: var(--wp--preset--color--neutral-100);
  position: relative;
  overflow: hidden;
}

.dark .blog-card__image-container {
  background-color: var(--wp--preset--color--neutral-800);
}

.blog-card__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .5s;
}

.blog-card:hover .blog-card__image {
  transform: scale(1.05);
}

.blog-card__placeholder {
  background: var(--wp--preset--gradient--cyberpunk);
  opacity: .1;
  width: 100%;
  height: 100%;
  color: var(--wp--preset--color--neutral-400);
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-card__placeholder-icon {
  width: 3rem;
  height: 3rem;
}

.blog-card__content {
  flex-direction: column;
  flex: 1;
  padding: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  display: flex;
}

.blog-card__category {
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--wp--preset--color--neon-purple-text);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  font-weight: 600;
}

.blog-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--contrast);
  font-weight: 600;
  line-height: 1.3;
}

.dark .blog-card__title {
  color: #fff;
}

.blog-card__excerpt {
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex: 1;
  display: -webkit-box;
  overflow: hidden;
}

.dark .blog-card__excerpt {
  color: var(--wp--preset--color--neutral-400);
}

.blog-card__footer {
  padding-top: var(--wp--preset--spacing--fluid-sm);
  border-top: 1px solid var(--wp--preset--color--neutral-200);
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dark .blog-card__footer {
  border-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-400);
}

.blog-card__date {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.blog-post-view {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  padding-top: 5rem;
}

.dark .blog-post-view {
  background-color: var(--wp--preset--color--atomic-black);
}

.back-to-blog-btn {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-sm);
  color: var(--wp--preset--color--neutral-600);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-weight: 500;
  transition: color .2s;
  display: inline-flex;
}

.back-to-blog-btn:hover {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .back-to-blog-btn {
  color: var(--wp--preset--color--neutral-400);
}

.dark .back-to-blog-btn:hover {
  color: var(--wp--preset--color--neon-purple);
}

.blog-article {
  max-width: var(--wp--preset--layout--content);
  margin: 0 auto;
}

.blog-article__header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-xl);
}

.blog-article__image-container {
  aspect-ratio: 16 / 9;
  border-radius: var(--wp--preset--border-radius--xl);
  width: 100%;
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  box-shadow: var(--wp--preset--shadow--card-hover);
  overflow: hidden;
}

.blog-article__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-article__meta {
  justify-content: center;
  gap: var(--wp--preset--spacing--fluid-md);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  color: var(--wp--preset--color--neutral-600);
  flex-wrap: wrap;
  display: flex;
}

.dark .blog-article__meta {
  color: var(--wp--preset--color--neutral-400);
}

.meta-item {
  font-size: var(--wp--preset--font-size--200);
  align-items: center;
  gap: .5rem;
  display: flex;
}

.blog-article__tags {
  margin-top: var(--wp--preset--spacing--fluid-sm);
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  display: flex;
}

.category-badge {
  background-color: var(--wp--preset--color--neon-purple-text);
  color: #fff;
  border-radius: var(--wp--preset--border-radius--full);
  font-size: var(--wp--preset--font-size--100);
  text-transform: uppercase;
  letter-spacing: .05em;
  cursor: pointer;
  border: none;
  padding: .5rem 1rem;
  font-weight: 700;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px #be00fe66;
}

.category-badge:hover {
  text-shadow: 0 0 5px #fffc;
  transform: scale(1.05)translateY(-2px);
  box-shadow: 0 0 20px #be00fecc, 0 0 40px #be00fe66;
}

.category-badge:after {
  content: "";
  background: linear-gradient(to right, #0000, #fff6, #0000);
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  transform: skewX(-25deg);
}

.category-badge:hover:after {
  animation: .75s shine;
}

@keyframes shine {
  100% {
    left: 150%;
  }
}

.tag-badge {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--neutral-700);
  border-radius: var(--wp--preset--border-radius--full);
  font-size: var(--wp--preset--font-size--100);
  align-items: center;
  gap: .25rem;
  padding: .25rem .75rem;
  transition: all .2s;
  display: flex;
}

.dark .tag-badge {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-300);
}

.tag-badge:hover {
  background-color: var(--wp--preset--color--neutral-200);
}

.dark .tag-badge:hover {
  background-color: var(--wp--preset--color--neutral-700);
}

.blog-article__excerpt {
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--neutral-700);
  margin-top: var(--wp--preset--spacing--fluid-md);
  padding: var(--wp--preset--spacing--fluid-md);
  border-left: 4px solid var(--wp--preset--color--neon-pink);
  background-color: var(--wp--preset--color--neutral-50);
  font-style: italic;
  line-height: 1.6;
}

.dark .blog-article__excerpt {
  color: var(--wp--preset--color--neutral-300);
  background-color: var(--wp--preset--color--neutral-900);
}

.blog-article__content {
  font-size: var(--wp--preset--font-size--300);
  color: var(--wp--preset--color--neutral-800);
  line-height: 1.8;
}

.dark .blog-article__content {
  color: var(--wp--preset--color--neutral-200);
}

.rich-text-content h1 {
  display: none;
}

.rich-text-content p {
  margin-bottom: 1.5rem;
}

.rich-text-content strong {
  color: var(--wp--preset--color--contrast);
  font-weight: 700;
}

.dark .rich-text-content strong {
  color: #fff;
  text-shadow: 0 0 10px #fff3;
}

.rich-text-content em {
  color: var(--wp--preset--color--neon-pink-text);
  font-style: italic;
}

.rich-text-content h2 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--600);
  color: var(--wp--preset--color--contrast);
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  display: inline-block;
  position: relative;
}

.dark .rich-text-content h2 {
  color: #fff;
  background: linear-gradient(to right, #fff, var(--wp--preset--color--neon-blue));
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 20px #00f3ff4d;
  -webkit-background-clip: text;
}

.rich-text-content h2:after {
  content: "";
  background: var(--wp--preset--color--neon-pink);
  width: 60px;
  height: 4px;
  box-shadow: 0 0 10px var(--wp--preset--color--neon-pink);
  border-radius: 2px;
  margin-top: .5rem;
  display: block;
}

.rich-text-content h3 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--500);
  color: var(--wp--preset--color--neon-purple-text);
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.dark .rich-text-content h3 {
  color: var(--wp--preset--color--neon-purple);
  text-shadow: 0 0 10px #be00fe66;
}

.rich-text-content h4 {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--contrast);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.dark .rich-text-content h4 {
  color: var(--wp--preset--color--neutral-200);
}

.rich-text-content ul, .rich-text-content ol {
  margin-bottom: 1.5rem;
  padding-left: 0;
  list-style: none;
}

.rich-text-content li {
  margin-bottom: .75rem;
  padding-left: 2rem;
  position: relative;
}

.rich-text-content ul li:before {
  content: "★";
  color: var(--wp--preset--color--neon-yellow-text);
  text-shadow: none;
  font-size: 1rem;
  line-height: 1.6;
  position: absolute;
  left: 0;
}

.dark .rich-text-content ul li:before {
  color: var(--wp--preset--color--neon-yellow);
  text-shadow: 0 0 5px var(--wp--preset--color--neon-yellow);
}

.rich-text-content ol {
  counter-reset: blog-counter;
}

.rich-text-content ol li {
  counter-increment: blog-counter;
}

.rich-text-content ol li:before {
  content: counter(blog-counter) ".";
  color: var(--wp--preset--color--neon-blue-text);
  font-weight: 700;
  font-family: var(--wp--preset--font-family--brand-heading);
  text-shadow: none;
  position: absolute;
  left: 0;
}

.dark .rich-text-content ol li:before {
  color: var(--wp--preset--color--neon-blue);
  text-shadow: 0 0 5px var(--wp--preset--color--neon-blue);
}

.rich-text-content a {
  color: var(--wp--preset--color--neon-blue-text);
  border-bottom: 1px solid #0000;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
}

.rich-text-content a:hover {
  border-bottom-color: var(--wp--preset--color--neon-blue-text);
  text-shadow: none;
}

.dark .rich-text-content a {
  color: var(--wp--preset--color--neon-blue);
}

.dark .rich-text-content a:hover {
  border-bottom-color: var(--wp--preset--color--neon-blue);
  text-shadow: 0 0 8px var(--wp--preset--color--neon-blue);
}

.rich-text-content blockquote {
  border-left: 4px solid var(--wp--preset--color--neon-green);
  color: var(--wp--preset--color--neutral-600);
  background: linear-gradient(to right, #008f000d, #0000);
  border-radius: 0 1rem 1rem 0;
  margin: 2.5rem 0;
  padding: 1.5rem 2rem;
  font-size: 1.25rem;
  font-style: italic;
  box-shadow: -5px 0 15px -5px #008f001a;
}

.dark .rich-text-content blockquote {
  color: var(--wp--preset--color--neutral-300);
  background: linear-gradient(to right, #00ff001a, #0000);
  box-shadow: -5px 0 15px -5px #0f03;
}

.polaroid-image {
  width: fit-content;
  max-width: 100%;
  margin: 3rem auto;
  transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
  transform: rotate(-1deg);
}

.polaroid-image:hover {
  z-index: 10;
  transform: rotate(0)scale(1.02);
}

.polaroid-image:nth-child(2n) {
  transform: rotate(1deg);
}

.polaroid-image:nth-child(2n):hover {
  transform: rotate(0)scale(1.02);
}

.polaroid-inner {
  background-color: #fff;
  border-radius: 2px;
  padding: 1rem 1rem 3rem;
  position: relative;
  box-shadow: 0 10px 20px #0003;
}

.dark .polaroid-inner {
  background-color: #f0f0f0;
}

.polaroid-inner img {
  filter: contrast(1.1) saturate(1.1);
  border: 1px solid #eee;
  max-width: 100%;
  height: auto;
  display: block;
}

.polaroid-inner figcaption {
  text-align: center;
  color: #333;
  margin-top: 1.5rem;
  font-family: Shadows Into Light, cursive, sans-serif;
  font-size: 1.25rem;
  transform: rotate(-1deg);
}

.rich-text-content code {
  background-color: var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--neon-purple-text);
  border-radius: 4px;
  padding: .2rem .4rem;
  font-family: monospace;
  font-size: .9em;
}

.dark .rich-text-content code {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neon-pink);
  border: 1px solid var(--wp--preset--color--neutral-700);
}

.blog-article__footer {
  margin-top: var(--wp--preset--spacing--section-vertical);
  padding-top: var(--wp--preset--spacing--fluid-lg);
  border-top: 1px solid var(--wp--preset--color--neutral-200);
}

.dark .blog-article__footer {
  border-color: var(--wp--preset--color--neutral-800);
}

.tags-share-container {
  gap: var(--wp--preset--spacing--fluid-lg);
  display: grid;
}

@media (width >= 768px) {
  .tags-share-container {
    grid-template-columns: 1fr auto;
  }
}

.section-label {
  color: var(--wp--preset--color--contrast);
  align-items: center;
  gap: .5rem;
  font-weight: 700;
  display: flex;
}

.dark .section-label {
  color: #fff;
}

@media (width >= 768px) {
  .share-section .section-label {
    justify-content: flex-end;
  }

  .share-section .share-buttons {
    justify-content: flex-end;
    display: flex;
  }
}

.tags-list {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.no-tags-text {
  color: var(--wp--preset--color--neutral-500);
  font-style: italic;
}

.author-section {
  margin-top: var(--wp--preset--spacing--fluid-xl);
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--xl);
  padding: var(--wp--preset--spacing--fluid-lg);
}

.dark .author-section {
  background-color: var(--wp--preset--color--neutral-900);
}

.author-card {
  gap: var(--wp--preset--spacing--fluid-lg);
  align-items: center;
  display: flex;
}

.author-avatar {
  object-fit: cover;
  border: 2px solid var(--wp--preset--color--neon-purple);
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}

.author-avatar-placeholder {
  background-color: var(--wp--preset--color--neutral-200);
  width: 5rem;
  height: 5rem;
  color: var(--wp--preset--color--neutral-500);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark .author-avatar-placeholder {
  background-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-400);
}

.author-name {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  color: var(--wp--preset--color--contrast);
  margin-bottom: .25rem;
  font-weight: 600;
}

.dark .author-name {
  color: #fff;
}

.author-bio {
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
}

.dark .author-bio {
  color: var(--wp--preset--color--neutral-400);
}

.author-socials {
  gap: 1rem;
  margin-top: .5rem;
  display: flex;
}

.author-social-link {
  color: var(--wp--preset--color--neutral-500);
  transition: color .2s;
}

.author-social-link:hover {
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .author-social-link {
  color: var(--wp--preset--color--neutral-400);
}

.dark .author-social-link:hover {
  color: var(--wp--preset--color--neon-purple);
}

.related-posts-section {
  margin-top: var(--wp--preset--spacing--section-vertical);
  text-align: center;
}

.related-posts-container {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  display: flex;
}

.related-posts-description {
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
}

.dark .related-posts-description {
  color: var(--wp--preset--color--neutral-400);
}

.reading-progress-bar {
  background: var(--wp--preset--gradient--cyberpunk);
  height: 4px;
  z-index: var(--wp--preset--z-index--toast);
  transition: width .1s;
  position: fixed;
  top: 0;
  left: 0;
}

.pagination-container {
  margin-top: var(--wp--preset--spacing--fluid-xl);
  justify-content: center;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.pagination-numbers {
  gap: .5rem;
  display: flex;
}

.pagination-btn {
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--neutral-200);
  border-radius: var(--wp--preset--border-radius--md);
  cursor: pointer;
  padding: .5rem 1rem;
  font-weight: 500;
  transition: all .2s;
}

.dark .pagination-btn {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
  color: var(--wp--preset--color--neutral-300);
}

.pagination-btn--active {
  background-color: var(--wp--preset--color--neon-purple-text);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple-text);
}

.dark .pagination-btn--active {
  background-color: var(--wp--preset--color--neon-purple);
  color: #fff;
  border-color: var(--wp--preset--color--neon-purple);
}

.pagination-btn:hover:not(:disabled) {
  border-color: var(--wp--preset--color--neon-purple-text);
  color: var(--wp--preset--color--neon-purple-text);
}

.dark .pagination-btn:hover:not(:disabled) {
  border-color: var(--wp--preset--color--neon-purple);
  color: var(--wp--preset--color--neon-purple);
}

.pagination-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.blog-post-skeleton {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.error-card {
  text-align: center;
  padding: var(--wp--preset--spacing--fluid-xl);
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--lg);
}

.dark .error-card {
  background-color: var(--wp--preset--color--neutral-900);
}

.error-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--600);
  margin-bottom: 1rem;
}

.error-message {
  color: var(--wp--preset--color--neutral-600);
  margin-bottom: 2rem;
}

.dark .error-message {
  color: var(--wp--preset--color--neutral-400);
}

.blog-back-button {
  align-items: center;
  gap: var(--spacing-10);
  color: #4b5563;
  margin-bottom: var(--spacing-30);
  padding: var(--spacing-10) var(--spacing-20);
  border-radius: .5rem;
  transition: color .2s;
  display: inline-flex;
}

.blog-back-button:hover {
  color: #1f2937;
}

.dark .blog-back-button {
  color: #d8b4fe;
}

.dark .blog-back-button:hover {
  color: #f3e8ff;
}

.blog-back-button:focus {
  outline: none;
  box-shadow: 0 0 0 4px #ec489933;
}

.dark .blog-back-button:focus {
  box-shadow: 0 0 0 4px #a855f780;
}

.blog-metadata {
  align-items: center;
  gap: var(--spacing-30);
  color: #4b5563;
  margin-bottom: var(--spacing-30);
  flex-wrap: wrap;
  display: flex;
}

.blog-metadata-item {
  align-items: center;
  gap: var(--spacing-10);
  display: flex;
}

.blog-metadata-icon {
  width: 1rem;
  height: 1rem;
}

.blog-card-skeleton {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neutral-200);
  height: 500px;
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
  overflow: hidden;
}

.dark .blog-card-skeleton {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.blog-card-skeleton__image {
  background-color: var(--wp--preset--color--neutral-200);
  height: 250px;
}

.dark .blog-card-skeleton__image {
  background-color: var(--wp--preset--color--neutral-800);
}

.blog-card-skeleton__content {
  padding: 1.5rem;
}

.blog-card-skeleton__text {
  background-color: var(--wp--preset--color--neutral-200);
  border-radius: .25rem;
  margin-bottom: 1rem;
}

.dark .blog-card-skeleton__text {
  background-color: var(--wp--preset--color--neutral-800);
}

.blog-card-skeleton__text--w-25 {
  width: 25%;
}

.blog-card-skeleton__text--w-75 {
  width: 75%;
}

.blog-card-skeleton__text--full {
  width: 100%;
}

.blog-card-skeleton__text--w-66 {
  width: 66%;
}

.blog-card-skeleton__text--h-sm {
  height: 1rem;
}

.blog-card-skeleton__text--h-md {
  height: 2rem;
}

.typeform-embed {
  border-radius: var(--wp--preset--border-radius--xl);
  width: 100%;
  box-shadow: var(--wp--preset--shadow--card);
  background-color: var(--wp--preset--color--neutral-50);
  border: 1px solid var(--wp--preset--color--neutral-200);
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.dark .typeform-embed {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
  box-shadow: var(--wp--preset--shadow--elevated);
}

.typeform-embed:hover {
  box-shadow: var(--wp--preset--shadow--elevated);
  transform: translateY(-2px);
}

.dark .typeform-embed:hover {
  box-shadow: 0 20px 25px -5px #00000080, 0 10px 10px -5px #0000000a;
}

.typeform-embed iframe {
  border: none;
  width: 100%;
  height: 100%;
}

.typeform-embed:before {
  content: "";
  border: 3px solid var(--wp--preset--color--neutral-200);
  border-top-color: var(--wp--preset--color--neon-purple);
  z-index: 1;
  pointer-events: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: .8s linear infinite typeform-spin;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dark .typeform-embed:before {
  border-color: var(--wp--preset--color--neutral-700);
  border-top-color: var(--wp--preset--color--neon-pink);
}

.typeform-embed iframe[src] ~ .typeform-embed:before, .typeform-embed:has(iframe[src]):before {
  display: none;
}

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

@media (width <= 768px) {
  .typeform-embed {
    border-radius: var(--wp--preset--border-radius--lg);
  }
}

.typeform-embed:focus-within {
  outline: 2px solid var(--wp--preset--color--neon-purple);
  outline-offset: 4px;
}

.dark .typeform-embed:focus-within {
  outline-color: var(--wp--preset--color--neon-pink);
}

.faq-section {
  padding-top: var(--wp--preset--spacing--fluid-lg);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  max-width: var(--wp--preset--layout--content);
  margin: 0 auto;
}

.faq-card {
  background: var(--background);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  border: 1px solid var(--border);
  overflow: hidden;
}

.dark .faq-card {
  border-color: var(--wp--preset--color--neutral-800);
  background: #ffffff05;
}

.faq-header {
  border-bottom: 1px solid var(--border);
  background-color: var(--wp--preset--color--neutral-50);
  padding: 1.5rem 2rem;
}

.dark .faq-header {
  background-color: #ffffff08;
}

.faq-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  margin-bottom: .5rem;
  font-size: 1.75rem;
  font-weight: 700;
}

.faq-description {
  color: var(--wp--preset--color--neutral-500);
}

.dark .faq-description {
  color: var(--wp--preset--color--neutral-400);
}

.faq-item {
  border-bottom: 1px solid var(--border);
}

.faq-item:last-child {
  border-bottom: none;
}

.faq-button {
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 1.5rem;
  transition: all .2s;
  display: flex;
}

.faq-button:hover {
  background-color: var(--wp--preset--color--neutral-50);
}

.dark .faq-button:hover {
  background-color: #be00fe1a;
}

.faq-button__text {
  font-family: var(--wp--preset--font-family--brand-heading);
  color: var(--foreground);
  font-size: 1.125rem;
  font-weight: 500;
  transition: color .2s;
}

.faq-button:hover .faq-button__text, .faq-button[aria-expanded="true"] .faq-button__text {
  color: var(--wp--preset--color--neon-purple);
}

.faq-button__icon {
  color: var(--wp--preset--color--neutral-400);
  flex-shrink: 0;
  align-items: center;
  transition: color .2s;
  display: flex;
}

.faq-button:hover .faq-button__icon, .faq-button[aria-expanded="true"] .faq-button__icon {
  color: var(--wp--preset--color--neon-purple);
}

.faq-answer {
  color: var(--wp--preset--color--neutral-500);
  padding: 0 1.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

.dark .faq-answer {
  color: var(--wp--preset--color--neutral-400);
}

.contact-page-container {
  background-color: var(--wp--preset--color--base);
  min-height: 100vh;
  color: var(--wp--preset--color--contrast);
  position: relative;
  overflow: hidden;
}

.dark .contact-page-container {
  background-color: var(--wp--preset--color--atomic-black);
  color: #fff;
}

.contact-page-bg-noise {
  opacity: .03;
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.contact-page-bg-orb-1, .contact-page-bg-orb-2 {
  filter: blur(100px);
  opacity: .3;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}

.contact-page-bg-orb-1 {
  background: var(--wp--preset--color--neon-purple);
  width: 500px;
  height: 500px;
  animation: 15s ease-in-out infinite float;
  top: -10%;
  right: -5%;
}

.contact-page-bg-orb-2 {
  background: var(--wp--preset--color--neon-blue);
  width: 400px;
  height: 400px;
  animation: 12s ease-in-out infinite reverse float;
  bottom: -10%;
  left: -5%;
}

.contact-page-main {
  z-index: 10;
  max-width: var(--wp--preset--layout--wide);
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
  padding-left: var(--wp--preset--spacing--section-horizontal);
  padding-right: var(--wp--preset--spacing--section-horizontal);
  margin: 0 auto;
  position: relative;
}

.contact-page-header {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--fluid-2xl);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.text-contact-body {
  color: var(--wp--preset--color--neutral-600);
}

.dark .text-contact-body {
  color: var(--wp--preset--color--neutral-300);
}

.contact-page-grid {
  gap: var(--wp--preset--spacing--fluid-2xl);
  margin-bottom: var(--wp--preset--spacing--fluid-3xl);
  grid-template-columns: 1fr;
  display: grid;
}

@media (width >= 1024px) {
  .contact-page-grid {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

.contact-page-about {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.contact-page-quote {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--400);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  font-style: italic;
  font-weight: 500;
  line-height: 1.4;
}

.contact-page-connect-title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  margin-bottom: var(--wp--preset--spacing--fluid-md);
  font-weight: 600;
}

.text-contact-heading {
  color: var(--wp--preset--color--neutral-800);
}

.dark .text-contact-heading {
  color: #fff;
}

.contact-page-logo-container {
  padding-top: var(--wp--preset--spacing--fluid-lg);
  margin-top: auto;
}

.contact-page-logo {
  cursor: pointer;
  transition: transform .3s;
  display: inline-block;
}

.contact-page-logo:hover {
  transform: scale(1.05);
}

.contact-page-logo:focus-visible {
  outline: 2px solid var(--wp--preset--color--neon-purple);
  outline-offset: 4px;
  border-radius: var(--wp--preset--border-radius--md);
}

.contact-page-form {
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
}

.dark .contact-page-form {
  background: none;
  border: none;
}

.contact-page-form h2 {
  padding: 0 var(--wp--preset--spacing--20);
}

.contact-page-social-links {
  justify-content: flex-start;
}

.contact-page-faq-inline {
  margin-top: var(--wp--preset--spacing--fluid-xl);
}

.contact-page-graphic {
  margin-top: var(--wp--preset--spacing--fluid-lg);
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-page-graphic-image {
  border-radius: var(--wp--preset--border-radius--lg);
  max-width: 100%;
  height: auto;
}

.contact-page-separator {
  width: 100%;
  margin-top: var(--wp--preset--spacing--fluid-2xl);
  margin-bottom: var(--wp--preset--spacing--fluid-lg);
  padding: 0 var(--wp--preset--spacing--20);
}

.contact-page-separator-line {
  background: linear-gradient(90deg, #0000, #0000001a, #0000);
  width: 100%;
  height: 1px;
}

.dark .contact-page-separator-line {
  background: linear-gradient(90deg, #0000, #fff3, #0000);
}

.contact-page-footer {
  align-items: center;
  gap: var(--wp--preset--spacing--fluid-md);
  padding-bottom: var(--wp--preset--spacing--fluid-lg);
  flex-direction: column;
  display: flex;
}

@media (width >= 768px) {
  .contact-page-footer {
    flex-direction: row;
    justify-content: space-between;
  }
}

.contact-page-footer-left {
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

@media (width >= 768px) {
  .contact-page-footer-left {
    flex-direction: row;
    align-items: center;
  }
}

.contact-page-copyright {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
}

.contact-page-footer-links {
  gap: 1.5rem;
  display: flex;
}

.contact-page-footer-link {
  color: var(--wp--preset--color--neutral-500);
  cursor: pointer;
  font-size: var(--wp--preset--font-size--100);
  font-family: var(--wp--preset--font-family--brand-body);
  white-space: nowrap;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  transition: color .2s;
}

.contact-page-footer-link:hover {
  color: var(--wp--preset--color--neutral-900);
}

.dark .contact-page-footer-link:hover {
  color: #fff;
}

.contact-page-footer-logo {
  cursor: pointer;
  transition: transform .2s, opacity .2s;
}

.contact-page-footer-logo:hover {
  opacity: .8;
  transform: scale(1.05);
}

.contact-page-footer-logo:focus {
  outline: 2px solid var(--wp--preset--color--neon-purple);
  outline-offset: 4px;
  border-radius: 8px;
}

.contact-decoration-1 {
  opacity: .1;
  filter: blur(64px);
  background: linear-gradient(to bottom right, #fbcfe8, #ddd6fe);
  border-radius: 9999px;
  width: 6rem;
  height: 6rem;
  transition: opacity .3s;
  position: absolute;
  top: 25%;
  right: 25%;
}

.dark .contact-decoration-1 {
  opacity: .2;
  background: linear-gradient(to bottom right, #db2777, #9333ea);
}

@media (width >= 640px) {
  .contact-decoration-1 {
    width: 12rem;
    height: 12rem;
  }
}

.contact-decoration-2 {
  opacity: .1;
  filter: blur(64px);
  background: linear-gradient(to bottom right, #e9d5ff, #bae6fd);
  border-radius: 9999px;
  width: 8rem;
  height: 8rem;
  transition: opacity .3s;
  position: absolute;
  bottom: 25%;
  left: 25%;
}

.dark .contact-decoration-2 {
  opacity: .2;
  background: linear-gradient(to bottom right, #9333ea, #1d4ed8);
}

@media (width >= 640px) {
  .contact-decoration-2 {
    width: 16rem;
    height: 16rem;
  }
}

.videos-page {
  background-color: var(--wp--preset--color--base);
  background-image: radial-gradient(at 0 0, #be00fe26 0, #0000 50%), radial-gradient(at 100% 100%, #1f51ff26 0, #0000 50%);
  min-height: 100vh;
  transition: background .3s;
}

.dark .videos-page {
  background-color: var(--wp--preset--color--atomic-black);
  background-image: radial-gradient(at 0 0, #be00fe4d 0, #0000 50%), radial-gradient(at 100% 100%, #1f51ff4d 0, #0000 50%);
}

.videos-header {
  text-align: center;
  padding-top: calc(5rem + clamp(1.5rem, 1.35rem + .714vw, 2rem));
  padding-bottom: clamp(1.5rem, 1.35rem + .714vw, 2rem);
}

.videos-header__content {
  max-width: var(--wp--preset--layout--content);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  margin: 0 auto;
}

.featured-video-section {
  max-width: var(--wp--preset--layout--wide);
  margin: 0 auto var(--wp--preset--spacing--section-vertical);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
}

.featured-video-wrapper {
  border-radius: var(--wp--preset--border-radius--xl);
  border: 1px solid var(--wp--preset--color--neon-purple);
  background-color: #000;
  width: 100%;
  padding-bottom: 56.25%;
  animation: 3s infinite alternate neonPulsePurple;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 30px #be00fe4d;
}

@keyframes neonPulsePurple {
  from {
    border-color: #be00fe80;
    box-shadow: 0 0 20px #be00fe4d;
  }

  to {
    border-color: var(--wp--preset--color--neon-purple);
    box-shadow: 0 0 40px #be00fe99;
  }
}

.featured-video-wrapper iframe {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.videos-grid {
  gap: var(--wp--preset--spacing--fluid-lg);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  max-width: var(--wp--preset--layout--wide);
  margin: 0 auto var(--wp--preset--spacing--section-vertical);
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}

@media (width >= 640px) {
  .videos-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .videos-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1280px) {
  .videos-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.video-card {
  background-color: var(--wp--preset--color--base);
  border-radius: var(--wp--preset--border-radius--lg);
  box-shadow: var(--wp--preset--shadow--card);
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--neutral-200);
  group: video-card;
  flex-direction: column;
  height: 100%;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dark .video-card {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: var(--wp--preset--color--neutral-800);
}

.video-card:hover {
  border-color: var(--wp--preset--color--neon-blue);
  transform: translateY(-5px);
  box-shadow: 0 0 20px #00f3ff66;
}

.video-card__thumbnail-container {
  aspect-ratio: 1;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.video-card__thumbnail {
  object-fit: cover;
  opacity: .8;
  width: 100%;
  height: 100%;
  transition: transform .5s;
}

.video-card:hover .video-card__thumbnail {
  opacity: .6;
  transform: scale(1.05);
}

.video-card__play-button {
  z-index: 2;
  background-color: #0009;
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-card:hover .video-card__play-button {
  background-color: var(--wp--preset--color--neon-pink);
  border-color: var(--wp--preset--color--neon-pink);
  box-shadow: 0 0 15px var(--wp--preset--color--neon-pink);
  animation: 1.5s infinite alternate neonPulsePink;
  transform: translate(-50%, -50%)scale(1.1);
}

@keyframes neonPulsePink {
  from {
    box-shadow: 0 0 10px var(--wp--preset--color--neon-pink);
  }

  to {
    box-shadow: 0 0 25px var(--wp--preset--color--neon-pink);
  }
}

.video-card__play-icon {
  fill: #fff;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}

.video-card__content {
  padding: var(--wp--preset--spacing--fluid-md);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.video-card__title {
  font-family: var(--wp--preset--font-family--brand-heading);
  font-size: var(--wp--preset--font-size--300);
  margin-bottom: var(--wp--preset--spacing--fluid-xs);
  color: var(--wp--preset--color--contrast);
  font-weight: 600;
  line-height: 1.3;
}

.dark .video-card__title {
  color: #fff;
}

.video-card__meta {
  font-size: var(--wp--preset--font-size--100);
  color: var(--wp--preset--color--neutral-500);
  margin-bottom: var(--wp--preset--spacing--fluid-sm);
  justify-content: space-between;
  display: flex;
}

.videos-header__description {
  max-width: 42rem;
  margin: 0 auto;
}

.video-card__duration {
  color: #fff;
  z-index: 2;
  background-color: #000c;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-family: monospace;
  font-size: .75rem;
  position: absolute;
  bottom: .5rem;
  right: .5rem;
}

.video-card__description {
  font-size: var(--wp--preset--font-size--200);
  color: var(--wp--preset--color--neutral-600);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.dark .video-card__description {
  color: var(--wp--preset--color--neutral-400);
}

.video-modal-overlay {
  z-index: var(--wp--preset--z-index--modal);
  padding: var(--wp--preset--spacing--fluid-md);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  animation: .3s fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.video-modal-content {
  border-radius: var(--wp--preset--border-radius--lg);
  border: 1px solid var(--wp--preset--color--neon-purple);
  background-color: #000;
  width: 100%;
  max-width: 1000px;
  animation: .3s cubic-bezier(.175, .885, .32, 1.275) scaleIn;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 50px #be00fe80;
}

.video-modal-close {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 2rem;
  transition: color .2s;
  position: absolute;
  top: -40px;
  right: 0;
}

.video-modal-close:hover {
  color: var(--wp--preset--color--neon-pink);
  text-shadow: 0 0 10px var(--wp--preset--color--neon-pink);
}

.video-player-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.video-player-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.legal-page-container {
  background-color: var(--background);
  min-height: 100vh;
  padding: var(--wp--preset--spacing--section-vertical) 0;
}

.legal-page-content {
  max-width: var(--wp--preset--layout--narrow);
  padding: 0 var(--wp--preset--spacing--section-horizontal);
  margin: 0 auto;
}

.legal-page-body {
  background-color: var(--wp--preset--color--neutral-50);
  border-radius: var(--wp--preset--border-radius--xl);
  padding: var(--wp--preset--spacing--fluid-xl);
  border: 1px solid var(--border);
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

.dark .legal-page-body {
  background-color: var(--wp--preset--color--neutral-900);
  border-color: #ffffff1a;
}

.legal-page-list {
  color: var(--wp--preset--color--neutral-600);
  margin-top: .5rem;
  padding-left: 1.5rem;
  line-height: 1.6;
  list-style-type: disc;
}

.dark .legal-page-list {
  color: var(--wp--preset--color--neutral-400);
}

.legal-page-list li {
  margin-bottom: .5rem;
}

.legal-page-footer {
  border-top: 1px solid var(--border);
  text-align: center;
  margin-top: 2rem;
  padding-top: 2rem;
}

.legal-page-back-btn {
  color: var(--wp--preset--color--neon-purple);
  cursor: pointer;
  background: none;
  border: none;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  transition: all .2s;
}

.legal-page-back-btn:hover {
  color: var(--wp--preset--color--neon-pink);
  text-decoration: underline;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}

@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-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-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;
}