/* Автошкола «Форвард»: цвета логотипа — чёрный, жёлто-оранжевый #F5A800,
   градиент круга от красного к жёлтому; заголовки — наклонный Exo 2, как надпись FORWARD */

@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url("../vendor/exo2/exo-2-cyrillic-wght-italic.woff2") format("woff2-variations");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url("../vendor/exo2/exo-2-latin-wght-italic.woff2") format("woff2-variations");
  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 {
  --va-red: #d7261b;
  --va-orange: #ec6608;
  --va-amber: #f5a800;
  --va-primary: #f5a800;
  --va-primary-rgb: 245, 168, 0;
  --va-primary-hover: #ffb81f;
  --va-primary-active: #d99500;
  --va-on-primary: #111;
  --va-on-gradient: #111;
  --va-accent: #f5a800;
  --va-accent-soft: #fff5d6;
  --va-glow-1: rgba(245, 168, 0, .2);
  --va-glow-2: rgba(215, 38, 27, .28);
  --va-dark: #0b0b0f;
  --va-dark-rgb: 11, 11, 15;
  --va-dark-2: #17171d;
  --va-gradient: linear-gradient(100deg, var(--va-red) 0%, var(--va-orange) 45%, var(--va-amber) 100%);
  --va-font-heading: "Exo 2", var(--bs-font-sans-serif);
  --va-heading-style: italic;
  --va-radius: .9rem;

  /* жёлтый на белом нечитаем — ссылки темнее */
  --bs-link-color: #a86200;
  --bs-link-color-rgb: 168, 98, 0;
  --bs-link-hover-color: var(--va-red);
  --bs-link-hover-color-rgb: 215, 38, 27;
}

/* Кнопки: скошенные, как буквы логотипа; основная — сплошная жёлтая с тёмным текстом */
.btn { border-radius: .55rem; font-family: var(--va-font-heading); font-style: italic; font-weight: 700; letter-spacing: .02em; }
.btn-gradient {
  background: var(--va-amber); color: #111; box-shadow: 0 .5rem 1.5rem rgba(245, 168, 0, .3);
}
.btn-gradient:hover, .btn-gradient:focus-visible { background: #ffbd2e; color: #111; }
.feature-icon, .course-badge, .review-avatar { color: #fff; }

/* Подпись над заголовком — с косой полосой */
.eyebrow { color: var(--va-amber); }
.eyebrow::before {
  content: ""; display: inline-block; width: 1.4rem; height: .2rem; margin-right: .6rem;
  vertical-align: middle; background: var(--va-gradient); transform: skewX(-30deg);
}
.text-center .eyebrow::after {
  content: ""; display: inline-block; width: 1.4rem; height: .2rem; margin-left: .6rem;
  vertical-align: middle; background: var(--va-gradient); transform: skewX(-30deg);
}

/* Hero: эмблема логотипа как фон, диагональные полосы */
.hero-emblem {
  position: absolute; right: -6rem; top: 50%; width: min(46rem, 70vw); transform: translateY(-50%);
  opacity: .14; pointer-events: none; user-select: none;
}
.hero::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: .35rem;
  background: var(--va-gradient);
}
.hero > .container { position: relative; z-index: 1; }
.speed-lines { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.speed-lines span {
  position: absolute; height: 2px; border-radius: 2px; transform: skewX(-30deg);
  background: linear-gradient(90deg, transparent, rgba(245, 168, 0, .55), transparent);
}

.site-header { border-bottom: 1px solid rgba(245, 168, 0, .18); }
.stat-value { font-family: var(--va-font-heading); font-style: italic; }
.course-price { font-family: var(--va-font-heading); font-style: italic; }
.side-nav .list-group-item.active { font-weight: 700; }
.banner-gradient h2, .banner-gradient p { color: #111; }

/* декор hero — под контентом; на узких экранах полосы мешают тексту */
.hero .row { position: relative; z-index: 2; }
.hero-emblem, .speed-lines { z-index: 0; }
@media (max-width: 991.98px) { .speed-lines { display: none; } }