/* === TRAINER PAGE HERO BANNER === */
.page-hero--trainer {
  padding: max(88px, calc(env(safe-area-inset-top) + 72px)) 0 28px;
  background: #f3f3f3;
  text-align: left;
}

.page-hero--trainer .container {
  max-width: 1180px;
}

.page-hero--trainer .page-hero__banner {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 22px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

@media (max-width: 768px) {
  .page-hero--trainer { padding-bottom: 20px; }
  .page-hero--trainer .page-hero__banner { border-radius: 16px; }
}

/* === TRAINER PAGE === */
.trainer-wrap { padding: 40px 0 80px; background: #f5f5f5; color: #050505; }
.trainer-wrap .about-quiz { max-width: 900px; margin: 0 auto; }

/* Светлая тема теста на странице тренажёра */
.page-trainer .trainer-wrap .about-quiz__eyebrow { color: #6c47ff; }
.page-trainer .trainer-wrap .about-dark__title { color: #050505; margin-bottom: 12px; }
.page-trainer .trainer-wrap .about-dark__title span { color: #6c47ff; }
.page-trainer .trainer-wrap .about-quiz__lead { color: rgba(5, 5, 5, 0.72); margin-top: 0; }
.page-trainer .trainer-wrap .about-quiz__scorecard {
  background: #fff;
  border: 1px solid rgba(108, 71, 255, 0.18);
  box-shadow: 0 12px 32px rgba(108, 71, 255, 0.08);
}
.page-trainer .trainer-wrap .about-quiz__score-label { color: rgba(5, 5, 5, 0.55); }
.page-trainer .trainer-wrap .about-quiz__score { color: #050505; }
.page-trainer .trainer-wrap .about-quiz__score.is-score-up { color: #6c47ff; text-shadow: none; }
.page-trainer .trainer-wrap .about-quiz__score-text { color: rgba(5, 5, 5, 0.55); }
.page-trainer .trainer-wrap .about-quiz__shell {
  background: #fff;
  border: 1px solid rgba(108, 71, 255, 0.14);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}
.page-trainer .trainer-wrap .about-quiz__shell::before {
  background: radial-gradient(circle at top right, rgba(108, 71, 255, 0.08), transparent 38%);
}
.page-trainer .trainer-wrap .about-quiz__progress-text { color: rgba(5, 5, 5, 0.65); }
.page-trainer .trainer-wrap .about-quiz__progress { background: rgba(108, 71, 255, 0.12); }
.page-trainer .trainer-wrap .about-quiz__progress-bar {
  background: linear-gradient(90deg, #6c47ff, #8b6bff);
}
.page-trainer .trainer-wrap .about-quiz__question-card {
  background: #fafafa;
  border: 1px solid rgba(108, 71, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.page-trainer .trainer-wrap .about-quiz__question-tag {
  background: rgba(108, 71, 255, 0.1);
  color: #6c47ff;
}
.page-trainer .trainer-wrap .about-quiz__question { color: #050505; }
.page-trainer .trainer-wrap .about-quiz__answer {
  background: #fff;
  border: 1px solid rgba(5, 5, 5, 0.1);
  color: #050505;
}
.page-trainer .trainer-wrap .about-quiz__answer:hover {
  border-color: rgba(108, 71, 255, 0.45);
  background: rgba(108, 71, 255, 0.04);
  box-shadow: 0 8px 24px rgba(108, 71, 255, 0.1);
}
.page-trainer .trainer-wrap .about-quiz__answer.is-selected {
  border-color: rgba(108, 71, 255, 0.65) !important;
  background: rgba(108, 71, 255, 0.08) !important;
  box-shadow: 0 0 0 1px rgba(108, 71, 255, 0.15), 0 10px 28px rgba(108, 71, 255, 0.12);
}
.page-trainer .trainer-wrap .about-quiz__answer-letter {
  background: rgba(108, 71, 255, 0.1);
  color: #6c47ff;
}
.page-trainer .trainer-wrap .about-quiz__side-box {
  background: rgba(108, 71, 255, 0.04);
  border: 1px solid rgba(108, 71, 255, 0.12);
}
.page-trainer .trainer-wrap .about-quiz__side-title { color: #050505; }
.page-trainer .trainer-wrap .about-quiz__side-list li { color: rgba(5, 5, 5, 0.72); }
.page-trainer .trainer-wrap .about-quiz__side-list li::before {
  background: #6c47ff;
  box-shadow: 0 0 10px rgba(108, 71, 255, 0.35);
}
.page-trainer .trainer-wrap .about-quiz__result-title { color: #050505; }
.page-trainer .trainer-wrap .about-quiz__result-text { color: rgba(5, 5, 5, 0.72); }
.page-trainer .trainer-wrap .about-quiz__result-badge {
  background: linear-gradient(135deg, #6c47ff, #8b6bff);
  color: #fff;
  box-shadow: 0 4px 18px rgba(108, 71, 255, 0.28);
}
.page-trainer .trainer-wrap .about-quiz__reset { color: #6c47ff; }

.trainer-intro { text-align: center; max-width: 640px; margin: 0 auto 40px; }
.trainer-intro__tag { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold2); margin-bottom: 12px; }
.trainer-intro h1 { font-family: var(--font-display); font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 900; color: #fff; line-height: 1.15; margin-bottom: 14px; }
.trainer-intro p { color: var(--text-light2); font-size: 0.95rem; line-height: 1.65; }

/* === QUIZ GATE === */
.quiz-gate {
  position: fixed; inset: 0; z-index: 10000; display: none; align-items: center; justify-content: center; padding: 20px;
}
.quiz-gate.is-open { display: flex; }
.quiz-gate__overlay { position: absolute; inset: 0; background: rgba(8,8,18,0.82); backdrop-filter: blur(8px); }
.quiz-gate__box {
  position: relative; width: min(440px, 100%); background: #fff; border-radius: var(--radius-lg);
  padding: 36px 32px; box-shadow: 0 24px 80px rgba(0,0,0,0.25);
}
.quiz-gate__box h2 { font-size: 1.35rem; font-weight: 900; margin-bottom: 8px; }
.quiz-gate__box > p { font-size: 0.9rem; color: var(--text2); margin-bottom: 24px; line-height: 1.55; }
.quiz-gate__result { padding: 14px 16px; background: rgba(245,158,11,0.10); border-radius: var(--radius-sm); margin-bottom: 20px; font-size: 0.9rem; }
.quiz-gate__form { display: flex; flex-direction: column; gap: 12px; }
.quiz-gate__form input { padding: 14px 16px; border: 1px solid var(--border); border-radius: var(--radius-sm); font: inherit; }
.quiz-gate__skip { display: block; text-align: center; margin-top: 14px; font-size: 0.85rem; color: var(--text2); }
.quiz-gate__skip:hover { color: var(--accent); }