/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.top-0 {
  top: calc(var(--spacing, 0.25rem) * 0);
}
.z-40 {
  z-index: 40;
}
.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-auto {
  margin-inline: auto;
}
.my-8 {
  margin-block: calc(var(--spacing, 0.25rem) * 8);
}
.mt-2 {
  margin-top: calc(var(--spacing, 0.25rem) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing, 0.25rem) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing, 0.25rem) * 4);
}
.mt-8 {
  margin-top: calc(var(--spacing, 0.25rem) * 8);
}
.mb-3 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
}
.mb-6 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 6);
}
.mb-12 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 12);
}
.ml-0 {
  margin-left: calc(var(--spacing, 0.25rem) * 0);
}
.ml-6 {
  margin-left: calc(var(--spacing, 0.25rem) * 6);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.h-8 {
  height: calc(var(--spacing, 0.25rem) * 8);
}
.h-16 {
  height: calc(var(--spacing, 0.25rem) * 16);
}
.h-64 {
  height: calc(var(--spacing, 0.25rem) * 64);
}
.h-\[200px\] {
  height: 200px;
}
.h-full {
  height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.w-8 {
  width: calc(var(--spacing, 0.25rem) * 8);
}
.w-\[200px\] {
  width: 200px;
}
.w-full {
  width: 100%;
}
.max-w-2xl {
  max-width: var(--container-2xl, 42rem);
}
.max-w-3xl {
  max-width: var(--container-3xl, 48rem);
}
.max-w-none {
  max-width: none;
}
.flex-1 {
  flex: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-2 {
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.gap-8 {
  gap: calc(var(--spacing, 0.25rem) * 8);
}
.space-y-1\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, 0.25rem) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, 0.25rem) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-lg {
  border-radius: var(--radius-lg, 0.5rem);
}
.rounded-md {
  border-radius: var(--radius-md, 0.375rem);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-t-2 {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-black {
  border-color: var(--color-black, #000);
}
.border-blue-500 {
  border-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
}
.border-gray-300 {
  border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
}
.bg-blue-500 {
  background-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
}
.bg-gray-100 {
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
}
.bg-slate-50 {
  background-color: var(--color-slate-50, oklch(98.4% 0.003 247.858));
}
.bg-white {
  background-color: var(--color-white, #fff);
}
.object-cover {
  object-fit: cover;
}
.p-6 {
  padding: calc(var(--spacing, 0.25rem) * 6);
}
.p-8 {
  padding: calc(var(--spacing, 0.25rem) * 8);
}
.px-4 {
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
}
.py-2 {
  padding-block: calc(var(--spacing, 0.25rem) * 2);
}
.py-12 {
  padding-block: calc(var(--spacing, 0.25rem) * 12);
}
.py-16 {
  padding-block: calc(var(--spacing, 0.25rem) * 16);
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
}
.text-3xl {
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
}
.text-4xl {
  font-size: var(--text-4xl, 2.25rem);
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
}
.text-lg {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
}
.text-sm {
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
}
.text-xl {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold, 800);
  font-weight: var(--font-weight-extrabold, 800);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight, -0.025em);
  letter-spacing: var(--tracking-tight, -0.025em);
}
.text-gray-700 {
  color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
}
.text-sky-500 {
  color: var(--color-sky-500, oklch(68.5% 0.169 237.323));
}
.text-slate-500 {
  color: var(--color-slate-500, oklch(55.4% 0.046 257.417));
}
.text-slate-700 {
  color: var(--color-slate-700, oklch(37.2% 0.044 257.287));
}
.text-slate-900 {
  color: var(--color-slate-900, oklch(20.8% 0.042 265.755));
}
.text-white {
  color: var(--color-white, #fff);
}
.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);
}
.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 {
  --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-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, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.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-gray-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
    }
  }
}
.hover\:text-sky-700 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-sky-700, oklch(50% 0.134 242.749));
    }
  }
}
.max-md\:mt-4 {
  @media (width < 48rem) {
    margin-top: calc(var(--spacing, 0.25rem) * 4);
  }
}
.max-md\:ml-0 {
  @media (width < 48rem) {
    margin-left: calc(var(--spacing, 0.25rem) * 0);
  }
}
.max-md\:w-full {
  @media (width < 48rem) {
    width: 100%;
  }
}
.max-md\:flex-col {
  @media (width < 48rem) {
    flex-direction: column;
  }
}
.max-md\:p-4 {
  @media (width < 48rem) {
    padding: calc(var(--spacing, 0.25rem) * 4);
  }
}
.sm\:inline-block {
  @media (width >= 40rem) {
    display: inline-block;
  }
}
.sm\:text-4xl {
  @media (width >= 40rem) {
    font-size: var(--text-4xl, 2.25rem);
    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:items-center {
  @media (width >= 48rem) {
    align-items: center;
  }
}
.md\:gap-4 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
}
.md\:py-24 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing, 0.25rem) * 24);
  }
}
.md\:text-5xl {
  @media (width >= 48rem) {
    font-size: var(--text-5xl, 3rem);
    line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
  }
}
.lg\:mb-16 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing, 0.25rem) * 16);
  }
}
.lg\:gap-6 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing, 0.25rem) * 6);
  }
}
@layer base {
  body {
    margin-inline: auto;
    max-width: var(--container-3xl, 48rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 2.5);
    font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    --tw-leading: var(--leading-relaxed, 1.625);
    line-height: var(--leading-relaxed, 1.625);
    color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
  }
  a {
    color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
    text-decoration-line: none;
  }
  a:hover {
    text-decoration-line: underline;
  }
  .prose {
    max-width: none;
    color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
  }
  .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2.5);
    color: var(--color-gray-800, oklch(27.8% 0.033 256.848));
  }
  .prose h1 {
    font-size: var(--text-2xl, 1.5rem);
    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    @media (width >= 48rem) {
      font-size: var(--text-3xl, 1.875rem);
      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
    }
  }
  .prose h2 {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    @media (width >= 48rem) {
      font-size: var(--text-2xl, 1.5rem);
      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
    }
  }
  .prose p {
    margin-bottom: calc(var(--spacing, 0.25rem) * 2.5);
  }
  .prose ul, .prose ol {
    margin-block: calc(var(--spacing, 0.25rem) * 1);
    padding-left: calc(var(--spacing, 0.25rem) * 4);
  }
  .prose li {
    margin-bottom: calc(var(--spacing, 0.25rem) * 0.5);
  }
  .prose code {
    border-radius: 0.25rem;
    background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
    padding-inline: calc(var(--spacing, 0.25rem) * 1.5);
    padding-block: calc(var(--spacing, 0.25rem) * 0.5);
  }
  .prose pre {
    overflow-x: auto;
    border-radius: 0.25rem;
    background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
    padding: calc(var(--spacing, 0.25rem) * 2.5);
  }
  .prose img {
    margin-inline: auto;
    display: block;
    height: auto;
    max-width: 100%;
  }
  .prose a {
    color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
    text-decoration-line: none;
  }
  .prose a:hover {
    text-decoration-line: underline;
  }
  .nav-link {
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
    text-decoration-line: none;
  }
  .nav-link:hover {
    text-decoration-line: underline;
  }
  .pagination a {
    border-radius: var(--radius-md, 0.375rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
    background-color: var(--color-white, #fff);
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
    text-decoration-line: none;
  }
  .pagination a:hover {
    background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
    text-decoration-line: underline;
  }
  .pagination .current {
    border-radius: var(--radius-md, 0.375rem);
    border-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
    background-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-white, #fff);
  }
  .text-card-foreground a {
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-blue-600, oklch(54.6% 0.245 262.881));
    text-decoration-line: none;
  }
  .text-card-foreground a:hover {
    text-decoration-line: underline;
  }
  .text-muted-foreground {
    color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-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-leading {
  syntax: "*";
  inherits: false;
}
@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-space-y-reverse: 0;
      --tw-border-style: solid;
      --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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-leading: initial;
    }
  }
}