@layer properties;.performance-container{contain:layout style paint;transform:translateZ(0);will-change:auto}
.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;will-change:auto}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}
@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-300:oklch(80.8% 0.114 19.571);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-orange-400:oklch(75% 0.183 55.934);--color-orange-500:oklch(70.5% 0.213 47.604);--color-amber-500:oklch(76.9% 0.188 70.08);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-300:oklch(87.1% 0.15 154.449);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-500:oklch(72.3% 0.219 149.579);--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-500:oklch(69.6% 0.17 162.48);--color-emerald-600:oklch(59.6% 0.145 163.225);--color-teal-500:oklch(70.4% 0.14 182.503);--color-teal-600:oklch(60% 0.118 184.704);--color-cyan-400:oklch(78.9% 0.154 211.53);--color-cyan-500:oklch(71.5% 0.143 215.221);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-900:oklch(37.9% 0.146 265.522);--color-indigo-500:oklch(58.5% 0.233 277.117);--color-indigo-600:oklch(51.1% 0.262 276.966);--color-violet-400:oklch(70.2% 0.183 293.541);--color-violet-500:oklch(60.6% 0.25 292.717);--color-violet-600:oklch(54.1% 0.281 293.009);--color-violet-700:oklch(49.1% 0.27 292.581);--color-violet-800:oklch(43.2% 0.232 292.759);--color-purple-400:oklch(71.4% 0.203 305.504);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-purple-700:oklch(49.6% 0.265 301.924);--color-purple-800:oklch(43.8% 0.218 303.724);--color-pink-500:oklch(65.6% 0.241 354.308);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--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-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--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;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--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%;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}
  ::placeholder{opacity:1}
  @supports (not (-webkit-appearance:-apple-pay-button))  or (contain-intrinsic-size:1px){::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}
  :-moz-ui-invalid{box-shadow:none}
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-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:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}
  .fixed{position:fixed}
  .static{position:static}
  .sticky{position:sticky}
  .top-0{top:calc(var(--spacing) * 0)}
  .top-4{top:calc(var(--spacing) * 4)}
  .right-4{right:calc(var(--spacing) * 4)}
  .z-40{z-index:40}
  .z-50{z-index:50}
  .order-1{order:1}
  .order-2{order:2}
  .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}
  }
  .mx-6{margin-inline:calc(var(--spacing) * 6)}
  .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-4{margin-top:calc(var(--spacing) * 4)}
  .mt-6{margin-top:calc(var(--spacing) * 6)}
  .mt-8{margin-top:calc(var(--spacing) * 8)}
  .mt-auto{margin-top:auto}
  .mr-1{margin-right:calc(var(--spacing) * 1)}
  .mr-2{margin-right:calc(var(--spacing) * 2)}
  .mr-4{margin-right:calc(var(--spacing) * 4)}
  .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)}
  .mb-20{margin-bottom:calc(var(--spacing) * 20)}
  .mb-24{margin-bottom:calc(var(--spacing) * 24)}
  .ml-1{margin-left:calc(var(--spacing) * 1)}
  .ml-2{margin-left:calc(var(--spacing) * 2)}
  .ml-4{margin-left:calc(var(--spacing) * 4)}
  .block{display:block}
  .flex{display:flex}
  .grid{display:grid}
  .hidden{display:none}
  .inline{display:inline}
  .inline-block{display:inline-block}
  .inline-flex{display:inline-flex}
  .h-2{height:calc(var(--spacing) * 2)}
  .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-8{height:calc(var(--spacing) * 8)}
  .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-96{height:calc(var(--spacing) * 96)}
  .h-full{height:100%}
  .min-h-\[60vh\]{min-height:60vh}
  .min-h-screen{min-height:100vh}
  .w-1{width:calc(var(--spacing) * 1)}
  .w-2{width:calc(var(--spacing) * 2)}
  .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-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-2xl{max-width:var(--container-2xl)}
  .max-w-3xl{max-width:var(--container-3xl)}
  .max-w-4xl{max-width:var(--container-4xl)}
  .max-w-6xl{max-width:var(--container-6xl)}
  .max-w-md{max-width:var(--container-md)}
  .max-w-none{max-width:none}
  .min-w-\[3rem\]{min-width:3rem}
  .flex-1{flex:1}
  .flex-shrink-0{flex-shrink:0}
  .-rotate-90{rotate:calc(90deg * -1)}
  .rotate-0{rotate:0deg}
  .rotate-90{rotate:90deg}
  .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
  .animate-pulse{animation:var(--animate-pulse)}
  .cursor-not-allowed{cursor:not-allowed}
  .resize{resize:both}
  .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
  .flex-col{flex-direction:column}
  .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)}
  .gap-10{gap:calc(var(--spacing) * 10)}
  .gap-12{gap:calc(var(--spacing) * 12)}
  .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-y-20{:where(& > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)))}
  }
  .space-x-2{:where(& > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}
  }
  .space-x-3{:where(& > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}
  }
  .space-x-4{:where(& > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-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)))}
  }
  .space-x-12{:where(& > :not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse)))}
  }
  .self-start{align-self:flex-start}
  .overflow-hidden{overflow:hidden}
  .overflow-x-auto{overflow-x:auto}
  .overflow-y-auto{overflow-y:auto}
  .rounded{border-radius:0.25rem}
  .rounded-2xl{border-radius:var(--radius-2xl)}
  .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-2{border-style:var(--tw-border-style);border-width:2px}
  .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-4{border-left-style:var(--tw-border-style);border-left-width:4px}
  .border-blue-600{border-color:var(--color-blue-600)}
  .border-gray-300{border-color:var(--color-gray-300)}
  .border-gray-700{border-color:var(--color-gray-700)}
  .border-green-200{border-color:var(--color-green-200)}
  .border-green-500\/30{border-color:color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);@supports (color:color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-green-500) 30%, transparent)}
  }
  .border-green-600{border-color:var(--color-green-600)}
  .border-orange-500\/30{border-color:color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);@supports (color:color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-orange-500) 30%, transparent)}
  }
  .border-red-500{border-color:var(--color-red-500)}
  .border-red-600{border-color:var(--color-red-600)}
  .border-transparent{border-color:transparent}
  .border-yellow-600{border-color:var(--color-yellow-600)}
  .bg-blue-100{background-color:var(--color-blue-100)}
  .bg-blue-500{background-color:var(--color-blue-500)}
  .bg-cyan-500{background-color:var(--color-cyan-500)}
  .bg-emerald-500{background-color:var(--color-emerald-500)}
  .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-400{background-color:var(--color-green-400)}
  .bg-green-500{background-color:var(--color-green-500)}
  .bg-green-500\/10{background-color:color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-green-500) 10%, transparent)}
  }
  .bg-green-600{background-color:var(--color-green-600)}
  .bg-indigo-500{background-color:var(--color-indigo-500)}
  .bg-orange-500{background-color:var(--color-orange-500)}
  .bg-orange-500\/10{background-color:color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}
  }
  .bg-pink-500{background-color:var(--color-pink-500)}
  .bg-purple-500{background-color:var(--color-purple-500)}
  .bg-purple-600{background-color:var(--color-purple-600)}
  .bg-red-500{background-color:var(--color-red-500)}
  .bg-teal-500{background-color:var(--color-teal-500)}
  .bg-violet-500{background-color:var(--color-violet-500)}
  .bg-white{background-color:var(--color-white)}
  .bg-yellow-300\/10{background-color:color-mix(in srgb, oklch(90.5% 0.182 98.111) 10%, transparent);@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-yellow-300) 10%, transparent)}
  }
  .bg-yellow-500{background-color:var(--color-yellow-500)}
  .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-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-cyan-500{--tw-gradient-from:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-gray-600{--tw-gradient-from:var(--color-gray-600);--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-gray-800{--tw-gradient-from:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-green-500\/10{--tw-gradient-from:color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);@supports (color:color-mix(in lab, red, red)){--tw-gradient-from:color-mix(in oklab, var(--color-green-500) 10%, transparent)}
    --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-pink-500{--tw-gradient-from:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .from-violet-600{--tw-gradient-from:var(--color-violet-600);--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-black{--tw-gradient-to:var(--color-black);--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-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .to-emerald-500{--tw-gradient-to:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--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-gray-800{--tw-gradient-to:var(--color-gray-800);--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-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .to-orange-500\/10{--tw-gradient-to:color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);@supports (color:color-mix(in lab, red, red)){--tw-gradient-to:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}
    --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .to-red-500{--tw-gradient-to:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  .to-teal-600{--tw-gradient-to:var(--color-teal-600);--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-violet-600{--tw-gradient-to:var(--color-violet-600);--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))}
  .bg-clip-text{background-clip:text}
  .p-2{padding:calc(var(--spacing) * 2)}
  .p-4{padding:calc(var(--spacing) * 4)}
  .p-6{padding:calc(var(--spacing) * 6)}
  .p-8{padding:calc(var(--spacing) * 8)}
  .p-10{padding:calc(var(--spacing) * 10)}
  .px-2{padding-inline:calc(var(--spacing) * 2)}
  .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-4{padding-block:calc(var(--spacing) * 4)}
  .py-8{padding-block:calc(var(--spacing) * 8)}
  .py-16{padding-block:calc(var(--spacing) * 16)}
  .py-24{padding-block:calc(var(--spacing) * 24)}
  .pt-2{padding-top:calc(var(--spacing) * 2)}
  .pt-6{padding-top:calc(var(--spacing) * 6)}
  .pr-2{padding-right:calc(var(--spacing) * 2)}
  .pb-2{padding-bottom:calc(var(--spacing) * 2)}
  .pb-4{padding-bottom:calc(var(--spacing) * 4)}
  .text-center{text-align:center}
  .text-left{text-align:left}
  .text-right{text-align:right}
  .font-mono{font-family:var(--font-mono)}
  .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-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}
  .text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading, var(--text-9xl--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-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
  .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}
  .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
  .break-words{overflow-wrap:break-word}
  .text-blue-400{color:var(--color-blue-400)}
  .text-blue-500{color:var(--color-blue-500)}
  .text-blue-600{color:var(--color-blue-600)}
  .text-cyan-400{color:var(--color-cyan-400)}
  .text-gray-300{color:var(--color-gray-300)}
  .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-400{color:var(--color-green-400)}
  .text-green-500{color:var(--color-green-500)}
  .text-green-600{color:var(--color-green-600)}
  .text-green-700{color:var(--color-green-700)}
  .text-green-800{color:var(--color-green-800)}
  .text-orange-400{color:var(--color-orange-400)}
  .text-orange-500{color:var(--color-orange-500)}
  .text-purple-400{color:var(--color-purple-400)}
  .text-red-500{color:var(--color-red-500)}
  .text-red-600{color:var(--color-red-600)}
  .text-transparent{color:transparent}
  .text-violet-500{color:var(--color-violet-500)}
  .text-white{color:var(--color-white)}
  .text-yellow-300{color:var(--color-yellow-300)}
  .text-yellow-400{color:var(--color-yellow-400)}
  .capitalize{text-transform:capitalize}
  .italic{font-style:italic}
  .opacity-40{opacity:40%}
  .opacity-50{opacity:50%}
  .opacity-60{opacity:60%}
  .opacity-70{opacity:70%}
  .opacity-75{opacity:75%}
  .opacity-80{opacity:80%}
  .opacity-90{opacity:90%}
  .shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
  .shadow-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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
  .shadow-xl{--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)}
  .outline{outline-style:var(--tw-outline-style);outline-width:1px}
  .backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
  .transition{transition-property:color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, 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-200{--tw-duration:200ms;transition-duration:200ms}
  .duration-300{--tw-duration:300ms;transition-duration:300ms}
  .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-110{&:is(:where(.group):hover *){@media (hover:hover){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}
    }
  }
  .hover\:scale-105{&:hover{@media (hover:hover){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}
    }
  }
  .hover\:bg-green-700{&:hover{@media (hover:hover){background-color:var(--color-green-700)}
    }
  }
  .hover\:bg-purple-700{&:hover{@media (hover:hover){background-color:var(--color-purple-700)}
    }
  }
  .hover\:from-purple-600{&:hover{@media (hover:hover){--tw-gradient-from:var(--color-purple-600);--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))}
    }
  }
  .hover\:from-violet-600{&:hover{@media (hover:hover){--tw-gradient-from:var(--color-violet-600);--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))}
    }
  }
  .hover\:to-purple-700{&:hover{@media (hover:hover){--tw-gradient-to:var(--color-purple-700);--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))}
    }
  }
  .hover\:to-violet-700{&:hover{@media (hover:hover){--tw-gradient-to:var(--color-violet-700);--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))}
    }
  }
  .hover\:text-gray-200{&:hover{@media (hover:hover){color:var(--color-gray-200)}
    }
  }
  .hover\:underline{&:hover{@media (hover:hover){text-decoration-line:underline}
    }
  }
  .hover\:shadow-2xl{&:hover{@media (hover:hover){--tw-shadow:0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
    }
  }
  .hover\:shadow-lg{&:hover{@media (hover:hover){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
    }
  }
  .focus\:border-red-500{&:focus{border-color:var(--color-red-500)}
  }
  .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-red-300{&:focus{--tw-ring-color:var(--color-red-300)}
  }
  .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-none{&:focus{--tw-outline-style:none;outline-style:none}
  }
  .sm\:flex-row{@media (width >= 40rem){flex-direction:row}
  }
  .sm\:items-center{@media (width >= 40rem){align-items:center}
  }
  .sm\:self-auto{@media (width >= 40rem){align-self:auto}
  }
  .md\:mb-0{@media (width >= 48rem){margin-bottom:calc(var(--spacing) * 0)}
  }
  .md\:block{@media (width >= 48rem){display:block}
  }
  .md\:flex{@media (width >= 48rem){display:flex}
  }
  .md\:hidden{@media (width >= 48rem){display:none}
  }
  .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\:grid-cols-4{@media (width >= 48rem){grid-template-columns:repeat(4, minmax(0, 1fr))}
  }
  .md\:flex-row{@media (width >= 48rem){flex-direction:row}
  }
  .md\:text-2xl{@media (width >= 48rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}
  }
  .md\:text-6xl{@media (width >= 48rem){font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}
  }
  .md\:text-7xl{@media (width >= 48rem){font-size:var(--text-7xl);line-height:var(--tw-leading, var(--text-7xl--line-height))}
  }
  .lg\:order-1{@media (width >= 64rem){order:1}
  }
  .lg\:order-2{@media (width >= 64rem){order:2}
  }
  .lg\:col-span-3{@media (width >= 64rem){grid-column:span 3 / span 3}
  }
  .lg\:flex{@media (width >= 64rem){display:flex}
  }
  .lg\:w-80{@media (width >= 64rem){width:calc(var(--spacing) * 80)}
  }
  .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\:grid-cols-4{@media (width >= 64rem){grid-template-columns:repeat(4, minmax(0, 1fr))}
  }
  .lg\:flex-row{@media (width >= 64rem){flex-direction:row}
  }
  .lg\:flex-row-reverse{@media (width >= 64rem){flex-direction:row-reverse}
  }
  .lg\:p-10{@media (width >= 64rem){padding:calc(var(--spacing) * 10)}
  }
  .lg\:p-12{@media (width >= 64rem){padding:calc(var(--spacing) * 12)}
  }
  .dark\:border-gray-600{@media (prefers-color-scheme:dark){border-color:var(--color-gray-600)}
  }
  .dark\:border-green-800{@media (prefers-color-scheme:dark){border-color:var(--color-green-800)}
  }
  .dark\:bg-blue-900{@media (prefers-color-scheme:dark){background-color:var(--color-blue-900)}
  }
  .dark\:bg-gray-700{@media (prefers-color-scheme:dark){background-color:var(--color-gray-700)}
  }
  .dark\:bg-gray-800{@media (prefers-color-scheme:dark){background-color:var(--color-gray-800)}
  }
  .dark\:bg-green-900\/20{@media (prefers-color-scheme:dark){background-color:color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);@supports (color:color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-green-900) 20%, transparent)}
    }
  }
  .dark\:from-purple-600{@media (prefers-color-scheme:dark){--tw-gradient-from:var(--color-purple-600);--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))}
  }
  .dark\:from-violet-400{@media (prefers-color-scheme:dark){--tw-gradient-from:var(--color-violet-400);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  }
  .dark\:from-violet-600{@media (prefers-color-scheme:dark){--tw-gradient-from:var(--color-violet-600);--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))}
  }
  .dark\:to-purple-400{@media (prefers-color-scheme:dark){--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}
  }
  .dark\:to-purple-700{@media (prefers-color-scheme:dark){--tw-gradient-to:var(--color-purple-700);--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))}
  }
  .dark\:to-violet-700{@media (prefers-color-scheme:dark){--tw-gradient-to:var(--color-violet-700);--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))}
  }
  .dark\:text-blue-300{@media (prefers-color-scheme:dark){color:var(--color-blue-300)}
  }
  .dark\:text-gray-300{@media (prefers-color-scheme:dark){color:var(--color-gray-300)}
  }
  .dark\:text-gray-400{@media (prefers-color-scheme:dark){color:var(--color-gray-400)}
  }
  .dark\:text-green-200{@media (prefers-color-scheme:dark){color:var(--color-green-200)}
  }
  .dark\:text-green-300{@media (prefers-color-scheme:dark){color:var(--color-green-300)}
  }
  .dark\:text-red-400{@media (prefers-color-scheme:dark){color:var(--color-red-400)}
  }
  .dark\:text-white{@media (prefers-color-scheme:dark){color:var(--color-white)}
  }
  .dark\:hover\:from-purple-700{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){--tw-gradient-from:var(--color-purple-700);--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))}
      }
    }
  }
  .dark\:hover\:from-violet-700{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){--tw-gradient-from:var(--color-violet-700);--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))}
      }
    }
  }
  .dark\:hover\:to-purple-800{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){--tw-gradient-to:var(--color-purple-800);--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))}
      }
    }
  }
  .dark\:hover\:to-violet-800{@media (prefers-color-scheme:dark){&:hover{@media (hover:hover){--tw-gradient-to:var(--color-violet-800);--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))}
      }
    }
  }
  .dark\:focus\:ring-red-700{@media (prefers-color-scheme:dark){&:focus{--tw-ring-color:var(--color-red-700)}
    }
  }
}
:root{color-scheme:light;--background:#ffffff;--foreground:#0a0a0a;--card:#ffffff;--card-foreground:#0a0a0a;--primary:#8b5cf6;--primary-foreground:#ffffff;--secondary:#f8fafc;--secondary-foreground:#374151;--muted:#f1f5f9;--muted-foreground:#6b7280;--accent:#a855f7;--accent-foreground:#ffffff;--border:#e5e7eb;--input:#ffffff;--ring:#8b5cf6;--gradient-primary:linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);--gradient-secondary:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--gradient-accent:linear-gradient(135deg, #a855f7 0%, #c084fc 100%);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.1)}
.dark{color-scheme:dark;--background:#000000;--foreground:#ffffff;--card:#0a0a0a;--card-foreground:#ffffff;--primary:#a855f7;--primary-foreground:#ffffff;--secondary:#1a1a1a;--secondary-foreground:#e5e5e5;--muted:#262626;--muted-foreground:#a3a3a3;--accent:#c084fc;--accent-foreground:#ffffff;--border:#404040;--input:#1a1a1a;--ring:#a855f7;--gradient-primary:linear-gradient(135deg, #a855f7 0%, #c084fc 100%);--gradient-secondary:linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);--gradient-accent:linear-gradient(135deg, #c084fc 0%, #ddd6fe 100%);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.8);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.6);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.5);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.4)}
@layer base{*{border-color:var(--border);box-sizing:border-box}
  body{background-color:var(--background);color:var(--foreground);font-feature-settings:"rlig" 1, "calt" 1;transition:background-color 0.3s ease, color 0.3s ease;min-height:100vh;background-image:radial-gradient(circle at 100% 0%, rgba(139, 92, 246, 0.02) 0%, transparent 25%),
      radial-gradient(circle at 0% 100%, rgba(168, 85, 247, 0.02) 0%, transparent 25%);-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;contain:layout style paint;will-change:scroll-position;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}
  .dark body{background-image:radial-gradient(circle at 100% 0%, rgba(168, 85, 247, 0.08) 0%, transparent 35%),
      radial-gradient(circle at 0% 100%, rgba(192, 132, 252, 0.08) 0%, transparent 35%)}
  html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
  *:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring), 0 0 0 4px var(--background);transform:translateZ(0)}
  h1,
  h2,
  h3,
  h4,
  h5,
  h6{font-weight:700;line-height:1.2;margin-bottom:0.5em}
  h1{font-size:2.5rem;letter-spacing:-0.025em}
  h2{font-size:2rem;letter-spacing:-0.025em}
  h3{font-size:1.5rem}
  p{line-height:1.65}
  a{color:var(--primary);text-decoration:none;transition:color 0.2s ease}
  a:hover{color:var(--accent)}
}
@layer components{.bg-muted{background-color:var(--muted)}
  .bg-card{background-color:var(--card)}
  .border-card{border-color:var(--card)}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-size:0.875rem;font-weight:600;border-radius:0.5rem;padding:0.75rem 1.5rem;cursor:pointer;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;border:1px solid transparent}
  .btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring), 0 0 0 4px var(--background)}
  .btn:disabled{pointer-events:none;opacity:0.5}
  .btn-primary{background:var(--gradient-primary);color:white;border:none;box-shadow:var(--shadow-md);position:relative;z-index:1}
  .btn-primary::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-secondary);z-index:-1;opacity:0;transition:opacity 0.3s ease;border-radius:0.5rem}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
  .btn-primary:hover::before{opacity:1}
  .btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}
  .btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
  .btn-secondary:hover{background-color:var(--muted);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}
  .btn-secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}
  .btn-ghost{background-color:transparent;color:var(--foreground);border:1px solid transparent}
  .btn-ghost:hover{background-color:var(--secondary);border-color:var(--border)}
  .dark .btn-ghost:hover{background-color:var(--muted)}
  .btn-outline{background:transparent;color:var(--primary);border:1px solid var(--border)}
  .btn-outline:hover{background-color:var(--muted);border-color:var(--primary)}
  .btn-danger{background:linear-gradient(135deg, #dc2626 0%, #ef4444 100%);color:white;border:none;box-shadow:var(--shadow-md)}
  .btn-danger:hover{background:linear-gradient(135deg, #b91c1c 0%, #dc2626 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg)}
  .btn-danger:active{transform:translateY(0);box-shadow:var(--shadow-sm)}
  .btn-sm{padding:0.5rem 1rem;font-size:0.75rem}
  .btn-lg{padding:1rem 2rem;font-size:1rem}
  .card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:0.75rem;box-shadow:var(--shadow-sm);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}
  .card-glass{background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.2)}
  .dark .card-glass{background:rgba(10, 10, 10, 0.8);border:1px solid rgba(64, 64, 64, 0.3)}
  .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}
  .section{padding:4rem 0}
  @keyframes subtle-shift{0%, 100%{background-position:0% 50%}
    50%{background-position:100% 50%}
  }
  .container-gradient{background:linear-gradient(135deg,
        rgba(139, 92, 246, 0.03) 0%,
        rgba(168, 85, 247, 0.03) 25%,
        rgba(192, 132, 252, 0.03) 50%,
        rgba(168, 85, 247, 0.03) 75%,
        rgba(139, 92, 246, 0.03) 100%);background-size:400% 400%;animation:subtle-shift 20s ease-in-out infinite;position:relative}
  .container-gradient::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,
        rgba(139, 92, 246, 0.01) 0%,
        rgba(168, 85, 247, 0.01) 25%,
        rgba(192, 132, 252, 0.01) 50%,
        rgba(168, 85, 247, 0.01) 75%,
        rgba(139, 92, 246, 0.01) 100%);pointer-events:none}
  .dark .container-gradient{background:linear-gradient(135deg,
        rgba(0, 0, 0, 0.9) 0%,
        rgba(10, 10, 10, 0.95) 25%,
        rgba(0, 0, 0, 0.9) 50%,
        rgba(10, 10, 10, 0.95) 75%,
        rgba(0, 0, 0, 0.9) 100%)}
  .dark .container-gradient::before{background:radial-gradient(circle at 30% 20%,
        rgba(168, 85, 247, 0.1) 0%,
        transparent 50%),
      radial-gradient(circle at 70% 80%,
        rgba(192, 132, 252, 0.1) 0%,
        transparent 50%)}
  .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}
  .gradient-text-accent{background:linear-gradient(135deg,
        var(--primary) 0%,
        var(--accent) 50%,
        var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
  ::-webkit-scrollbar{width:8px}
  ::-webkit-scrollbar-track{background:var(--secondary);border-radius:4px}
  ::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px;transition:background-color 0.2s ease}
  ::-webkit-scrollbar-thumb:hover{background:var(--accent)}
  .badge{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:500;border-radius:9999px;border:1px solid transparent;transition:all 0.2s ease}
  .badge-primary{background-color:var(--primary);color:var(--primary-foreground)}
  .badge-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}
  .badge-accent{background-color:var(--accent);color:var(--accent-foreground)}
  .badge-outline{background-color:transparent;color:var(--primary);border-color:var(--primary)}
  .input{display:flex;width:100%;border-radius:0.5rem;border:1px solid var(--border);background-color:var(--input);padding:0.75rem 1rem;font-size:0.875rem;transition:all 0.2s ease;color:var(--foreground)}
  .input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}
  .dark .input:focus{box-shadow:0 0 0 3px rgba(168, 85, 247, 0.2)}
  .glass-panel{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(16px);border:1px solid rgba(255, 255, 255, 0.3);border-radius:1rem;box-shadow:var(--shadow-lg)}
  .dark .glass-panel{background:rgba(10, 10, 10, 0.9);border:1px solid rgba(64, 64, 64, 0.4)}
  .animate-fade-in{animation:fadeIn 0.6s ease-out forwards;animation-fill-mode:both}
  .animate-fade-in-fast{animation:fade-in 0.3s ease-out forwards}
  .animate-slide-up{animation:slideUp 0.6s ease-out forwards;animation-fill-mode:both}
  .animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}
  .animate-fade-in.animation-complete,
  .animate-slide-up.animation-complete{animation:none !important;opacity:1;transform:translateY(0)}
  @keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:translateY(0)}
  }
  @keyframes fade-in{from{opacity:0;transform:translateY(4px)}
    to{opacity:1;transform:translateY(0)}
  }
  @keyframes slideUp{from{opacity:0;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
  }
  @keyframes pulse{0%, 100%{opacity:1}
    50%{opacity:0.5}
  }
}
@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-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: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-outline-style{syntax:"*";inherits:false;initial-value:solid}
@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}
@keyframes pulse{50%{opacity:0.5}
}
@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-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-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}
  }
}