/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.top-0 {
  top: calc(var(--spacing, 0.25rem) * 0);
}
.left-0 {
  left: calc(var(--spacing, 0.25rem) * 0);
}
.-z-10 {
  z-index: calc(10 * -1);
}
.z-10 {
  z-index: 10;
}
.z-50 {
  z-index: 50;
}
.m-0 {
  margin: calc(var(--spacing, 0.25rem) * 0);
}
.mx-8 {
  margin-inline: calc(var(--spacing, 0.25rem) * 8);
}
.mx-auto {
  margin-inline: auto;
}
.mt-\[50px\] {
  margin-top: 50px;
}
.mb-1 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 4);
}
.mb-6 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 8);
}
.mb-12 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 12);
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.h-10 {
  height: calc(var(--spacing, 0.25rem) * 10);
}
.h-48 {
  height: calc(var(--spacing, 0.25rem) * 48);
}
.h-64 {
  height: calc(var(--spacing, 0.25rem) * 64);
}
.h-full {
  height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.w-64 {
  width: calc(var(--spacing, 0.25rem) * 64);
}
.w-full {
  width: 100%;
}
.max-w-3xl {
  max-width: var(--container-3xl, 48rem);
}
.max-w-4xl {
  max-width: var(--container-4xl, 56rem);
}
.max-w-6xl {
  max-width: var(--container-6xl, 72rem);
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.resize {
  resize: both;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-0 {
  gap: calc(var(--spacing, 0.25rem) * 0);
}
.gap-2 {
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.gap-4 {
  gap: calc(var(--spacing, 0.25rem) * 4);
}
.gap-6 {
  gap: calc(var(--spacing, 0.25rem) * 6);
}
.gap-8 {
  gap: calc(var(--spacing, 0.25rem) * 8);
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, 0.25rem) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, 0.25rem) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.overflow-hidden {
  overflow: hidden;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.rounded-2xl {
  border-radius: var(--radius-2xl, 1rem);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg, 0.5rem);
}
.rounded-xl {
  border-radius: var(--radius-xl, 0.75rem);
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-gray-200 {
  border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
}
.border-pink-400 {
  border-color: var(--color-pink-400, oklch(71.8% 0.202 349.761));
}
.border-transparent {
  border-color: transparent;
}
.bg-gray-50 {
  background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
}
.bg-gray-100 {
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
}
.bg-gray-200 {
  background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
}
.bg-pink-50 {
  background-color: var(--color-pink-50, oklch(97.1% 0.014 343.198));
}
.bg-pink-100 {
  background-color: var(--color-pink-100, oklch(94.8% 0.028 342.258));
}
.bg-pink-400 {
  background-color: var(--color-pink-400, oklch(71.8% 0.202 349.761));
}
.bg-white {
  background-color: var(--color-white, #fff);
}
.bg-white\/95 {
  background-color: color-mix(in srgb, #fff 95%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white, #fff) 95%, transparent);
  }
}
.object-cover {
  object-fit: cover;
}
.p-6 {
  padding: calc(var(--spacing, 0.25rem) * 6);
}
.p-8 {
  padding: calc(var(--spacing, 0.25rem) * 8);
}
.px-3 {
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
}
.px-6 {
  padding-inline: calc(var(--spacing, 0.25rem) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing, 0.25rem) * 8);
}
.py-1 {
  padding-block: calc(var(--spacing, 0.25rem) * 1);
}
.py-3 {
  padding-block: calc(var(--spacing, 0.25rem) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing, 0.25rem) * 4);
}
.py-8 {
  padding-block: calc(var(--spacing, 0.25rem) * 8);
}
.py-16 {
  padding-block: calc(var(--spacing, 0.25rem) * 16);
}
.py-20 {
  padding-block: calc(var(--spacing, 0.25rem) * 20);
}
.pt-16 {
  padding-top: calc(var(--spacing, 0.25rem) * 16);
}
.pb-1 {
  padding-bottom: calc(var(--spacing, 0.25rem) * 1);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.font-sans {
  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
}
.text-2xl {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
}
.text-4xl {
  font-size: var(--text-4xl, 2.25rem);
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
}
.text-lg {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
}
.text-sm {
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
}
.text-xl {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide, 0.025em);
  letter-spacing: var(--tracking-wide, 0.025em);
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-gray-500 {
  color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
}
.text-gray-600 {
  color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
}
.text-gray-700 {
  color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
}
.text-gray-800 {
  color: var(--color-gray-800, oklch(27.8% 0.033 256.848));
}
.text-gray-900 {
  color: var(--color-gray-900, oklch(21% 0.034 264.665));
}
.text-green-600 {
  color: var(--color-green-600, oklch(62.7% 0.194 149.214));
}
.text-pink-400 {
  color: var(--color-pink-400, oklch(71.8% 0.202 349.761));
}
.text-pink-600 {
  color: var(--color-pink-600, oklch(59.2% 0.249 0.584));
}
.text-white {
  color: var(--color-white, #fff);
}
.no-underline {
  text-decoration-line: none;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:scale-105 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:border-pink-400 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-pink-400, oklch(71.8% 0.202 349.761));
    }
  }
}
.hover\:bg-pink-400 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-pink-400, oklch(71.8% 0.202 349.761));
    }
  }
}
.hover\:text-pink-400 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-pink-400, oklch(71.8% 0.202 349.761));
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white, #fff);
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.hover\:shadow-lg {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-xl {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:px-6 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
}
.sm\:text-6xl {
  @media (width >= 40rem) {
    font-size: var(--text-6xl, 3.75rem);
    line-height: var(--tw-leading, var(--text-6xl--line-height, 1));
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:px-8 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 8);
  }
}
@layer components {
  .btn {
    border-radius: 0.25rem;
    background-color: var(--color-pink-600, oklch(59.2% 0.249 0.584));
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-white, #fff);
    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, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-pink-500, oklch(65.6% 0.241 354.308));
      }
    }
  }
}
@layer utilities {
  @keyframes marquee {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  .marquee-track {
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .animate-marquee {
    animation: marquee 18s linear infinite;
  }
}
.hero-gradient {
  background: linear-gradient(270deg, #fbcfe8, #f472b6, #f9a8d4, #fbcfe8);
  background-size: 800% 800%;
  animation: gradientShift 20s ease infinite;
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes blobMove {
  0%, 100% {
    transform: translate(0,0) scale(1);
  }
  25% {
    transform: translate(20px, -30px) scale(1.05);
  }
  50% {
    transform: translate(-25px, 20px) scale(0.95);
  }
  75% {
    transform: translate(15px, 25px) scale(1.1);
  }
}
.animate-blob {
  animation: blobMove 12s infinite ease-in-out;
}
.animation-delay-2000 {
  animation-delay: 2s;
}
.animation-delay-4000 {
  animation-delay: 4s;
}
.animation-delay-6000 {
  animation-delay: 6s;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-up {
  animation: fadeUp 0.7s ease forwards;
  opacity: 0;
}
.fade-up-delay-1 {
  animation-delay: 0.1s;
}
.fade-up-delay-2 {
  animation-delay: 0.3s;
}
.fade-up-delay-3 {
  animation-delay: 0.5s;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@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-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-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;
}
@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: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}