@font-face { font-family: 'Stunt Display'; font-style: italic; font-weight: 900; font-display: swap; src: url('/st/assets/fonts/fira-sans-extra-condensed-cyrillic-900-italic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Stunt Display'; font-style: italic; font-weight: 900; font-display: swap; src: url('/st/assets/fonts/fira-sans-extra-condensed-latin-900-italic.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: 'Stunt Display'; font-style: italic; font-weight: 800; font-display: swap; src: url('/st/assets/fonts/fira-sans-extra-condensed-cyrillic-800-italic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Stunt Display'; font-style: italic; font-weight: 800; font-display: swap; src: url('/st/assets/fonts/fira-sans-extra-condensed-latin-800-italic.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: 'Stunt Display'; font-style: normal; font-weight: 700; font-display: swap; src: url('/st/assets/fonts/fira-sans-extra-condensed-cyrillic-700.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Stunt Display'; font-style: normal; font-weight: 700; font-display: swap; src: url('/st/assets/fonts/fira-sans-extra-condensed-latin-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: 'Onest'; font-weight: 400; font-display: swap; src: url('/st/assets/fonts/onest-cyrillic-400.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-weight: 400; font-display: swap; src: url('/st/assets/fonts/onest-latin-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+20BD, U+2122, U+2212; }
@font-face { font-family: 'Onest'; font-weight: 500; font-display: swap; src: url('/st/assets/fonts/onest-cyrillic-500.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-weight: 500; font-display: swap; src: url('/st/assets/fonts/onest-latin-500.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+20BD, U+2122, U+2212; }
@font-face { font-family: 'Onest'; font-weight: 600; font-display: swap; src: url('/st/assets/fonts/onest-cyrillic-600.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-weight: 600; font-display: swap; src: url('/st/assets/fonts/onest-latin-600.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+20BD, U+2122, U+2212; }
@font-face { font-family: 'Onest'; font-weight: 700; font-display: swap; src: url('/st/assets/fonts/onest-cyrillic-700.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-weight: 700; font-display: swap; src: url('/st/assets/fonts/onest-latin-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+20BD, U+2122, U+2212; }

:root {
  color-scheme: dark;

  --bg: #060509;
  --bg-2: #0a090e;
  --surface: #100e15;
  --surface-2: #16141d;
  --surface-3: #1e1b27;
  --line: rgb(255 255 255 / 0.07);
  --line-2: rgb(255 255 255 / 0.13);
  --line-3: rgb(255 255 255 / 0.22);

  --text: #f6f4f8;
  --text-2: #c8c3d0;
  --muted: #8b8596;

  --pink: #ff2bd6;
  --pink-core: #ffe0f8;
  --pink-deep: #b8008f;
  --pink-a12: rgb(255 43 214 / 0.12);
  --pink-a30: rgb(255 43 214 / 0.3);
  --pink-a60: rgb(255 43 214 / 0.6);

  --lime: #c6ff1a;
  --lime-core: #f3ffd0;
  --lime-deep: #8fcc00;
  --lime-a12: rgb(198 255 26 / 0.12);
  --lime-a35: rgb(198 255 26 / 0.35);

  --ok: #62f2a0;
  --danger: #ff5f6d;
  --ink: #07060a;

  --font-display: 'Stunt Display', 'Arial Narrow', Impact, sans-serif;
  --font-body: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --glow-pink: 0 0 0.02em #fff, 0 0 0.12em var(--pink), 0 0 0.35em var(--pink-a60), 0 0 0.9em var(--pink-a30);
  --glow-lime: 0 0 0.02em #fff, 0 0 0.12em var(--lime), 0 0 0.35em var(--lime-a35), 0 0 0.9em rgb(198 255 26 / 0.18);
  --shadow-pink: 0 0 0 1px var(--pink-a30), 0 0 24px -4px var(--pink-a60), 0 0 64px -16px var(--pink-a60);
  --shadow-lime: 0 0 0 1px var(--lime-a35), 0 0 22px -6px var(--lime-a35);
  --shadow-deep: 0 24px 60px -24px rgb(0 0 0 / 0.85);

  --r-xs: 0;
  --r-sm: 0;
  --r-md: 0;
  --r-lg: 0;

  --container: 1400px;
  --gutter: clamp(16px, 4vw, 48px);
  --header-h: 72px;
  --section: clamp(72px, 10vw, 140px);

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1); /* deslop-ignore 26 -- only for toggle-knob travel and selection checkmark, never hover */
  --fast: 160ms;
  --mid: 280ms;
  --slow: 600ms;

  --z-header: 50;
  --z-float: 60;
  --z-toast: 70;
}

@media (prefers-reduced-motion: reduce) {
  :root { --fast: 0ms; --mid: 0ms; --slow: 0ms; }
}