/* Local Variable Fonts to prevent FOIT/FOUT */
/* Manrope Variable Font */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/static/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/static/fonts/manrope-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/static/fonts/manrope-greek.woff2') format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/static/fonts/manrope-vietnamese.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/static/fonts/manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/static/fonts/manrope-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;
}

/* Space Grotesk Variable Font */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/static/fonts/space-grotesk-vietnamese.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/static/fonts/space-grotesk-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: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/static/fonts/space-grotesk-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;
}

:root {
  --background: #040705;
  --background-deep: #010202;
  --backdrop-start: #050706;
  --backdrop-mid: #020303;
  --backdrop-end: #000101;
  --ambient-green-rgb: 86, 255, 140;
  --ambient-cyan-rgb: 111, 229, 255;
  --ambient-grid-line: rgba(220, 255, 232, 0.038);
  --ambient-grid-major: rgba(220, 255, 232, 0.072);
  --surface-1: rgba(8, 16, 13, 0.88);
  --surface-2: rgba(11, 18, 16, 0.94);
  --surface-3: #0f1612;
  --surface-4: #17231d;
  --surface-soft: rgba(8, 16, 13, 0.74);
  --line: rgba(171, 255, 206, 0.1);
  --line-strong: rgba(171, 255, 206, 0.18);
  --line-cyan: rgba(111, 229, 255, 0.2);
  --primary: #64ff96;
  --primary-strong: #1fff73;
  --primary-soft: rgba(100, 255, 150, 0.1);
  --accent: #6fe5ff;
  --accent-soft: rgba(111, 229, 255, 0.12);
  --warning: #ffc96b;
  --danger: #ff6060;
  --danger-soft: rgba(255, 96, 96, 0.12);
  --text-primary: #f5fff8;
  --text-primary-soft: rgba(245, 255, 248, 0.86);
  --text-secondary: #adc3b6;
  --text-muted: #7b9388;
  --shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.24);
  --shadow-deep: 0 24px 58px rgba(0, 0, 0, 0.36);
  --shadow-glow: 0 18px 44px rgba(38, 255, 121, 0.075);
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --content-width: 1320px;
  --sidebar-width: 320px;
  --header-height: 76px;
  --page-header-content-gap: 3rem;
  --section-block-gap: 5rem;
  --section-heading-content-gap: 1.6667rem;
  --section-heading-stack-gap: 1.25rem;
  --section-kicker-title-gap: 0.9rem;
  --component-grid-gap: 1rem;
}

@media (max-width: 720px) {
  :root {
    --section-block-gap: 1.5rem;
    --section-heading-content-gap: 1.5rem;
    --section-heading-stack-gap: 1rem;
    --section-kicker-title-gap: 0.9rem;
  }
}