

:root {


  --fw-white: #ffffff;
  --fw-zinc-50: #fafafa;
  --fw-zinc-100: #f4f4f5;
  --fw-zinc-200: #e4e4e7;
  --fw-zinc-300: #d4d4d8;
  --fw-zinc-400: #9f9fa9;
  --fw-zinc-500: #71717b;
  --fw-zinc-600: #52525c;
  --fw-zinc-700: #3f3f46;
  --fw-zinc-800: #27272a;
  --fw-zinc-900: #18181b;


  --fw-bg: var(--fw-white);
  --fw-surface: var(--fw-white);
  --fw-surface-muted: var(--fw-zinc-50);
  --fw-border: var(--fw-zinc-200);
  --fw-border-subtle: var(--fw-zinc-100);


  --fw-ink: var(--fw-zinc-900);
  --fw-ink-secondary: var(--fw-zinc-500);
  --fw-ink-muted: var(--fw-zinc-400);
  --fw-on-dark: var(--fw-white);


  --fw-action: var(--fw-zinc-900);
  --fw-action-hover: var(--fw-zinc-700);


  --fw-glass: rgba(255, 255, 255, 0.8);
  --fw-veil: var(--fw-white);
  --fw-panel-glass: rgba(255, 255, 255, 0.95);
  --fw-veil-fade: rgba(255, 255, 255, 0);


  --fw-glass-edge: rgba(255, 255, 255, 0.55);
  --fw-glass-chip: rgba(255, 255, 255, 0.55);
  --fw-map-control-glass: var(--fw-glass-chip);

  --fw-glass-sheen-top: rgba(255, 255, 255, 0.22);
  --fw-glass-sheen-bottom: rgba(255, 255, 255, 0.04);

  --fw-composer-glass: rgba(255, 255, 255, 0.55);
  --fw-hero-scrim: rgba(255, 255, 255, 0.82);

  --fw-header-veil: rgba(255, 255, 255, 0.72);

  --fw-chrome-backdrop: #0a0a0a;


  --fw-mark-accent: #c2410c;


  --fw-map-stroke: #1b1a17;
  --fw-map-home: #c2410c;
  --fw-map-home-dark: #ff9a66;
  --fw-map-pin: #ff7b45;
  --fw-map-pin-first: #54c08a;
  --fw-map-pin-last: #ebebeb;
  --fw-map-spot: #f2c14e;
  --fw-map-home-glyph: #ffffff;


  --fw-better: #1a7f4b;
  --fw-worse: #b4442a;




  --fw-font-display: "Unbounded", -apple-system, BlinkMacSystemFont, "Segoe UI",
                     Roboto, "Helvetica Neue", Arial, sans-serif;


  --fw-font: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI",
             Roboto, "Helvetica Neue", Arial, sans-serif;

  --fw-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;


  --fw-type-display: clamp(2.25rem, 5vw, 3.5rem);
  --fw-type-title: clamp(1.75rem, 3vw, 2rem);
  --fw-type-heading: 15px;
  --fw-type-lead: 17px;
  --fw-type-body: 16px;
  --fw-type-small: 14px;
  --fw-type-eyebrow: 13px;
  --fw-type-caption: 13px;
  --fw-type-fine: 12px;
  --fw-type-badge: 11px;

  --fw-weight-regular: 400;
  --fw-weight-medium: 500;
  --fw-weight-semibold: 600;
  --fw-weight-bold: 700;

  --fw-leading-display: 1.04;
  --fw-leading-heading: 1.25;
  --fw-leading-body: 1.55;
  --fw-tracking-display: -0.02em;
  --fw-tracking-eyebrow: 0.1em;



  --fw-radius-xs: 4px;
  --fw-radius-s: 8px;
  --fw-radius-m: 12px;
  --fw-radius-l: 16px;
  --fw-radius-xl: 24px;
  --fw-radius-pill: 9999px;

  --fw-radius-composer: 22px;



  --fw-space-xs: 4px;
  --fw-space-s: 8px;
  --fw-space-m: 12px;
  --fw-space-l: 16px;
  --fw-space-xl: 24px;
  --fw-space-2xl: 32px;
  --fw-space-3xl: 48px;
  --fw-space-4xl: 64px;
  --fw-space-section: 96px;

  --fw-container: 1100px;
  --fw-container-narrow: 672px;
  --fw-container-composer: 768px;
  --fw-container-tight: 512px;
  --fw-gutter: 24px;

  --fw-header-height: 56px;
  --fw-composer-field-height: 46px;
  --fw-composer-field-bottom-inset: 21px;
  --fw-hairline: 1px;



  --fw-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --fw-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
                  0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --fw-shadow-glow: 0 0 60px 0 rgba(0, 0, 0, 0.35);

  --fw-motion-fast: 150ms;
  --fw-motion: 240ms;
  --fw-motion-slow: 700ms;

  --fw-motion-toggle: 300ms;
  --fw-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --fw-ease-out: cubic-bezier(0, 0, 0.2, 1);


  --fw-hero-gradient-base: #f4d9c0;
  --fw-hero-gradient:
    radial-gradient(120% 90% at 8% 8%, #f6b98a 0%, rgba(246, 185, 138, 0) 55%),
    radial-gradient(110% 100% at 92% 12%, #cdd8ef 0%, rgba(205, 216, 239, 0) 60%),
    radial-gradient(130% 110% at 70% 95%, #cfe0cd 0%, rgba(207, 224, 205, 0) 62%),
    linear-gradient(135deg, #f3dcc4 0%, #ecd9d2 45%, #dfe2ee 100%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fw-bg: #0f0f11;
    --fw-surface: #17171a;
    --fw-surface-muted: #1d1d21;
    --fw-border: #2e2e33;
    --fw-border-subtle: #232327;

    --fw-ink: #f4f4f5;
    --fw-ink-secondary: #a8a8b3;
    --fw-ink-muted: #75757f;
    --fw-on-dark: #0f0f11;


    --fw-action: #f4f4f5;
    --fw-action-hover: #d4d4d8;


    --fw-better: #5ccc8f;
    --fw-worse: #f07a5c;

    --fw-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    --fw-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5),
                    0 4px 6px -4px rgba(0, 0, 0, 0.5);
    --fw-shadow-glow: 0 0 60px 0 rgba(0, 0, 0, 0.6);

    --fw-glass: rgba(23, 23, 26, 0.8);
    --fw-veil: #0f0f11;
    --fw-panel-glass: rgba(23, 23, 26, 0.95);
    --fw-veil-fade: rgba(15, 15, 17, 0);
    --fw-glass-edge: rgba(255, 255, 255, 0.045);
    --fw-glass-chip: rgba(28, 28, 32, 0.52);
    --fw-map-control-glass: rgba(15, 15, 17, 0.78);
    --fw-glass-sheen-top: rgba(255, 255, 255, 0.08);
    --fw-glass-sheen-bottom: rgba(255, 255, 255, 0.01);
    --fw-composer-glass: rgba(28, 28, 32, 0.52);
    --fw-header-veil: rgba(15, 15, 17, 0.72);
    --fw-hero-scrim: rgba(15, 15, 17, 0.82);


    --fw-hero-gradient-base: #241b16;
    --fw-hero-gradient:
      radial-gradient(120% 90% at 8% 8%, #7a4526 0%, rgba(122, 69, 38, 0) 55%),
      radial-gradient(110% 100% at 92% 12%, #24354f 0%, rgba(36, 53, 79, 0) 60%),
      radial-gradient(130% 110% at 70% 95%, #1f3a2c 0%, rgba(31, 58, 44, 0) 62%),
      linear-gradient(135deg, #2b1f18 0%, #251d22 45%, #1c2030 100%);
  }
}

:root[data-theme="dark"] {
  --fw-bg: #0f0f11;
  --fw-surface: #17171a;
  --fw-surface-muted: #1d1d21;
  --fw-border: #2e2e33;
  --fw-border-subtle: #232327;

  --fw-ink: #f4f4f5;
  --fw-ink-secondary: #a8a8b3;
  --fw-ink-muted: #75757f;
  --fw-on-dark: #0f0f11;

  --fw-action: #f4f4f5;
  --fw-action-hover: #d4d4d8;

  --fw-better: #5ccc8f;
  --fw-worse: #f07a5c;

  --fw-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --fw-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5),
                  0 4px 6px -4px rgba(0, 0, 0, 0.5);
  --fw-shadow-glow: 0 0 60px 0 rgba(0, 0, 0, 0.6);

  --fw-glass: rgba(23, 23, 26, 0.8);
  --fw-veil: #0f0f11;
  --fw-panel-glass: rgba(23, 23, 26, 0.95);
  --fw-veil-fade: rgba(15, 15, 17, 0);
  --fw-glass-edge: rgba(255, 255, 255, 0.045);
  --fw-glass-chip: rgba(28, 28, 32, 0.52);
  --fw-map-control-glass: rgba(15, 15, 17, 0.78);
  --fw-glass-sheen-top: rgba(255, 255, 255, 0.08);
  --fw-glass-sheen-bottom: rgba(255, 255, 255, 0.01);
  --fw-composer-glass: rgba(28, 28, 32, 0.52);
  --fw-header-veil: rgba(15, 15, 17, 0.72);
  --fw-hero-scrim: rgba(15, 15, 17, 0.82);


  --fw-hero-gradient-base: #241b16;
  --fw-hero-gradient:
    radial-gradient(120% 90% at 8% 8%, #7a4526 0%, rgba(122, 69, 38, 0) 55%),
    radial-gradient(110% 100% at 92% 12%, #24354f 0%, rgba(36, 53, 79, 0) 60%),
    radial-gradient(130% 110% at 70% 95%, #1f3a2c 0%, rgba(31, 58, 44, 0) 62%),
    linear-gradient(135deg, #2b1f18 0%, #251d22 45%, #1c2030 100%);
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/unbounded-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/unbounded-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/unbounded-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../assets/fonts/unbounded-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../assets/fonts/golos-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../assets/fonts/golos-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../assets/fonts/golos-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Golos Text";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../assets/fonts/golos-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
