:root {
  --color-primary: #0f172a;
  --color-secondary: #38bdf8;
  --color-accent: #f97316;
  --color-bg: #020617;
  --color-surface: #020617;
  --color-text: #e5e7eb;
  --radius-base: retro-80;
  --layout-container-width: 1200px;
  --layout-gutter-x: 1.5rem;
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-main);
  background-color: var(--color-bg);
  color: var(--color-text);
}


.c-f04f11-446197e5 {
  max-width: var(--layout-container-width);
  margin-inline: auto;
  padding-inline: var(--layout-gutter-x);
}


.c-f04f11-72eb613c {
  border-radius: var(--radius-base);
  background-color: var(--color-surface);
}


.c-f04f11-12eec8d5 {
  border-radius: var(--radius-base);
  background: var(--color-primary);
  color: white;
}

.c-f04f11-12eec8d5:hover {
  filter: brightness(1.05);
}


.c-f04f11-60f58737,
.c-f04f11-79010c7a {
  backdrop-filter: blur(12px);
}


:root{
  --cc-vermilion: #f75a24;
  --cc-vermilion-dark: #e24d1d;
  --cc-cream: #FFF8F0;
  --cc-espresso-900: #2C2117;
  --cc-espresso-700: #584d3b;
}


.c-f04f11-dc0fc4a7{ background: var(--cc-vermilion); }
.c-f04f11-bbdcab1b{ background: var(--cc-cream); }
.c-f04f11-68752515{ background: var(--cc-espresso-900); }

.c-f04f11-8e7a0728{ color: var(--cc-vermilion); }
.c-f04f11-ef740712{ color: var(--cc-espresso-900); }
.c-f04f11-1d57be8b{ color: var(--cc-espresso-700); }

.c-f04f11-88b5481a{ border-color: var(--cc-vermilion); }


.c-f04f11-dc0fc4a7\/20{ background: rgba(247, 90, 36, .20); }
.c-f04f11-b97fe621\:bg-vermilion\/5:hover{ background: rgba(247, 90, 36, .05); }


.c-f04f11-b97fe621\:bg-cream:hover{ background: var(--cc-cream); }
.c-f04f11-b97fe621\:bg-vermilion-dark:hover{ background: var(--cc-vermilion-dark); }

.c-f04f11-9c68383c\:ring-vermilion:focus-visible{ --tw-ring-color: rgba(247, 90, 36, 1); }
.c-f04f11-ff7592ac\:ring-vermilion\/40:focus-within{ --tw-ring-color: rgba(247, 90, 36, .40); }


.c-f04f11-1f090818{
  --tw-gradient-from: var(--cc-cream);
  --tw-gradient-to: rgb(255 248 240 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}