/*!tailwindcss v4.1.17 | MIT License | https://tailwindcss.com*/@layer properties;@layer theme,base,components,utilities;@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-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-sky-400: oklch(74.6% 0.16 232.661);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.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-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-sm: 8px;
    --blur-xl: 24px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}@layer base{*, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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 {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}@layer utilities{.visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-21 {
    margin: calc(var(--spacing) * 21);
  }
  .m-30 {
    margin: calc(var(--spacing) * 30);
  }
  .m-38 {
    margin: calc(var(--spacing) * 38);
  }
  .m-39 {
    margin: calc(var(--spacing) * 39);
  }
  .m-46 {
    margin: calc(var(--spacing) * 46);
  }
  .m-50 {
    margin: calc(var(--spacing) * 50);
  }
  .m-55 {
    margin: calc(var(--spacing) * 55);
  }
  .m-64 {
    margin: calc(var(--spacing) * 64);
  }
  .m-73 {
    margin: calc(var(--spacing) * 73);
  }
  .m-90 {
    margin: calc(var(--spacing) * 90);
  }
  .m-102 {
    margin: calc(var(--spacing) * 102);
  }
  .m-103 {
    margin: calc(var(--spacing) * 103);
  }
  .m-104 {
    margin: calc(var(--spacing) * 104);
  }
  .m-107 {
    margin: calc(var(--spacing) * 107);
  }
  .m-113 {
    margin: calc(var(--spacing) * 113);
  }
  .m-115 {
    margin: calc(var(--spacing) * 115);
  }
  .m-128 {
    margin: calc(var(--spacing) * 128);
  }
  .m-132 {
    margin: calc(var(--spacing) * 132);
  }
  .m-133 {
    margin: calc(var(--spacing) * 133);
  }
  .m-145 {
    margin: calc(var(--spacing) * 145);
  }
  .m-146 {
    margin: calc(var(--spacing) * 146);
  }
  .m-148 {
    margin: calc(var(--spacing) * 148);
  }
  .m-149 {
    margin: calc(var(--spacing) * 149);
  }
  .m-155 {
    margin: calc(var(--spacing) * 155);
  }
  .m-156 {
    margin: calc(var(--spacing) * 156);
  }
  .m-164 {
    margin: calc(var(--spacing) * 164);
  }
  .m-166 {
    margin: calc(var(--spacing) * 166);
  }
  .m-174 {
    margin: calc(var(--spacing) * 174);
  }
  .m-180 {
    margin: calc(var(--spacing) * 180);
  }
  .m-181 {
    margin: calc(var(--spacing) * 181);
  }
  .m-186 {
    margin: calc(var(--spacing) * 186);
  }
  .m-191 {
    margin: calc(var(--spacing) * 191);
  }
  .m-193 {
    margin: calc(var(--spacing) * 193);
  }
  .m-200 {
    margin: calc(var(--spacing) * 200);
  }
  .m-220 {
    margin: calc(var(--spacing) * 220);
  }
  .m-228 {
    margin: calc(var(--spacing) * 228);
  }
  .m-229 {
    margin: calc(var(--spacing) * 229);
  }
  .m-230 {
    margin: calc(var(--spacing) * 230);
  }
  .m-243 {
    margin: calc(var(--spacing) * 243);
  }
  .m-248 {
    margin: calc(var(--spacing) * 248);
  }
  .m-249 {
    margin: calc(var(--spacing) * 249);
  }
  .m-250 {
    margin: calc(var(--spacing) * 250);
  }
  .m-254 {
    margin: calc(var(--spacing) * 254);
  }
  .m-268 {
    margin: calc(var(--spacing) * 268);
  }
  .m-271 {
    margin: calc(var(--spacing) * 271);
  }
  .m-274 {
    margin: calc(var(--spacing) * 274);
  }
  .m-280 {
    margin: calc(var(--spacing) * 280);
  }
  .m-306 {
    margin: calc(var(--spacing) * 306);
  }
  .m-340 {
    margin: calc(var(--spacing) * 340);
  }
  .m-352 {
    margin: calc(var(--spacing) * 352);
  }
  .m-360 {
    margin: calc(var(--spacing) * 360);
  }
  .m-364 {
    margin: calc(var(--spacing) * 364);
  }
  .m-365 {
    margin: calc(var(--spacing) * 365);
  }
  .m-400 {
    margin: calc(var(--spacing) * 400);
  }
  .m-404 {
    margin: calc(var(--spacing) * 404);
  }
  .m-414 {
    margin: calc(var(--spacing) * 414);
  }
  .m-420 {
    margin: calc(var(--spacing) * 420);
  }
  .m-474 {
    margin: calc(var(--spacing) * 474);
  }
  .m-475 {
    margin: calc(var(--spacing) * 475);
  }
  .m-485 {
    margin: calc(var(--spacing) * 485);
  }
  .m-493 {
    margin: calc(var(--spacing) * 493);
  }
  .m-500 {
    margin: calc(var(--spacing) * 500);
  }
  .m-505 {
    margin: calc(var(--spacing) * 505);
  }
  .m-520 {
    margin: calc(var(--spacing) * 520);
  }
  .m-523 {
    margin: calc(var(--spacing) * 523);
  }
  .m-526 {
    margin: calc(var(--spacing) * 526);
  }
  .m-528 {
    margin: calc(var(--spacing) * 528);
  }
  .m-550 {
    margin: calc(var(--spacing) * 550);
  }
  .m-556 {
    margin: calc(var(--spacing) * 556);
  }
  .m-557 {
    margin: calc(var(--spacing) * 557);
  }
  .m-570 {
    margin: calc(var(--spacing) * 570);
  }
  .m-571 {
    margin: calc(var(--spacing) * 571);
  }
  .m-601 {
    margin: calc(var(--spacing) * 601);
  }
  .m-607 {
    margin: calc(var(--spacing) * 607);
  }
  .m-611 {
    margin: calc(var(--spacing) * 611);
  }
  .m-613 {
    margin: calc(var(--spacing) * 613);
  }
  .m-630 {
    margin: calc(var(--spacing) * 630);
  }
  .m-670 {
    margin: calc(var(--spacing) * 670);
  }
  .m-673 {
    margin: calc(var(--spacing) * 673);
  }
  .m-692 {
    margin: calc(var(--spacing) * 692);
  }
  .m-708 {
    margin: calc(var(--spacing) * 708);
  }
  .m-770 {
    margin: calc(var(--spacing) * 770);
  }
  .m-796 {
    margin: calc(var(--spacing) * 796);
  }
  .m-800 {
    margin: calc(var(--spacing) * 800);
  }
  .m-810 {
    margin: calc(var(--spacing) * 810);
  }
  .m-830 {
    margin: calc(var(--spacing) * 830);
  }
  .m-839 {
    margin: calc(var(--spacing) * 839);
  }
  .m-848 {
    margin: calc(var(--spacing) * 848);
  }
  .m-920 {
    margin: calc(var(--spacing) * 920);
  }
  .m-942 {
    margin: calc(var(--spacing) * 942);
  }
  .m-1027 {
    margin: calc(var(--spacing) * 1027);
  }
  .m-1039 {
    margin: calc(var(--spacing) * 1039);
  }
  .m-1060 {
    margin: calc(var(--spacing) * 1060);
  }
  .m-1085 {
    margin: calc(var(--spacing) * 1085);
  }
  .m-1096 {
    margin: calc(var(--spacing) * 1096);
  }
  .m-1132 {
    margin: calc(var(--spacing) * 1132);
  }
  .m-1135 {
    margin: calc(var(--spacing) * 1135);
  }
  .m-1145 {
    margin: calc(var(--spacing) * 1145);
  }
  .m-1150 {
    margin: calc(var(--spacing) * 1150);
  }
  .m-1185 {
    margin: calc(var(--spacing) * 1185);
  }
  .m-1193 {
    margin: calc(var(--spacing) * 1193);
  }
  .m-1210 {
    margin: calc(var(--spacing) * 1210);
  }
  .m-1238 {
    margin: calc(var(--spacing) * 1238);
  }
  .m-1273 {
    margin: calc(var(--spacing) * 1273);
  }
  .m-1412 {
    margin: calc(var(--spacing) * 1412);
  }
  .m-1543 {
    margin: calc(var(--spacing) * 1543);
  }
  .m-1544 {
    margin: calc(var(--spacing) * 1544);
  }
  .m-1632 {
    margin: calc(var(--spacing) * 1632);
  }
  .m-1638 {
    margin: calc(var(--spacing) * 1638);
  }
  .m-1640 {
    margin: calc(var(--spacing) * 1640);
  }
  .m-1673 {
    margin: calc(var(--spacing) * 1673);
  }
  .m-1695 {
    margin: calc(var(--spacing) * 1695);
  }
  .m-1714 {
    margin: calc(var(--spacing) * 1714);
  }
  .m-1772 {
    margin: calc(var(--spacing) * 1772);
  }
  .m-1776 {
    margin: calc(var(--spacing) * 1776);
  }
  .m-1893 {
    margin: calc(var(--spacing) * 1893);
  }
  .m-1940 {
    margin: calc(var(--spacing) * 1940);
  }
  .m-1998 {
    margin: calc(var(--spacing) * 1998);
  }
  .m-2021 {
    margin: calc(var(--spacing) * 2021);
  }
  .m-2054 {
    margin: calc(var(--spacing) * 2054);
  }
  .m-2098 {
    margin: calc(var(--spacing) * 2098);
  }
  .m-2210 {
    margin: calc(var(--spacing) * 2210);
  }
  .m-2245 {
    margin: calc(var(--spacing) * 2245);
  }
  .m-2279 {
    margin: calc(var(--spacing) * 2279);
  }
  .m-2286 {
    margin: calc(var(--spacing) * 2286);
  }
  .m-2350 {
    margin: calc(var(--spacing) * 2350);
  }
  .m-2909 {
    margin: calc(var(--spacing) * 2909);
  }
  .m-2950 {
    margin: calc(var(--spacing) * 2950);
  }
  .m-3100 {
    margin: calc(var(--spacing) * 3100);
  }
  .m-3771 {
    margin: calc(var(--spacing) * 3771);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .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);
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-\[50vh\] {
    height: 50vh;
  }
  .h-\[70vh\] {
    height: 70vh;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-none {
    max-width: none;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-270 {
    rotate: 270deg;
  }
  .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;
  }
  .columns-3 {
    -moz-columns: 3;
         columns: 3;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .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);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :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)));
    }
  }
  .space-y-3 {
    :where(& > :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)));
    }
  }
  .space-y-4 {
    :where(& > :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)));
    }
  }
  .space-y-6 {
    :where(& > :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)));
    }
  }
  .space-y-8 {
    :where(& > :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)));
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-x-6 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-blue-100 {
    border-color: var(--color-blue-100);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-green-100 {
    border-color: var(--color-green-100);
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-200\/50 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);
    }
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/50 {
    border-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-sky-600 {
    background-color: var(--color-sky-600);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .object-cover {
    -o-object-fit: 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-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .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-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-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-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-blue-900 {
    color: var(--color-blue-900);
  }
  .text-gray-100 {
    color: var(--color-gray-100);
  }
  .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-green-600 {
    color: var(--color-green-600);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-green-900 {
    color: var(--color-green-900);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-sky-400 {
    color: var(--color-sky-400);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
  }
  .shadow-lg {
    --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);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
  }
  .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,);
  }
  .drop-shadow-2xl {
    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow-xl {
    --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    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 {
    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, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-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));
  }
  .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: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):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);
      }
    }
  }
  .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);
      }
    }
  }
  .group-hover\:bg-black\/10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
      }
    }
  }
  .group-hover\/btn\:translate-x-1 {
    &:is(:where(.group\/btn):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:-translate-y-2 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-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-transparent {
    &:hover {
      @media (hover: hover) {
        border-color: transparent;
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-gray-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-800);
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .hover\:bg-sky-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-700);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:text-blue-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
  }
  .hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .hover\:text-blue-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-emerald-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-600);
      }
    }
  }
  .hover\:text-pink-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-600);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .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\:mx-auto {
    @media (width >= 40rem) {
      margin-inline: auto;
    }
  }
  .sm\:mt-5 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .sm\:mt-8 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .sm\:mt-12 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:h-72 {
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 72);
    }
  }
  .sm\:max-w-xl {
    @media (width >= 40rem) {
      max-width: var(--container-xl);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:justify-center {
    @media (width >= 40rem) {
      justify-content: center;
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:pb-16 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .sm\:text-center {
    @media (width >= 40rem) {
      text-align: center;
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .sm\:text-lg {
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:mt-5 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .md\:mt-16 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 16);
    }
  }
  .md\:h-96 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 96);
    }
  }
  .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));
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:px-10 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .md\:py-4 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .md\:pb-20 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:text-6xl {
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:inset-y-0 {
    @media (width >= 64rem) {
      inset-block: calc(var(--spacing) * 0);
    }
  }
  .lg\:right-0 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .lg\:order-1 {
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-20 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:h-full {
    @media (width >= 64rem) {
      height: 100%;
    }
  }
  .lg\:w-1\/2 {
    @media (width >= 64rem) {
      width: calc(1/2 * 100%);
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .lg\:max-w-2xl {
    @media (width >= 64rem) {
      max-width: var(--container-2xl);
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:pb-28 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
  }
  .lg\:text-left {
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .xl\:mt-28 {
    @media (width >= 80rem) {
      margin-top: calc(var(--spacing) * 28);
    }
  }
  .xl\:inline {
    @media (width >= 80rem) {
      display: inline;
    }
  }
  .xl\:pb-32 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
}:root{--color-primary:#475569;--color-secondary:#334155;--color-accent:#5c7c64;--text-main:#4b5563;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--bg-white:#ffffff;--border-color:#e5e7eb;--border-color-dark:#d1d5db;--slate-50:#f8fafc;--slate-200:#e2e8f0;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--blue-800:#1e40af;--warning-bg:#fffbeb;--warning-border:#fcd34d;--warning-text:#92400e}.table-of-contents{background:var(--bg-light);border:1px solid var(--border-color-dark);border-radius:8px;padding:1.5rem;margin:2rem 0;box-shadow:0 1px 3px rgba(0,0,0,5%)}.table-of-contents h3{margin-top:0;margin-bottom:1rem;color:var(--color-secondary);font-size:1.2rem}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents li{margin:.5rem 0;padding-left:1rem;border-left:3px solid transparent;transition:border-color .2s ease}.table-of-contents li:hover{border-left-color:var(--color-accent)}.table-of-contents a{color:var(--text-main);text-decoration:none;display:block;padding:.25rem 0;transition:color .2s ease}.table-of-contents a:hover{color:var(--color-accent)}.table-of-contents .toc-nested{margin-top:.5rem;margin-left:1rem;padding-left:.5rem;border-left:2px solid var(--border-color)}.table-of-contents .toc-nested li{margin:.25rem 0;padding-left:.5rem;border-left:none;font-size:.9rem}@media(min-width:1200px){.loch-guide .inner{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.loch-header{grid-column:1/-1}.table-of-contents{position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;margin:0}.loch-content-wrapper{grid-column:2}}.quick-facts-card{background:var(--bg-light);border:1px solid var(--border-color-dark);border-radius:8px;padding:1.5rem;margin:2rem 0;box-shadow:0 1px 3px rgba(0,0,0,5%)}.quick-facts-card h3{margin-top:0;margin-bottom:1rem;color:var(--color-secondary);border-bottom:2px solid var(--color-accent);padding-bottom:.5rem}.facts-table{width:100%;border-collapse:collapse}.facts-table tr{border-bottom:1px solid var(--border-color)}.facts-table tr:last-child{border-bottom:none}.facts-table td{padding:.75rem .5rem}.fact-label{font-weight:700;width:40%;color:var(--text-main)}.fact-value{color:var(--text-dark)}.swimming-spots-section{margin:3rem 0}.swimming-spot{margin:2.5rem 0;padding:2rem;background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,5%)}.swimming-spot h3{color:var(--color-secondary);margin-top:0;border-bottom:2px solid var(--color-accent);padding-bottom:.5rem}.spot-image{margin:1.5rem 0}.spot-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,5%)}.gps-coords{font-family:monospace;background:var(--bg-light);padding:.5rem;border-radius:4px;display:inline-block;margin:1rem 0;color:var(--text-main)}.spot-details{list-style:none;padding:0;margin:1rem 0}.spot-details li{padding:.5rem 0;border-bottom:1px solid var(--bg-light)}.spot-details li:last-child{border-bottom:none}.spot-parking{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.spot-parking h4{color:var(--color-secondary);margin-bottom:1rem;font-size:1.1rem}.spot-parking .parking-cards{gap:1rem}.spot-parking .parking-card h5{margin-top:0;color:var(--color-secondary);font-size:1rem}.spot-facilities{margin-top:2rem;padding:1.5rem;background:var(--bg-light);border-radius:8px;border-left:4px solid var(--color-accent)}.spot-facilities h4{color:var(--color-secondary);margin-top:0;margin-bottom:1rem;font-size:1.1rem}.spot-facilities .facilities-content{color:var(--text-main)}.spot-facilities .facilities-content ul{margin:.5rem 0}.spot-facilities .facilities-content li{margin:.25rem 0}.parking-info{margin:3rem 0}.parking-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.parking-card{background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 1px 2px rgba(0,0,0,5%)}.parking-card h3{margin-top:0;color:var(--color-secondary);font-size:1.2rem}.parking-details{margin-top:1rem}.detail-row{padding:.5rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:700;color:var(--text-main);display:inline-block;min-width:140px}.detail-value{color:var(--text-dark)}.maps-link{display:inline-block;margin-top:.5rem;text-decoration:none;color:var(--color-primary)}.safety-info{margin:3rem 0;padding:2rem;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px}.safety-info h2{color:var(--warning-text);margin-top:0}.safety-content{margin-top:1.5rem}.safety-item{margin-bottom:1.5rem}.safety-item:last-child{margin-bottom:0}.safety-item h4{color:var(--warning-text);margin-bottom:.5rem}.loch-gallery{margin:3rem 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.gallery-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.gallery-item img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.02)}.gallery-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;padding:.5rem;margin:0;font-size:.9rem}.what-to-pack{margin:3rem 0;padding:2rem;background:#f0fdf4;border:1px solid var(--color-accent);border-radius:8px}.what-to-pack h2{color:var(--color-accent);margin-top:0}.packing-list{list-style:none;padding:0}.packing-list li{padding:.75rem 0;border-bottom:1px solid #dcfce7}.packing-list li:last-child{border-bottom:none}.app-cta{margin:3rem 0;padding:2.5rem;background:var(--color-secondary);color:#fff;border-radius:12px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1)}.app-cta h2,.app-cta h3{color:#fff;margin-top:0}.app-cta-content{max-width:600px;margin:0 auto}.app-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.app-buttons .button{margin:0}.faq-section{margin:3rem 0}.faq-list{margin-top:1.5rem}.faq-item{margin-bottom:2rem;padding:1.5rem;background:var(--bg-light);border-left:4px solid var(--color-primary);border-radius:4px}.faq-question{color:var(--color-secondary);margin-top:0;margin-bottom:1rem;font-size:1.2rem}.faq-answer{color:var(--text-main)}.facilities-postswim{margin:3rem 0;padding:2rem;background:var(--bg-light);border-radius:8px}.loch-featured-image{margin:2rem 0}.loch-featured-image img{border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.loch-header{margin-bottom:2rem}.loch-intro{font-size:1.1rem;color:var(--text-main);line-height:1.6}.loch-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.tags{list-style:none;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}.tags li{display:inline}.tag{display:inline-block;padding:.25rem .75rem;background:var(--bg-light);color:var(--text-main);text-decoration:none;border-radius:4px;font-size:.9rem;border:1px solid var(--border-color);transition:all .2s}.tag:hover{background:var(--border-color);color:var(--text-dark)}.navigation{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.map-container{margin:2rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.map-caption{text-align:center;margin-top:.5rem}.embedded-map{margin:1.5rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.embedded-map iframe{display:block;width:100%}.parking-map{margin-top:1rem}.location-info{background:var(--bg-light);padding:1.5rem;border-radius:8px;margin:1.5rem 0}.gps-coords{font-family:monospace;background:var(--bg-white);padding:1rem;border-radius:4px;margin:0 0 1rem;border:1px solid var(--border-color)}.map-actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.map-actions .button{margin:0;flex:1;min-width:150px;text-align:center}.take-me-there{background:var(--color-accent);color:#fff}.take-me-there:hover{background:#4a6350;color:#fff}.lochs-list-section{font-family:system-ui,-apple-system,segoe ui,Roboto,helvetica neue,Arial,noto sans,liberation sans,sans-serif;background:var(--bg-light);padding:4rem 0}.lochs-list-header{text-align:center;margin-bottom:4rem;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gradient-text{color:var(--color-secondary);background:0 0;-webkit-text-fill-color:initial;font-size:3rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:var(--text-main);font-weight:400;max-width:700px;margin:0 auto;line-height:1.7}.lochs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2.5rem;margin-top:2rem;animation:fadeIn 1s ease-out .3s both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.loch-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,5%);transition:all .3s ease;position:relative}.loch-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,8%)}.loch-card-image{width:100%;height:280px;overflow:hidden;position:relative}.loch-card-image a{display:block;width:100%;height:100%;position:relative}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 180deg,transparent 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.3) 100% );z-index:1;transition:background .4s ease}.loch-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.loch-card:hover .loch-card-image img{transform:scale(1.04)}.loch-card-content{padding:2rem}.loch-card-content h2{margin-top:0;margin-bottom:1rem;font-size:1.75rem;font-weight:600;letter-spacing:-.01em}.loch-card-content h2 a{color:var(--color-secondary);text-decoration:none;transition:color .3s ease}.loch-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.25rem}.meta-badge{display:inline-flex;align-items:center;padding:.4rem .9rem;background:var(--bg-light);color:var(--text-main);border-radius:20px;font-size:.875rem;font-weight:500;border:1px solid var(--border-color);transition:all .3s ease}.meta-badge:hover{background:var(--border-color);transform:translateY(-1px)}.loch-description{color:var(--text-main);line-height:1.7;margin-bottom:1.5rem;font-size:1rem}.loch-card-content .button{display:inline-flex;align-items:center}.blog-header{position:relative;text-align:center;padding:5rem 2rem;background:var(--color-secondary);color:#fff;border-radius:0;margin-bottom:0;overflow:hidden}.blog-header h1{position:relative;z-index:1;margin-bottom:1rem;font-size:4rem;font-weight:800;color:#fff;background:0 0;-webkit-text-fill-color:initial}.blog-header .content{position:relative;z-index:1;max-width:700px;margin:0 auto;font-size:1.25rem;opacity:.95;font-weight:400;color:var(--slate-200)}.wrapper.style1.align-left{background:var(--bg-light);padding:4rem 0}.blog-posts{display:grid;gap:3rem;max-width:900px;margin:0 auto}.blog-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,5%);border:1px solid var(--border-color);transition:all .3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px rgba(0,0,0,5%)}.blog-card .image{position:relative;overflow:hidden;height:320px}.blog-card .image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);transition:opacity .3s ease}.blog-card .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .7s cubic-bezier(.4,0,.2,1)}.blog-card:hover .image img{transform:scale(1.04)}.blog-card-content{padding:2.5rem}.blog-card header h3{margin:0 0 1.25rem;font-size:2rem;font-weight:700;line-height:1.3}.blog-card header h3 a{color:var(--slate-800);text-decoration:none;background:0 0;-webkit-text-fill-color:initial;transition:color .3s ease}.blog-card header h3 a:hover{color:var(--color-primary)}.info{display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.info .date,.info .author{margin:0;padding:.5rem 1rem;border-radius:24px;font-size:.85rem;font-weight:600;transition:all .3s ease}.info .date{background:var(--color-secondary);color:#fff;box-shadow:none}.info .author{background:var(--bg-light);color:var(--text-main);border:1px solid var(--border-color)}.blog-card .content p{color:var(--text-main);line-height:1.8;margin-bottom:2rem;font-size:1.05rem}.blog-card .button{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:28px;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.blog-card .button::after{content:'→';transition:transform .3s ease}.blog-card .button:hover{transform:translateY(-2px);background:var(--color-secondary);box-shadow:0 4px 6px rgba(0,0,0,.1)}.blog-card .button:hover::after{transform:translateX(4px)}.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tags li{margin:0}.tag{background:var(--bg-light);color:var(--text-main);padding:.5rem 1rem;border-radius:20px;text-decoration:none;font-size:.8rem;font-weight:600;transition:all .3s ease;border:1px solid var(--border-color);box-shadow:none}.tag:hover{transform:translateY(-2px);background:var(--color-primary);color:#fff;border-color:transparent}.single-post header{text-align:center;margin-bottom:3rem;padding:3rem 2rem;background:var(--color-secondary);border-radius:24px;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.single-post header h1{font-size:3rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.single-post header .info{justify-content:center}.single-post header .major{font-size:1.2rem;opacity:.95;max-width:700px;margin:1.5rem auto 0}.image.main{margin:2rem 0;border-radius:24px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.image.main img{width:100%;height:auto;display:block}.single-post .content{font-size:1.1rem;line-height:1.8;color:var(--text-main)}.single-post .content img{max-width:80%;height:auto;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:2rem auto;display:block}.single-post .content h2,.single-post .content h3,.single-post .content h4{margin-top:2.5rem;margin-bottom:1rem;color:var(--color-secondary);font-weight:700}.single-post .content p{margin-bottom:1.5rem}.single-post footer{margin-top:3rem;padding:2rem;background:var(--bg-light);border-radius:16px;border-left:4px solid var(--color-primary)}.single-post footer h4{margin-bottom:1rem;color:var(--color-secondary)}.navigation{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.navigation .actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.navigation .button{padding:.875rem 1.75rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:28px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);white-space:nowrap}.navigation .button:hover{transform:translateY(-2px);background:var(--color-secondary);box-shadow:0 4px 6px rgba(0,0,0,.1)}@media(max-width:768px){.blog-header h1{font-size:2.5rem}.blog-header{padding:3rem 1.5rem}.blog-card .image{height:220px}.blog-card-content{padding:2rem 1.5rem}.blog-card header h3{font-size:1.5rem}.single-post header h1{font-size:2rem}.single-post .content{font-size:1rem}.navigation .actions{flex-direction:column}.navigation .button{width:100%;text-align:center}}.bg-primary{background-color:var(--color-primary) !important}.text-primary{color:var(--color-primary) !important}.border-primary{border-color:var(--color-primary) !important}.hover\:bg-primary:hover{background-color:var(--color-primary) !important}.hover\:text-primary:hover{color:var(--color-primary) !important}.bg-secondary{background-color:var(--color-secondary) !important}.text-secondary{color:var(--color-secondary) !important}.border-secondary{border-color:var(--color-secondary) !important}.bg-accent{background-color:var(--color-accent) !important}.text-accent{color:var(--color-accent) !important}.bg-sky-600,.bg-blue-600{background-color:var(--color-primary) !important}.hover\:bg-sky-700:hover,.hover\:bg-blue-700:hover{background-color:var(--color-secondary) !important}.text-sky-400,.text-blue-400{color:var(--color-accent) !important}.button,.btn,a[class*=bg-primary],a[class*=bg-sky-600]{color:#fff !important}@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-space-x-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-blur{syntax: "*";
  inherits: false;
}@property --tw-brightness{syntax: "*";
  inherits: false;
}@property --tw-contrast{syntax: "*";
  inherits: false;
}@property --tw-grayscale{syntax: "*";
  inherits: false;
}@property --tw-hue-rotate{syntax: "*";
  inherits: false;
}@property --tw-invert{syntax: "*";
  inherits: false;
}@property --tw-opacity{syntax: "*";
  inherits: false;
}@property --tw-saturate{syntax: "*";
  inherits: false;
}@property --tw-sepia{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow-color{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow-alpha{syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-drop-shadow-size{syntax: "*";
  inherits: false;
}@property --tw-backdrop-blur{syntax: "*";
  inherits: false;
}@property --tw-backdrop-brightness{syntax: "*";
  inherits: false;
}@property --tw-backdrop-contrast{syntax: "*";
  inherits: false;
}@property --tw-backdrop-grayscale{syntax: "*";
  inherits: false;
}@property --tw-backdrop-hue-rotate{syntax: "*";
  inherits: false;
}@property --tw-backdrop-invert{syntax: "*";
  inherits: false;
}@property --tw-backdrop-opacity{syntax: "*";
  inherits: false;
}@property --tw-backdrop-saturate{syntax: "*";
  inherits: false;
}@property --tw-backdrop-sepia{syntax: "*";
  inherits: false;
}@property --tw-duration{syntax: "*";
  inherits: false;
}@property --tw-ease{syntax: "*";
  inherits: false;
}@property --tw-scale-x{syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-scale-y{syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-scale-z{syntax: "*";
  inherits: false;
  initial-value: 1;
}@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;
}@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-space-x-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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}