/*! tailwindcss v4.0.7 | MIT License | https://tailwindcss.com */
@layer theme {
  :root,
  :host {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-50: oklch(.971 .013 17.38);
    --color-red-100: oklch(.936 .032 17.717);
    --color-red-500: oklch(.637 .237 25.331);
    --color-red-600: oklch(.577 .245 27.325);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-4xl: 2.25rem;
    --text-lg: 1.125rem;
    --text-sm: .875rem;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-lg: .5rem;
    --default-font-family: var(--font-sans);
  }
}
@layer base {
  *,
  :after,
  :before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    font-family: var(--default-font-family);
    -webkit-tap-highlight-color: transparent;
  }
  body {
    line-height: inherit;
  }
  h1,
  h2 {
    font-size: inherit;
    font-weight: inherit;
  }
}
@layer utilities {
  .min-h-screen {
    min-height: 100vh;
  }
  .flex {
    display: flex;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .text-center {
    text-align: center;
  }
  .font-medium {
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    font-weight: var(--font-weight-semibold);
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--leading-tight);
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--leading-normal);
  }
  .text-sm {
    font-size: var(--text-sm);
  }
  .tracking-tight {
    letter-spacing: -.025em;
  }
  .text-\[\#1b1b18\] {
    color: #1b1b18;
  }
  .text-\[\#706f6c\] {
    color: #706f6c;
  }
  .text-\[\#f53003\] {
    color: #f53003;
  }
  .bg-\[\#FDFDFC\] {
    background-color: #fdfdfc;
  }
  .dark\:bg-\[\#0a0a0a\] {
    background-color: #0a0a0a;
  }
  .dark\:text-\[\#EDEDEC\] {
    color: #ededec;
  }
  .dark\:text-\[\#A1A09A\] {
    color: #a1a09a;
  }
  .dark\:text-\[\#FF4433\] {
    color: #f43;
  }
  .animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  }
  .inline-flex {
    display: inline-flex;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-full {
    border-radius: 9999px;
  }
  .px-4 {
    padding-left: calc(var(--spacing) * 4);
    padding-right: calc(var(--spacing) * 4);
  }
  .py-2 {
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 2);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .max-w-md {
    max-width: 28rem;
  }
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .bg-\[\#fff2f2\] {
    background-color: #fff2f2;
  }
  .dark\:bg-\[\#1D0002\] {
    background-color: #1d0002;
  }
  .bg-\[\#f53003\] {
    background-color: #f53003;
  }
  .dark\:bg-\[\#FF4433\] {
    background-color: #ff4433;
  }
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}