/* ============================================
   ТЁМНАЯ ТЕМА для rpk-prostyle.ru (Tilda)
   Вставьте этот код в: Настройки страницы → 
   Свой код → CSS (вкладка CSS)
   ============================================ */

/* --- Подключение шрифта Inter --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* --- Глобальные переменные --- */
:root {
  --bg-primary: #0a0a0f;
  --bg-secondary: #141420;
  --bg-card: #1a1a2e;
  --bg-hover: #222240;
  --text-primary: #f0f0f5;
  --text-secondary: #a0a0b8;
  --text-muted: #6c6c80;
  --accent: #6c5ce7;
  --accent-hover: #7c6cf7;
  --accent-2: #00cec9;
  --accent-3: #fd79a8;
  --border: #2d2d40;
  --border-light: #3d3d50;
  --success: #00b894;
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  --glass-bg: rgba(20, 20, 32, 0.85);
  --glass-border: rgba(255, 255, 255, 0.08);
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* --- Базовые стили --- */
body, .t-body {
  background-color: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-family) !important;
}

/* --- Все блоки Tilda --- */
.t-records, .t-rec {
  background-color: var(--bg-primary) !important;
}

/* --- Zero Block (T396) артборды --- */
.t396__artboard {
  background-color: var(--bg-primary) !important;
}

.t396__carrier {
  background-color: var(--bg-primary) !important;
}

/* --- Тексты в Zero Block --- */
.tn-atom {
  font-family: var(--font-family) !important;
}

/* --- Заголовки --- */
h1, h2, h3, h4, h5, h6,
.tn-atom h1, .tn-atom h2, .tn-atom h3,
.t-title, .t-descr, .t-text {
  color: var(--text-primary) !important;
  font-family: var(--font-family) !important;
}

/* --- Текст в Zero Block элементах --- */
[data-elem-type="text"] .tn-atom {
  color: var(--text-primary) !important;
}

/* --- Ссылки --- */
a, .tn-atom a {
  color: var(--accent) !important;
  transition: color 0.3s ease !important;
}

a:hover, .tn-atom a:hover {
  color: var(--accent-hover) !important;
}

/* --- Кнопки --- */
button, .t-btn, .tn-atom[href*="popup"],
a[href*="popup"] {
  transition: all 0.3s ease !important;
}

/* --- Формы --- */
input, textarea, select, .t-input, .t-form__input {
  background-color: var(--bg-secondary) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-family) !important;
}

input:focus, textarea:focus, .t-input:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2) !important;
}

/* --- Плейсхолдеры --- */
::placeholder, .t-input::placeholder {
  color: var(--text-muted) !important;
}

/* --- Карточки и блоки с фоном --- */
[style*="background-color"] {
  transition: background-color 0.3s ease !important;
}

/* --- SVG и векторные элементы --- */
.tn-atom__vector svg path {
  fill: var(--accent) !important;
}

/* --- Изображения (лёгкая затемнённость для тёмной темы) --- */
img {
  filter: brightness(0.95) !important;
  transition: filter 0.3s ease !important;
}

img:hover {
  filter: brightness(1.05) !important;
}

/* --- Скроллбар --- */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--border-light);
}

/* --- Анимация появления блоков --- */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.t-records .t-rec {
  animation: fadeInUp 0.6s ease forwards;
}

/* --- Специфичные оверрайды для текущих блоков --- */

/* Шапка (header) — затемняем */
#rec506674186 .t396__artboard {
  background-color: #0d0d14 !important;
}

/* Hero-секция */
#rec507164455 .t396__artboard {
  background-color: #0a0a0f !important;
}

/* Блок преимуществ */
#rec507290133 .t396__artboard {
  background-color: #0d0d14 !important;
}

/* Блок услуг */
#rec812902743 .t396__artboard {
  background-color: #0a0a0f !important;
}

/* --- Неоновое свечение для акцентных элементов --- */
@keyframes neonPulse {
  0%, 100% {
    box-shadow: 0 0 5px var(--accent), 0 0 10px var(--accent), 0 0 20px var(--accent);
  }
  50% {
    box-shadow: 0 0 10px var(--accent), 0 0 20px var(--accent), 0 0 40px var(--accent);
  }
}

.tn-atom[style*="border-radius: 90px"] {
  animation: neonPulse 2s ease-in-out infinite !important;
}

/* --- Glassmorphism для карточек --- */
[style*="border-radius: 18px"] {
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  background-color: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
}

/* --- Адаптация попапов --- */
.t-popup__container {
  background-color: var(--bg-secondary) !important;
}

.t-popup__close {
  color: var(--text-primary) !important;
}

/* --- Футер --- */
footer, [class*="footer"], [class*="Footer"] {
  background-color: #07070c !important;
}

/* --- Разделители --- */
hr, [class*="divider"], [class*="separator"] {
  border-color: var(--border) !important;
}

/* --- Счётчики и цифры (цены) --- */
[class*="price"], [class*="cost"], [class*="sum"] {
  color: var(--accent-2) !important;
  font-weight: 700 !important;
}