/* ============================================================
   ФИНАЛЬНЫЙ CSS — ТОЧЕЧНАЯ АТАКА ПОД РЕАЛЬНЫЙ HTML TILDA
   ============================================================ */

/* ============================================================
   1. УБИРАЕМ ИНЛАЙН-ГРАДИЕНТЫ ФОНА НА ВСЕХ TILDA-БЛОКАХ
   ============================================================ */

/* Атака на все t-rec с инлайн-фоном */
.t-rec[style*="background-image"],
.t-rec[style*="background"],
.t-rec[style*="linear-gradient"],
.t-rec[style*="radial-gradient"],
[data-record-type][style*="background"],
[data-record-type][style*="linear-gradient"],
[id^="rec"][style*="background"],
[id^="rec"][style*="linear-gradient"] {
  background-color: #0A0B10 !important;
  background-image: none !important;
  background: #0A0B10 !important;
}

/* Обложка Tilda */
.t-cover,
.t-cover__carrier,
.t-cover__wrapper,
.t-cover__background,
.t-cover__layer,
.t-cover__filter {
  background-color: transparent !important;
  background-image: none !important;
}

.t-cover__filter {
  opacity: 0 !important;
}

/* Фон body */
html,
body,
#allrecords,
.t-body,
.t-body_popupshowed,
.t-records,
.t-records__wrapper {
  background-color: #0A0B10 !important;
  background-image: none !important;
}

/* ============================================================
   2. ЖЁСТКАЯ АТАКА НА SPAN ВНУТРИ ЗАГОЛОВКОВ И ТЕКСТОВ
   В твоём HTML: <span style="color: rgb(37, 99, 235);">
   Это перебивает цвет родителя. Перебиваем и сам span.
   ============================================================ */

/* SPAN внутри заголовков Tilda */
.t-title span,
.t-title_xs span,
.t-title_sm span,
.t-title_md span,
.t-title_lg span,
.t-title_xl span,
.t-title_xxl span,
.t-section__title span,
.t-name span,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

/* SPAN внутри текстов Tilda — наш цвет */
.t-descr span,
.t-descr_xs span,
.t-descr_sm span,
.t-descr_md span,
.t-descr_lg span,
.t-descr_xl span,
.t-descr_xxl span,
.t-descr_xxxl span,
.t-text span,
.t-text_xs span,
.t-text_sm span,
.t-text_md span,
.t-text_lg span,
.t-text_xl span,
.t-section__descr span,
p span {
  color: #9CA3AF !important;
  -webkit-text-fill-color: #9CA3AF !important;
}

/* Исключение: ссылки внутри текста — циан */
.t-descr a span,
.t-text a span,
p a span,
.t-descr a,
.t-text a,
p a {
  color: #00E5FF !important;
  -webkit-text-fill-color: #00E5FF !important;
}

/* Сильные акценты внутри текста (strong) — белые */
.t-descr strong,
.t-text strong,
.t-descr b,
.t-text b,
p strong,
p b {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ============================================================
   3. ЖЁСТКАЯ АТАКА НА ЗАГОЛОВКИ TILDA
   Реальные классы в HTML: t-title, t-title_xs, t-section__title
   ============================================================ */

.t-title,
.t-title *,
.t-title_xs,
.t-title_xs *,
.t-title_sm,
.t-title_sm *,
.t-title_md,
.t-title_md *,
.t-title_lg,
.t-title_lg *,
.t-title_xl,
.t-title_xl *,
.t-title_xxl,
.t-title_xxl *,
.t-section__title,
.t-section__title *,
.t-name,
.t-name *,
.t-name_xs, .t-name_sm, .t-name_md, .t-name_lg, .t-name_xl,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', 'Inter', sans-serif !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  text-shadow: none !important;
}

/* ============================================================
   4. ЖЁСТКАЯ АТАКА НА ТЕКСТЫ TILDA
   Реальные классы: t-descr, t-descr_xl, t-section__descr, t-text
   ============================================================ */

.t-descr,
.t-descr_xs, .t-descr_sm, .t-descr_md, .t-descr_lg,
.t-descr_xl, .t-descr_xxl, .t-descr_xxxl,
.t-section__descr,
.t-text,
.t-text_xs, .t-text_sm, .t-text_md, .t-text_lg, .t-text_xl,
p {
  font-family: 'Inter', sans-serif !important;
  color: #9CA3AF !important;
  -webkit-text-fill-color: #9CA3AF !important;
  line-height: 1.65 !important;
  text-shadow: none !important;
}

