/* Сбер Хор: цветовые акценты разделов.
   Каждая страница получает тот же оттенок, что и её плитка на главном экране.
   Подключается после встроенных стилей страницы и перед season.css. */

/* ---------- Опросы: синий (плитка c8) ---------- */
body.sec-surveys {
  --g-d: #3450b5;
  --g1: #4a63d8;
  --g2: #5b8def;
  --g3: #1fc2c9;
  background:
    radial-gradient(900px 520px at 8% -8%, #dce6ff 0%, transparent 60%),
    radial-gradient(800px 500px at 100% 0%, #d9ecff 0%, transparent 60%),
    radial-gradient(700px 500px at 50% 110%, #e6e0ff 0%, transparent 60%),
    linear-gradient(180deg, #f6f8ff 0%, #eef4ff 100%);
  background-attachment: fixed;
}
body.sec-surveys header.top a { color: #3450b5; }
body.sec-surveys header.top h1,
body.sec-surveys .hero h1 {
  background: linear-gradient(90deg, #3b56c9, #5b8def 55%, #1fc2c9);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.sec-surveys .block::before,
body.sec-surveys .card::before {
  background: radial-gradient(circle, rgba(91,141,239,.35), transparent 70%);
}
body.sec-surveys .survey:hover {
  box-shadow: inset 0 0 0 1px #b9caf7, 0 8px 20px rgba(52,80,181,.12);
}
body.sec-surveys .survey .go { color: #3450b5; }
body.sec-surveys .badge.new { background: #e4ebff; color: #2f4bb0; }
body.sec-surveys .item::before {
  background: linear-gradient(135deg, #5b8def, #1fc2c9);
  box-shadow: 0 0 0 4px rgba(91,141,239,.16);
}
body.sec-surveys .input:focus { border-color: #5b8def; box-shadow: 0 0 0 4px rgba(91,141,239,.18); }

/* ---------- Как сдаём: бирюзово-синий (плитка c4) ---------- */
body.sec-parts {
  --g-d: #0f7f9e;
  --g1: #1fc2c9;
  --g2: #5b8def;
  --g3: #5b8def;
  background:
    radial-gradient(900px 520px at 8% -8%, #d8fbfb 0%, transparent 60%),
    radial-gradient(800px 500px at 100% 0%, #dce9ff 0%, transparent 60%),
    radial-gradient(700px 500px at 50% 110%, #e2f8ff 0%, transparent 60%),
    linear-gradient(180deg, #f2feff 0%, #eef6ff 100%);
  background-attachment: fixed;
}
body.sec-parts .hero-ico {
  background: linear-gradient(135deg, #1fc2c9, #5b8def);
  box-shadow: 0 16px 30px rgba(31,160,201,.3);
}
body.sec-parts header.top a { color: #0f7f9e; }
body.sec-parts header.top h1,
body.sec-parts .hero h1 {
  background: linear-gradient(90deg, #0f9daf, #2f8fdd 60%, #5b8def);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.sec-parts .block::before,
body.sec-parts .card::before {
  background: radial-gradient(circle, rgba(31,194,201,.32), transparent 70%);
}
body.sec-parts .cta {
  background: linear-gradient(100deg, #1fc2c9 0%, #2f9fe0 55%, #5b8def 100%);
  box-shadow: 0 12px 26px rgba(31,160,201,.28);
}
body.sec-parts .cta.sec { color: #0f7f9e; box-shadow: inset 0 0 0 1.5px #bfeaf0; }
body.sec-parts .cta.sec:hover:not(:disabled) { background: #f2fdff; }
body.sec-parts .sess { background: linear-gradient(120deg, #f0feff, #e8f3ff); box-shadow: inset 0 0 0 1px #cfedf3; }
body.sec-parts .sess .c { background: linear-gradient(135deg, #1fc2c9, #5b8def); box-shadow: 0 10px 20px rgba(31,160,201,.28); }
body.sec-parts .kpi { background: linear-gradient(135deg, #1fc2c9, #5b8def 60%, #7ce3df); box-shadow: 0 16px 30px rgba(31,160,201,.24); }
body.sec-parts .kpi:nth-child(2) { background: linear-gradient(135deg, #2f8fdd, #1fc2c9 55%, #7ce36b); }
body.sec-parts .item::before {
  background: linear-gradient(135deg, #1fc2c9, #5b8def);
  box-shadow: 0 0 0 4px rgba(31,194,201,.16);
}
body.sec-parts .item:hover { box-shadow: inset 0 0 0 1.5px #5b8def, 0 8px 18px rgba(31,120,180,.14); }
body.sec-parts .input:focus { border-color: #2f9fe0; box-shadow: 0 0 0 4px rgba(47,159,224,.18); }

/* ---------- Коды занятий: фиолетово-бирюзовый (плитка c5) ---------- */
body.sec-codes {
  --g-d: #5b4fd6;
  --g1: #6f5cf0;
  --g2: #8b7cf7;
  --g3: #1fc2c9;
  background:
    radial-gradient(900px 520px at 8% -8%, #e8e2ff 0%, transparent 60%),
    radial-gradient(800px 500px at 100% 0%, #d9f6ff 0%, transparent 60%),
    radial-gradient(700px 500px at 50% 110%, #ece4ff 0%, transparent 60%),
    linear-gradient(180deg, #f8f5ff 0%, #eef8ff 100%);
  background-attachment: fixed;
}
body.sec-codes .hero-ico {
  background: linear-gradient(135deg, #7c5cf0, #3ec7d9);
  box-shadow: 0 16px 30px rgba(92,100,240,.28);
}
body.sec-codes header.top a { color: #5b4fd6; }
body.sec-codes header.top h1,
body.sec-codes .hero h1 {
  background: linear-gradient(90deg, #5b5fe0, #8b7cf7 55%, #1fb7c9);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.sec-codes .block::before,
body.sec-codes .card::before {
  background: radial-gradient(circle, rgba(124,92,240,.32), transparent 70%);
}
body.sec-codes .cta {
  background: linear-gradient(100deg, #7c5cf0 0%, #6f7cf5 52%, #1fc2c9 100%);
  box-shadow: 0 12px 26px rgba(108,92,230,.3);
}
body.sec-codes .cta.sec { color: #5b4fd6; box-shadow: inset 0 0 0 1.5px #ddd4ff; }
body.sec-codes .cta.sec:hover:not(:disabled) { background: #f8f5ff; }
body.sec-codes .sess { background: linear-gradient(120deg, #f6f2ff, #e8f8ff); box-shadow: inset 0 0 0 1px #ddd4ff; }
body.sec-codes .sess .c { background: linear-gradient(135deg, #7c5cf0, #1fc2c9); box-shadow: 0 10px 20px rgba(108,92,230,.28); }
body.sec-codes .kpi { background: linear-gradient(135deg, #7c5cf0, #6f7cf5 55%, #1fc2c9); box-shadow: 0 16px 30px rgba(108,92,230,.24); }
body.sec-codes .kpi:nth-child(2) { background: linear-gradient(135deg, #1f9fb7, #1fc2c9 50%, #8b7cf7); }
body.sec-codes .item::before {
  background: linear-gradient(135deg, #7c5cf0, #1fc2c9);
  box-shadow: 0 0 0 4px rgba(124,92,240,.16);
}
body.sec-codes .item:hover { box-shadow: inset 0 0 0 1.5px #8b7cf7, 0 8px 18px rgba(91,79,214,.14); }
body.sec-codes .input:focus { border-color: #8b7cf7; box-shadow: 0 0 0 4px rgba(139,124,247,.18); }

/* ---------- Концерты: тёплый янтарный ---------- */
body.sec-concerts {
  --g-d: #b06a15;
  --g1: #f5a623;
  --g2: #ff8a4c;
  --g3: #f0d24a;
  background:
    radial-gradient(900px 520px at 8% -8%, #fff1d6 0%, transparent 60%),
    radial-gradient(800px 500px at 100% 0%, #ffe4d6 0%, transparent 60%),
    radial-gradient(700px 500px at 50% 110%, #fff7d9 0%, transparent 60%),
    linear-gradient(180deg, #fffaf0 0%, #fff3e6 100%);
  background-attachment: fixed;
}
body.sec-concerts .hero-ico {
  background: linear-gradient(135deg, #f5a623, #f0d24a 60%, #ff8a4c);
  box-shadow: 0 16px 30px rgba(245,166,35,.3);
}
body.sec-concerts header.top a { color: #a86212; }
body.sec-concerts header.top h1,
body.sec-concerts .hero h1 {
  background: linear-gradient(90deg, #e8871a, #f5a623 55%, #ff7a45);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.sec-concerts .block::before,
body.sec-concerts .card::before {
  background: radial-gradient(circle, rgba(245,166,35,.32), transparent 70%);
}
body.sec-concerts .cta {
  background: linear-gradient(100deg, #f5a623 0%, #ff9a4c 55%, #ff7a45 100%);
  box-shadow: 0 12px 26px rgba(245,166,35,.3);
}
body.sec-concerts .cta.sec { color: #a86212; box-shadow: inset 0 0 0 1.5px #ffe0b8; }
body.sec-concerts .cta.sec:hover:not(:disabled) { background: #fffaf0; }
body.sec-concerts .item::before {
  background: linear-gradient(135deg, #f5a623, #ff7a45);
  box-shadow: 0 0 0 4px rgba(245,166,35,.16);
}
body.sec-concerts .item:hover { box-shadow: inset 0 0 0 1.5px #ffb347, 0 8px 18px rgba(180,120,30,.14); }
body.sec-concerts .input:focus { border-color: #ff9a4c; box-shadow: 0 0 0 4px rgba(255,154,76,.18); }
body.sec-concerts .sess { background: linear-gradient(120deg, #fff8ec, #fff0e6); box-shadow: inset 0 0 0 1px #ffe0b8; }
body.sec-concerts .sess .c { background: linear-gradient(135deg, #f5a623, #ff7a45); box-shadow: 0 10px 20px rgba(245,166,35,.28); }
body.sec-concerts .kpi { background: linear-gradient(135deg, #f5a623, #ff9a4c 55%, #ffd166); box-shadow: 0 16px 30px rgba(245,166,35,.24); }

/* ---------- Опросы: иконка-шапка ---------- */
body.sec-surveys .hero-ico {
  width: 76px; height: 76px; margin: 0 auto 12px; border-radius: 26px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #4a63d8, #5b8def 55%, #1fc2c9);
  box-shadow: 0 16px 30px rgba(74,99,216,.32);
}
body.sec-surveys .hero-ico svg { width: 38px; height: 38px; }
body.sec-surveys .hero { margin-top: 6px; }
body.sec-surveys .hero h1 {
  margin: 0; font-size: 34px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15;
}