/* Testimonials Carousel */
.testimonials-carousel{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:.5rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}
.testimonials-carousel::-webkit-scrollbar{display:none}
.testimonials-carousel .testimonial-card{flex:0 0 80%;max-width:80%;scroll-snap-align:center}
@media (min-width:768px){.testimonials-carousel .testimonial-card{flex-basis:46%;max-width:46%}}
@media (min-width:1024px){.testimonials-carousel .testimonial-card{flex-basis:32%;max-width:32%}}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffcc;border:1px solid var(--border);backdrop-filter:saturate(180%) blur(10px);width:40px;height:40px;border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background .2s,opacity .2s}
.carousel-btn:hover{background:#fff}
.carousel-btn.prev{right:.5rem}
.carousel-btn.next{left:.5rem}
/* Gallery Carousel */
.gallery-carousel{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}
.gallery-carousel::-webkit-scrollbar{display:none}
.gallery-carousel .gallery-item{flex:0 0 auto;width:280px;height:280px;scroll-snap-align:center;border-radius:1rem;overflow:hidden;transition:transform .3s,box-shadow .3s;background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);position:relative}
.gallery-carousel .gallery-item:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.15)}
.gallery-carousel .gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease-in-out}
.gallery-carousel .gallery-item img.gallery-lazy{opacity:0}
.gallery-carousel .gallery-item img.gallery-lazy[loading="lazy"]{opacity:1}
.gallery-carousel .gallery-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);animation:shimmer 1.5s infinite;pointer-events:none;z-index:1}
.gallery-carousel .gallery-item img[loading="lazy"]:not([src=""]) ~ ::before{display:none}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (min-width:768px){.gallery-carousel .gallery-item{width:320px;height:320px}}
@media (min-width:1024px){.gallery-carousel .gallery-item{width:360px;height:360px}}
/* Utility Classes */
.d-none{display:none!important}
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap");
/* Copied from Compasslandingpage/src/index.css */
/* BEGIN React index.css content */
/* Note: This file is generated by copying the landing page CSS to work in Blade */
/* ------------------------------ */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap");
@font-face {
  font-family: '29LT Bukra';
  src: url('/29LTBukra-Regular.woff2') format('woff2'),
      url('/29LTBukra-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
* {
	font-family: '29LT Bukra' !important;
}
/*! 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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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;
    }
  }
}

@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-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-2xl: 1rem;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --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;
    background-color: #0000;
    border-radius: 0;
  }

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

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

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

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

  ::placeholder {
    opacity: 1;
    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: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
    direction: rtl;
    font-family: Inter, Noto Sans Arabic, sans-serif;
  }

  .font-serif {
    font-family: Playfair Display, Noto Sans Arabic, serif;
  }

  .font-sans {
    font-family: Inter, Noto Sans Arabic, sans-serif;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h1 {
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h2 {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h3 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h4 {
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) p {
    font-size: var(--text-base);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) label, :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) button {
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) input {
    font-size: var(--text-base);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
  }
}

@layer utilities {
  .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;
  }
  .iti{
    width: 100% !important;
  }

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

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

  .top-4 {
    top: calc(var(--spacing) * 4);
  }
.lg-thumb-outer{
  direction: ltr !important;
}
  .top-\[50\%] {
    top: 50%;
  }

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

  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
    transform: rotate(180deg);

  }
  .yt-video{
    height: 500px;
}
@media (max-width: 575.98px) {
    .yt-video{
        height: 200px;
    }
  }
  @media (min-width: 576px) and (max-width: 875px) {
    .yt-video{
        height: 300px;
    }
  }
  @media (min-width: 876px) and (max-width: 1200px) {
    .yt-video{
        height: 400px;
    }
  }
  button{
    cursor: pointer !important;
  }
  .secure,.secure *{
    color: #17c65f !important;
  }
  .testimonials-section button{
    color: #8b0086 !important;
    font-weight: 1000 !important;
  }
  .lg-inner{
    direction: ltr !important;
  }
  .left-\[50\%] {
    left: 50%;
  }

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

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

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

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

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

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

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

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

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

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

  .mr-auto {
    margin-right: auto;
  }

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

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

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

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

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

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

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

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

  .hidden { display: none; }
  .block { display: block; }
  .flex { display: flex; }
  .grid { display: grid; }
  .inline-flex { display: inline-flex; }

  .aspect-video { aspect-ratio: var(--aspect-video); }

  .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
  .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); }

  .h-1 { height: calc(var(--spacing) * 1); }
  .h-4 { height: calc(var(--spacing) * 4); }
  .h-5 { height: calc(var(--spacing) * 5); }
  .h-6 { height: calc(var(--spacing) * 6); }
  .h-8 { height: calc(var(--spacing) * 8); }
  .h-9 { height: calc(var(--spacing) * 9); }
  .h-10 { height: calc(var(--spacing) * 10); }
  .h-12 { height: calc(var(--spacing) * 12); }
  .h-16 { height: calc(var(--spacing) * 16); }
  .h-20 { height: calc(var(--spacing) * 20); }
  .h-48 { height: calc(var(--spacing) * 48); }

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

  .w-4 { width: calc(var(--spacing) * 4); }
  .w-5 { width: calc(var(--spacing) * 5); }
  .w-6 { width: calc(var(--spacing) * 6); }
  .w-8 { width: calc(var(--spacing) * 8); }
  .w-10 { width: calc(var(--spacing) * 10); }
  .w-12 { width: calc(var(--spacing) * 12); }
  .w-16 { width: calc(var(--spacing) * 16); }
  .w-20 { width: calc(var(--spacing) * 20); }
  .w-full { width: 100%; }

  .max-w-4xl { max-width: var(--container-4xl); }
  .max-w-5xl { max-width: var(--container-5xl); }
  .max-w-6xl { max-width: var(--container-6xl); }
  .max-w-7xl { max-width: var(--container-7xl); }
  .max-w-\[calc\(100%-2rem\)\] { max-width: calc(100% - 2rem); }
  .max-w-md { max-width: var(--container-md); }

  .min-w-0 { min-width: calc(var(--spacing) * 0); }
  .min-w-\[70px\] { min-width: 70px; }

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

  .translate-x-\[-50\%] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-\[-50\%] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .rotate-3 { rotate: 3deg; }
  .transform { transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); }

  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .flex-col { flex-direction: column; }
  .flex-col-reverse { flex-direction: column-reverse; }
  .flex-row-reverse { flex-direction: row-reverse; }
  .flex-wrap { flex-wrap: wrap; }
  .items-center { align-items: center; }
  .items-start { align-items: flex-start; }
  .justify-center { justify-content: center; }

  .gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
  .gap-2 { gap: calc(var(--spacing) * 2); }
  .gap-3 { gap: calc(var(--spacing) * 3); }
  .gap-4 { gap: calc(var(--spacing) * 4); }
  .gap-6 { gap: calc(var(--spacing) * 6); }
  .gap-8 { gap: calc(var(--spacing) * 8); }
  .gap-12 { gap: calc(var(--spacing) * 12); }

  :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))); }
  :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); }
  :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); }

  .overflow-hidden { overflow: hidden; }
  .rounded-2xl { border-radius: var(--radius-2xl); }
  .rounded-full { border-radius: 3.40282e38px; }
  .rounded-lg { border-radius: var(--radius); }
  .rounded-md { border-radius: calc(var(--radius)  - 2px); }
  .rounded-xl { border-radius: calc(var(--radius)  + 4px); }
  .rounded-xs { border-radius: var(--radius-xs); }

  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .border-\[var\(--border\)\] { border-color: var(--border); }
  .border-\[var\(--teal\)\] { border-color: var(--teal); }
  .border-input { border-color: var(--input); }

  .bg-\[var\(--beige\)\] { background-color: var(--beige); }
  .bg-\[var\(--gold\)\] { background-color: var(--gold); }
  .bg-\[var\(--gold\)\]\/10 { background-color: var(--gold); }
  @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--gold\)\]\/10 { background-color: color-mix(in oklab, var(--gold) 10%, transparent); } }
  .bg-\[var\(--ivory\)\] { background-color: var(--ivory); }
  .bg-\[var\(--primary\)\] { background-color: var(--primary); }
  .bg-\[var\(--rose\)\] { background-color: var(--rose); }
  .bg-\[var\(--rose\)\]\/20 { background-color: var(--rose); }
  @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--rose\)\]\/20 { background-color: color-mix(in oklab, var(--rose) 20%, transparent); } }
  .bg-\[var\(--sand\)\] { background-color: var(--sand); }
  .bg-\[var\(--teal\)\] { background-color: var(--teal); }
  .bg-\[var\(--teal\)\]\/10 { background-color: var(--teal); }
  @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--teal\)\]\/10 { background-color: color-mix(in oklab, var(--teal) 10%, transparent); } }
  .bg-background { background-color: var(--background); }
  .bg-black\/50 { background-color: #00000080; }
  @supports (color: color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } }
  .bg-destructive { background-color: var(--destructive); }
  .bg-input-background { background-color: var(--input-background); }
  .bg-primary { background-color: var(--primary); }
  .bg-secondary { background-color: var(--secondary); }
  .bg-white { background-color: var(--color-white); }
  .bg-white\/50 { background-color: #ffffff80; }
  @supports (color: color-mix(in lab, red, red)) { .bg-white\/50 { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } }

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

  .from-\[var\(--ivory\)\] { --tw-gradient-from: var(--ivory); --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-\[var\(--rose\)\]\/10 { --tw-gradient-from: var(--rose); --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-\[var\(--rose\)\]\/10 { --tw-gradient-from: color-mix(in oklab, var(--rose) 10%, transparent); } }
  .from-\[var\(--rose\)\]\/20 { --tw-gradient-from: var(--rose); --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-\[var\(--rose\)\]\/20 { --tw-gradient-from: color-mix(in oklab, var(--rose) 20%, transparent); } }
  .from-\[var\(--teal\)\]\/10 { --tw-gradient-from: var(--teal); --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-\[var\(--teal\)\]\/10 { --tw-gradient-from: color-mix(in oklab, var(--teal) 10%, transparent); } }
  .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }

  .to-\[var\(--beige\)\] { --tw-gradient-to: var(--beige); --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-\[var\(--gold\)\]\/20 { --tw-gradient-to: var(--gold); --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-\[var\(--gold\)\]\/20 { --tw-gradient-to: color-mix(in oklab, var(--gold) 20%, transparent); } }
  .to-\[var\(--ivory\)\] { --tw-gradient-to: var(--ivory); --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-\[var\(--rose\)\]\/5 { --tw-gradient-to: var(--rose); --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-\[var\(--rose\)\]\/5 { --tw-gradient-to: color-mix(in oklab, var(--rose) 5%, transparent); } }
  .to-\[var\(--teal\)\]\/5 { --tw-gradient-to: var(--teal); --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-\[var\(--teal\)\]\/5 { --tw-gradient-to: color-mix(in oklab, var(--teal) 5%, transparent); } }
  .to-white { --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }

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

  .p-3 { padding: calc(var(--spacing) * 3); }
  .p-4 { padding: calc(var(--spacing) * 4); }
  .p-6 { padding: calc(var(--spacing) * 6); }
  .p-8 { padding: calc(var(--spacing) * 8); }
  .px-3 { padding-inline: calc(var(--spacing) * 3); }
  .px-4 { padding-inline: calc(var(--spacing) * 4); }
  .px-6 { padding-inline: calc(var(--spacing) * 6); }
  .px-8 { padding-inline: calc(var(--spacing) * 8); }
  .py-1 { padding-block: calc(var(--spacing) * 1); }
  .py-2 { padding-block: calc(var(--spacing) * 2); }
  .py-3 { padding-block: calc(var(--spacing) * 3); }
  .py-6 { padding-block: calc(var(--spacing) * 6); }
  .py-20 { padding-block: calc(var(--spacing) * 20); }
  .pt-2 { padding-top: calc(var(--spacing) * 2); }
  .pt-6 { padding-top: calc(var(--spacing) * 6); }
  .pl-8 { padding-left: calc(var(--spacing) * 8); }

  .text-center { text-align: center; }
  .text-right { text-align: right; }
  .font-serif { font-family: var(--font-serif); }

  .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); }
  .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); }
  .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); }
  .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); }
  .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); }
  .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
  .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
  .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }

  .leading-none { --tw-leading: 1; line-height: 1; }
  .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-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); }

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

  .text-\[var\(--foreground\)\] { color: var(--foreground); }
  .text-\[var\(--gold\)\] { color: var(--gold); }
  .text-\[var\(--gold\)\]\/20 { color: var(--gold); }
  @supports (color: color-mix(in lab, red, red)) { .text-\[var\(--gold\)\]\/20 { color: color-mix(in oklab, var(--gold) 20%, transparent); } }
  .text-\[var\(--muted-foreground\)\] { color: var(--muted-foreground); }
  .text-\[var\(--primary\)\] { color: var(--primary); }
  .text-\[var\(--rose\)\] { color: var(--rose); }
  .text-\[var\(--teal\)\] { color: var(--teal); }
  .text-foreground { color: var(--foreground); }
  .text-muted-foreground { color: var(--muted-foreground); }
  .text-primary { color: var(--primary); }
  .text-primary-foreground { color: var(--primary-foreground); }
  .text-secondary-foreground { color: var(--secondary-foreground); }
  .text-white { color: var(--color-white); }
  .italic { font-style: italic; }
  .underline-offset-4 { text-underline-offset: 4px; }
  .opacity-20 { opacity: .2; }
  .opacity-70 { opacity: .7; }

  .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-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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-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-offset-background { --tw-ring-offset-color: var(--background); }
  .outline { outline-style: var(--tw-outline-style); outline-width: 1px; }
  .blur-3xl { --tw-blur: blur(var(--blur-3xl)); 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-\[color\,box-shadow\] { transition-property: color, box-shadow; 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-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .duration-200 { --tw-duration: .2s; transition-duration: .2s; }
  .outline-none { --tw-outline-style: none; outline-style: none; }
  .select-none { -webkit-user-select: none; user-select: none; }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) { pointer-events: none; }
  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) { opacity: .5; }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) { opacity: .5; }
  .selection\:bg-primary ::selection, .selection\:bg-primary::selection { background-color: var(--primary); }
  .selection\:text-primary-foreground ::selection, .selection\:text-primary-foreground::selection { color: var(--primary-foreground); }
  .file\:inline-flex::file-selector-button { display: inline-flex; }
  .file\:h-7::file-selector-button { height: calc(var(--spacing) * 7); }
  .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0; }
  .file\:bg-transparent::file-selector-button { background-color: #0000; }
  .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
  .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
  .file\:text-foreground::file-selector-button { color: var(--foreground); }
  .placeholder\:text-muted-foreground::placeholder { color: var(--muted-foreground); }

  @media (hover: hover) { .hover\:bg-\[var\(--gold\)\]\/90:hover { background-color: var(--gold); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-\[var\(--gold\)\]\/90:hover { background-color: color-mix(in oklab, var(--gold) 90%, transparent); } } }
  @media (hover: hover) { .hover\:bg-\[var\(--teal\)\]\/5:hover { background-color: var(--teal); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-\[var\(--teal\)\]\/5:hover { background-color: color-mix(in oklab, var(--teal) 5%, transparent); } } }
  @media (hover: hover) { .hover\:bg-\[var\(--teal\)\]\/90:hover { background-color: var(--teal); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-\[var\(--teal\)\]\/90:hover { background-color: color-mix(in oklab, var(--teal) 90%, transparent); } } }
  @media (hover: hover) { .hover\:bg-accent:hover { background-color: var(--accent); } }
  @media (hover: hover) { .hover\:bg-destructive\/90:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab, var(--destructive) 90%, transparent); } } }
  @media (hover: hover) { .hover\:bg-primary\/90:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } }
  @media (hover: hover) { .hover\:bg-secondary\/80:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); } } }
  @media (hover: hover) { .hover\:text-accent-foreground:hover { color: var(--accent-foreground); } }
  @media (hover: hover) { .hover\:underline:hover { text-decoration-line: underline; } }
  @media (hover: hover) { .hover\:opacity-100:hover { opacity: 1; } }
  @media (hover: hover) { .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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); } }
  @media (hover: hover) { .hover\:shadow-xl:hover { --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); } }

  .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .focus\:ring-ring:focus { --tw-ring-color: var(--ring); }
  .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
  .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; }
  @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000; } }
  .focus-visible\:border-ring:focus-visible { border-color: var(--ring); }
  .focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: var(--destructive); }
  @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } }
  .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: var(--ring); }
  @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } }

  .disabled\:pointer-events-none:disabled { pointer-events: none; }
  .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
  .disabled\:opacity-50:disabled { opacity: .5; }

  .has-\[\>svg\]\:px-2\.5:has( > svg) { padding-inline: calc(var(--spacing) * 2.5); }
  .has-\[\>svg\]\:px-3:has( > svg) { padding-inline: calc(var(--spacing) * 3); }
  .has-\[\>svg\]\:px-4:has( > svg) { padding-inline: calc(var(--spacing) * 4); }

  .aria-invalid\:border-destructive[aria-invalid="true"] { border-color: var(--destructive); }
  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: var(--destructive); }
  @supports (color: color-mix(in lab, red, red)) { .aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation: exit var(--tw-duration, .15s) var(--tw-ease, ease); }
  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; }
  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; }
  .data-\[state\=open\]\:animate-in[data-state="open"] { animation: enter var(--tw-duration, .15s) var(--tw-ease, ease); }
  .data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: var(--accent); }
  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: var(--muted-foreground); }
  .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; }
  .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; }

  @media (width >= 40rem) { .sm\:max-w-lg { max-width: var(--container-lg); } }
  @media (width >= 40rem) { .sm\:max-w-md { max-width: var(--container-md); } }
  @media (width >= 40rem) { .sm\:flex-row { flex-direction: row; } }
  @media (width >= 40rem) { .sm\:justify-end { justify-content: flex-end; } }
  @media (width >= 40rem) { .sm\:text-left { text-align: left; } }

  @media (width >= 48rem) { .md\:order-1 { order: 1; } }
  @media (width >= 48rem) { .md\:order-2 { order: 2; } }
  @media (width >= 48rem) { .md\:w-auto { width: auto; } }
  @media (width >= 48rem) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (width >= 48rem) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  @media (width >= 48rem) { .md\:gap-6 { gap: calc(var(--spacing) * 6); } }
  @media (width >= 48rem) { .md\:p-12 { padding: calc(var(--spacing) * 12); } }
  @media (width >= 48rem) { .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } }
  @media (width >= 48rem) { .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } }
  @media (width >= 48rem) { .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } }
  @media (width >= 48rem) { .md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } }

  @media (width >= 64rem) { .lg\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } }

  .dark\:border-input:is(.dark *) { border-color: var(--input); }
  .dark\:bg-destructive\/60:is(.dark *) { background-color: var(--destructive); }
  @supports (color: color-mix(in lab, red, red)) { .dark\:bg-destructive\/60:is(.dark *) { background-color: color-mix(in oklab, var(--destructive) 60%, transparent); } }
  .dark\:bg-input\/30:is(.dark *) { background-color: var(--input); }
  @supports (color: color-mix(in lab, red, red)) { .dark\:bg-input\/30:is(.dark *) { background-color: color-mix(in oklab, var(--input) 30%, transparent); } }
  @media (hover: hover) { .dark\:hover\:bg-accent\/50:is(.dark *):hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-accent\/50:is(.dark *):hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } }
  @media (hover: hover) { .dark\:hover\:bg-input\/50:is(.dark *):hover { background-color: var(--input); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-input\/50:is(.dark *):hover { background-color: color-mix(in oklab, var(--input) 50%, transparent); } } }
  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color: var(--destructive); }
  @supports (color: color-mix(in lab, red, red)) { .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } }
  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: var(--destructive); }
  @supports (color: color-mix(in lab, red, red)) { .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } }
  .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
  .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
}


:root {
  --font-size: 16px;
  --background: #faf8f5;
  --foreground: #2c2c2c;
  --card: #fff;
  --card-foreground: #2c2c2c;
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(.145 0 0);
  --primary: #2c2c2c;
  --primary-foreground: oklch(1 0 0);
  --secondary: #f5e6d3;
  --secondary-foreground: #2c2c2c;
  --muted: #e8dfd3;
  --muted-foreground: #6b5d52;
  --accent: #d4a574;
  --accent-foreground: #fff;
  --destructive: #d4183d;
  --destructive-foreground: #fff;
  --border: #d4a57433;
  --input: transparent;
  --input-background: #fff;
  --switch-background: #cbced4;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --ring: #d4a574;
  --chart-1: oklch(.646 .222 41.116);
  --chart-2: oklch(.6 .118 184.704);
  --chart-3: oklch(.398 .07 227.392);
  --chart-4: oklch(.828 .189 84.429);
  --chart-5: oklch(.769 .188 70.08);
  --radius: .625rem;
  --sidebar: oklch(.985 0 0);
  --sidebar-foreground: oklch(.145 0 0);
  --sidebar-primary: #030213;
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.97 0 0);
  --sidebar-accent-foreground: oklch(.205 0 0);
  --sidebar-border: oklch(.922 0 0);
  --sidebar-ring: oklch(.708 0 0);
  --ivory: #e5d8e4;
  --beige: #cab3c8;
  --sand: #cab3c8;
  --rose: #e8beb5;
  --teal: #492c48;
  --gold: #492c48;
}

.dark {
  --background: oklch(.145 0 0);
  --foreground: oklch(.985 0 0);
  --card: oklch(.145 0 0);
  --card-foreground: oklch(.985 0 0);
  --popover: oklch(.145 0 0);
  --popover-foreground: oklch(.985 0 0);
  --primary: oklch(.985 0 0);
  --primary-foreground: oklch(.205 0 0);
  --secondary: oklch(.269 0 0);
  --secondary-foreground: oklch(.985 0 0);
  --muted: oklch(.269 0 0);
  --muted-foreground: oklch(.708 0 0);
  --accent: oklch(.269 0 0);
  --accent-foreground: oklch(.985 0 0);
  --destructive: oklch(.396 .141 25.723);
  --destructive-foreground: oklch(.637 .237 25.331);
  --border: oklch(.269 0 0);
  --input: oklch(.269 0 0);
  --ring: oklch(.439 0 0);
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --chart-1: oklch(.488 .243 264.376);
  --chart-2: oklch(.696 .17 162.48);
  --chart-3: oklch(.769 .188 70.08);
  --chart-4: oklch(.627 .265 303.9);
  --chart-5: oklch(.645 .246 16.439);
  --sidebar: oklch(.205 0 0);
  --sidebar-foreground: oklch(.985 0 0);
  --sidebar-primary: oklch(.488 .243 264.376);
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.269 0 0);
  --sidebar-accent-foreground: oklch(.985 0 0);
  --sidebar-border: oklch(.269 0 0);
  --sidebar-ring: oklch(.439 0 0);
}

html { font-size: var(--font-size); }

/* Landing gallery layout to mimic main site masonry */
#bootstrap-image-gallery {
  column-count: 3;
  column-gap: 12px;
}
#bootstrap-image-gallery .grid-item {
  display: inline-block;
  width: 100%;
  margin: 0 0 12px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  break-inside: avoid;
}
#bootstrap-image-gallery .grid-item img { width: 100%; height: auto; display: block; }
@media (max-width: 991.98px) { #bootstrap-image-gallery { column-count: 2; } }
@media (max-width: 575.98px) { #bootstrap-image-gallery { column-count: 1; } }
.see-more-button {
  -webkit-column-span: all; /* Safari/Chrome */
  column-span: all; /* span across columns */
  display: block !important; /* allow margin auto centering */
  width: max-content !important;
  margin: 16px auto 0 !important; /* center horizontally */
  overflow: visible !important; /* prevent text clipping */
  border-radius: 12px !important; /* override grid-item rounding */
  padding: 12px 18px !important; /* ensure full text is visible */
}
/* undo grid-item overflow for the button */
.see-more-button.grid-item { overflow: visible !important; }
.d-none { display: none !important; }

@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-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 }
@keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } }
@keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } }
/* ------------------------------ */
/* END React index.css content */


.event-details {
  direction: ltr !important;