/* ============================================================
   5. ФОРМЫ TILDA — РЕАЛЬНЫЕ КЛАССЫ
   В HTML: t-input, t-input-phonemask, t-input-phonemask__wrap
   ============================================================ */

.t-input,
.t-input__control,
.t-input-phonemask,
.t-input-phonemask__wrap,
.t-input-phonemask__select,
.t-input-phonemask__select-flag,
.t-textarea,
.t-textarea__control,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="password"],
textarea {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.t-input:focus,
.t-textarea:focus,
input:focus,
textarea:focus {
  border-color: rgba(0, 229, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.1) !important;
  outline: none !important;
}

/* Placeholder */
.t-input::placeholder,
.t-textarea::placeholder,
input::placeholder,
textarea::placeholder {
  color: #6B7280 !important;
  -webkit-text-fill-color: #6B7280 !important;
  opacity: 0.7 !important;
}

/* Обёртка телефон-маски */
.t-input-phonemask__wrap {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-radius: 10px !important;
}

/* Селектор страны в телефоне */
.t-input-phonemask__select {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background-color: transparent !important;
}

.t-input-phonemask__select-code {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.t-input-phonemask__select-triangle {
  border-top-color: #00E5FF !important;
}

/* ============================================================
   6. КНОПКИ TILDA — РЕАЛЬНЫЕ КЛАССЫ
   В HTML: t-submit, t-btnflex, t-btnflex_type_submit, t-btnflex_md
   ============================================================ */

.t-submit,
.t-btnflex,
.t-btnflex_type_submit,
.t-btnflex_md,
button.t-submit,
button.t-btnflex,
input.t-submit {
  font-family: 'Manrope', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: -0.01em !important;
  color: #0A0B10 !important;
  -webkit-text-fill-color: #0A0B10 !important;
  background-color: #00E5FF !important;
  background-image: linear-gradient(120deg, #00E5FF 0%, #7C3AED 35%, #FF2E93 55%, #00E5FF 100%) !important;
  background-size: 200% 200% !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px 32px !important;
  box-shadow: 0 8px 24px rgba(0, 229, 255, 0.25) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  text-shadow: none !important;
  outline: none !important;
  overflow: hidden !important;
}

/* Убираем псевдоэлементы Tilda, которые перебивают градиент */
.t-btnflex::before,
.t-btnflex::after,
.t-btnflex_type_submit::before,
.t-btnflex_type_submit::after,
.t-btnflex__border,
.t-btnflex__border::before,
.t-btnflex__border::after {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  content: none !important;
}

.t-submit:hover,
.t-btnflex:hover,
.t-btnflex_type_submit:hover,
button.t-submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 40px rgba(0, 229, 255, 0.4) !important;
  color: #0A0B10 !important;
  -webkit-text-fill-color: #0A0B10 !important;
}

/* Текст внутри кнопки */
.t-btnflex__text,
.t-submit span {
  color: #0A0B10 !important;
  -webkit-text-fill-color: #0A0B10 !important;
  font-weight: 700 !important;
}

/* ============================================================
   7. TILDA-ФОРМА — ФОН, ОШИБКИ, УСПЕХ
   ============================================================ */

.t-form {
  background-color: transparent !important;
  background-image: none !important;
}

.t-form__inputsbox,
.t-form__bottom {
  background-color: transparent !important;
  background-image: none !important;
}

.t-form__successbox,
.t-form-success-popup {
  background-color: rgba(34, 197, 94, 0.08) !important;
  border: 1px solid rgba(34, 197, 94, 0.3) !important;
  border-radius: 12px !important;
  color: #86EFAC !important;
  -webkit-text-fill-color: #86EFAC !important;
}

.t-form__errorbox-wrapper,
.js-errorbox-all {
  background-color: rgba(239, 68, 68, 0.08) !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  border-radius: 12px !important;
}

.t-form__errorbox-text,
.t-form__errorbox-item {
  color: #FCA5A5 !important;
  -webkit-text-fill-color: #FCA5A5 !important;
}

/* ============================================================
   8. СОЦ-ССЫЛКИ TILDA
   В HTML: t-sociallinks, t-sociallinks__item, t-sociallinks__svg
   ============================================================ */

.t-sociallinks__svg,
.t-sociallinks__svg path {
  fill: #00E5FF !important;
  color: #00E5FF !important;
}

.t-sociallinks__item a {
  color: #00E5FF !important;
  -webkit-text-fill-color: #00E5FF !important;
}

.t-sociallinks__item a:hover {
  color: #67E8F9 !important;
  -webkit-text-fill-color: #67E8F9 !important;
}

.t-sociallinks__item a:hover .t-sociallinks__svg path {
  fill: #67E8F9 !important;
}

/* ============================================================
   9. ССЫЛКИ ВНУТРИ ФОРМ И ТЕКСТОВ
   ============================================================ */

.t-form a,
.t718 a,
a[href^="tel:"],
a[href^="mailto:"] {
  color: #00E5FF !important;
  -webkit-text-fill-color: #00E5FF !important;
  text-decoration: none !important;
}

.t-form a:hover,
.t718 a:hover {
  color: #67E8F9 !important;
  -webkit-text-fill-color: #67E8F9 !important;
}

/* ============================================================
   10. УБИРАЕМ TILDA-СТИЛИ ИЗ  ВНУТРИ БЛОКОВ
   Tilda вставляет  прямо в HTML. Перебиваем их.
   ============================================================ */

/* Кнопка submit в Tilda —  внутри. Перебиваем всё, что там есть. */
button.t-btnflex.t-btnflex_type_submit {
  color: #0A0B10 !important;
  -webkit-text-fill-color: #0A0B10 !important;
  background-image: linear-gradient(120deg, #00E5FF 0%, #7C3AED 35%, #FF2E93 55%, #00E5FF 100%) !important;
  background-color: transparent !important;
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(0, 229, 255, 0.25) !important;
}

button.t-btnflex.t-btnflex_type_submit:hover {
  box-shadow: 0 14px 40px rgba(0, 229, 255, 0.4) !important;
}

/* ============================================================
   11. ЗАГОЛОВКИ И ТЕКСТЫ С ИНЛАЙН-ЦВЕТАМИ
   В HTML: <span style="color: rgb(37, 99, 235);"> — перебиваем
   ============================================================ */

/* Все span, у которых инлайн-цвет синий/серый/чёрный — перебиваем */
[style*="color: rgb(37, 99, 235)"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color: rgb(96, 165, 250)"] { color: #9CA3AF !important; -webkit-text-fill-color: #9CA3AF !important; }
[style*="color: rgb(148, 163, 184)"] { color: #9CA3AF !important; -webkit-text-fill-color: #9CA3AF !important; }
[style*="color: rgb(248, 250, 252)"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color: #2563eb"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color: #60A5FA"] { color: #9CA3AF !important; -webkit-text-fill-color: #9CA3AF !important; }
[style*="color: #94A3B8"] { color: #9CA3AF !important; -webkit-text-fill-color: #9CA3AF !important; }
[style*="color: #F8FAFC"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color: #333333"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color: #333"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color: #000"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color: black"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color: #fff"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color: white"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color:#2563eb"] { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[style*="color:#60A5FA"] { color: #9CA3AF !important; -webkit-text-fill-color: #9CA3AF !important; }

/* Ссылки с инлайн-цветом */
[style*="color: rgb(0, 229, 255)"] { color: #00E5FF !important; -webkit-text-fill-color: #00E5FF !important; }

/* ============================================================
   12. ФИНАЛЬНЫЙ ФОРС — ВСЁ ВНУТРИ #allrecords
   ============================================================ */

#allrecords {
  background-color: #0A0B10 !important;
  background-image: none !important;
}

#allrecords > .t-rec,
#allrecords > .t-rec > *,
#allrecords > .t-records {
  background-color: transparent !important;
  background-image: none !important;
}

/* ВСЕ прямые дети .t-rec — фон прозрачный (не трогаем сами секции с инлайн-фоном, они выше перебиты) */
.t-container,
.t-container > * {
  background-color: transparent !important;
  background-image: none !important;
}

/* ============================================================
   13. СКРОЛЛБАР И ВЫДЕЛЕНИЕ
   ============================================================ */

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0A0B10; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #00E5FF 0%, #7C3AED 100%);
  border-radius: 10px;
  border: 2px solid #0A0B10;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #7C3AED 0%, #FF2E93 100%);
}

* {
  scrollbar-width: thin;
  scrollbar-color: #7C3AED #0A0B10;
}

::selection {
  background: rgba(0, 229, 255, 0.3);
  color: #FFFFFF;
}

/* ============================================================
   14. АДАПТИВ
   ============================================================ */

@media (max-width: 960px) {
  .t-title, .t-title_xl, .t-title_xxl { font-size: 38px !important; }
  .t-title_xs { font-size: 22px !important; }
  .t-title_sm { font-size: 24px !important; }
  .t-title_md { font-size: 26px !important; }
}

@media (max-width: 640px) {
  .t-title, .t-title_xl, .t-title_xxl { font-size: 30px !important; }
  .t-title_xs { font-size: 20px !important; }
  .t-title_sm { font-size: 22px !important; }
  .t-title_md { font-size: 24px !important; }
}