/* Playfair Display (заголовки) — свои файлы вместо Google Fonts (08.10.2026, ускорение первой отрисовки).
   Вариативный 400–900, файлы с fonts.gstatic.com v40, лицензия OFL. */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url('../fonts/playfair-var-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url('../fonts/playfair-var-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url('../fonts/playfair-var-latin.woff2') format('woff2'); 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; }

/* ===== «Неон» — редизайн главной (07.10.2026, выбор владельца) =====
   Главная всегда тёмная: <html data-theme="dark" class="neon">, переключателя темы на ней нет.
   Палитра — с картинки первого экрана: глубокий сливово-чёрный фон, малиновый неон (свет за головой)
   и синий неон (телефон). Блог и остальные страницы этот файл не подключают. */

html.neon,
html.neon[data-theme] {
  --neon-pink: #ff2d8a;
  --neon-pink-soft: #ff7eb3;
  --neon-blue: #2f8cff;
  --neon-blue-soft: #8fd8ff;
  --neon-violet: #a259ff;

  --nm-bg: #0c0612;
  --nm-bg-card: #170d22;
  --nm-surface: #100818;
  --nm-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --nm-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.45);
  --nm-shadow-lg: 0 10px 36px rgba(0, 0, 0, 0.5);
  --nm-shadow-xl: 0 18px 50px rgba(0, 0, 0, 0.55);
  --border-light: rgba(255, 255, 255, 0.09);

  --text-primary: #f6effa;
  --text-secondary: #bfb1cd;
  --text-muted: #85789a;

  --color-primary: #ff2d8a;
  --color-primary-light: #ff7eb3;
  --color-primary-dark: #e0156f;
  --color-secondary: #2f8cff;
  --color-cta: #ff2d8a;
  --gradient-text: linear-gradient(90deg, #ff4f9e 0%, #b56bff 50%, #4ea3ff 100%);
  --gradient-cta: linear-gradient(90deg, #d81f78 0%, #7a3cff 55%, #2f7dff 100%);
  --gradient-primary: var(--gradient-cta);
  --shadow-cta: rgba(255, 45, 138, 0.35);
  --gradient-card: linear-gradient(135deg, rgba(255, 45, 138, 0.08), rgba(47, 140, 255, 0.06));

  background: var(--nm-bg);
  color-scheme: dark;
}
html.neon body { background: var(--nm-bg); color: var(--text-primary); }

/* ===== Шапка ===== */
html.neon .navbar.scrolled {
  background: rgba(12, 6, 18, 0.78);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 10px 30px -18px rgba(255, 45, 138, 0.35);
}
html.neon .navbar__logo span,
html.neon .navbar__link { color: #fff; }
html.neon .navbar__link:hover { color: var(--neon-pink-soft); }

/* ===== Первый экран ===== */
html.neon .hero { background: #14061c; }
html.neon .hero__visual picture { display: block; width: 100%; height: 100%; }
html.neon .hero__photo { object-position: 78% center; }
html.neon .hero__visual::after {
  width: 70%;
  background: linear-gradient(to right, rgba(16, 5, 24, 0.82) 0%, rgba(16, 5, 24, 0.55) 55%, transparent 100%);
}
/* Плавный переход картинки в фон страницы */
html.neon .hero::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 140px; z-index: 1; pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--nm-bg));
}
html.neon .hero__eyebrow { color: var(--neon-pink-soft); }
html.neon .hero__title { color: #fff; text-shadow: 0 2px 30px rgba(255, 60, 150, 0.25); }
html.neon .hero__description { color: rgba(255, 255, 255, 0.8); }
html.neon .hero__trust { color: rgba(255, 255, 255, 0.55); }
@media (max-width: 768px) {
  html.neon .hero__photo { object-position: 60% 20%; }
  html.neon .hero__visual::after {
    width: 100%;
    background: linear-gradient(to top, rgba(12, 6, 18, 0.95) 0%, rgba(12, 6, 18, 0.72) 48%, rgba(12, 6, 18, 0.3) 100%);
  }
}

/* ===== Неоновая стеклянная кнопка: по рамке бегут две линии света — малиновая и синяя =====
   Заменяет «воздушную» кнопку из bloom-button.css (там специфичность html[data-scheme] :is(...) = 0,3,1,
   поэтому здесь html.neon[data-scheme] + двойной класс). */
/* Быстродействие (08.10): линии бегут за счёт вращения слоя (transform — работа видеокарты), а не пересчёта градиента
   в каждом кадре. ::before — большой квадрат с conic-gradient, вращается; кнопка обрезает его по своей форме (overflow),
   ::after — стекло поверх с отступом 2px, так что от квадрата видна только тонкая рамка. Свечение наружу — статичная тень. */
@keyframes neon-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }

html.neon[data-scheme] :is(.hero__cta-btn.hero__cta-btn, .btn--primary.btn--lg.btn--lg, .cta-gradient__btn.cta-gradient__btn, .btn--bloom-soft.btn--bloom-soft, .waitlist-btn.waitlist-btn, .cta-banner .btn.btn--lg) {
  position: relative; z-index: 0; isolation: isolate; overflow: hidden;
  width: auto; max-width: none; margin-left: 0;
  padding: 20px 44px; border: none; border-radius: 999px;
  font-family: var(--font-ui); font-size: 19px; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap;
  color: #fff !important; background: transparent !important;
  box-shadow: 0 0 22px -6px rgba(255, 45, 138, 0.6), 0 0 28px -8px rgba(47, 140, 255, 0.55) !important;
  text-shadow: 0 0 12px rgba(160, 190, 255, 0.45);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
html.neon[data-scheme] :is(.hero__cta-btn.hero__cta-btn, .btn--primary.btn--lg.btn--lg, .cta-gradient__btn.cta-gradient__btn, .btn--bloom-soft.btn--bloom-soft, .waitlist-btn.waitlist-btn, .cta-banner .btn.btn--lg)::before,
html.neon[data-scheme] :is(.hero__cta-btn.hero__cta-btn, .btn--primary.btn--lg.btn--lg, .cta-gradient__btn.cta-gradient__btn, .btn--bloom-soft.btn--bloom-soft, .waitlist-btn.waitlist-btn, .cta-banner .btn.btn--lg)::after { content: ''; position: absolute; pointer-events: none; filter: none; }
/* Вращающийся источник света: две линии — малиновая и синяя */
html.neon[data-scheme] :is(.hero__cta-btn.hero__cta-btn, .btn--primary.btn--lg.btn--lg, .cta-gradient__btn.cta-gradient__btn, .btn--bloom-soft.btn--bloom-soft, .waitlist-btn.waitlist-btn, .cta-banner .btn.btn--lg)::before {
  inset: auto; left: 50%; top: 50%; z-index: -2;
  width: 160%; aspect-ratio: 1; height: auto;
  transform: translate(-50%, -50%) rotate(0deg);
  background: conic-gradient(
    rgba(190, 170, 255, 0.28) 0deg, #ff2d8a 30deg, #ffd0e6 52deg, #ff2d8a 66deg, rgba(190, 170, 255, 0.28) 105deg,
    rgba(190, 170, 255, 0.28) 180deg, #2f8cff 210deg, #d6f1ff 232deg, #2f8cff 246deg, rgba(190, 170, 255, 0.28) 285deg,
    rgba(190, 170, 255, 0.28) 360deg);
  animation: neon-spin 4.5s linear infinite;
  will-change: transform;
}
/* Стекло */
html.neon[data-scheme] :is(.hero__cta-btn.hero__cta-btn, .btn--primary.btn--lg.btn--lg, .cta-gradient__btn.cta-gradient__btn, .btn--bloom-soft.btn--bloom-soft, .waitlist-btn.waitlist-btn, .cta-banner .btn.btn--lg)::after {
  inset: 2px; z-index: -1; border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 48%),
    radial-gradient(70% 140% at 0% 50%, rgba(255, 45, 138, 0.28), transparent 70%),
    radial-gradient(70% 140% at 100% 50%, rgba(47, 140, 255, 0.30), transparent 70%),
    linear-gradient(180deg, rgb(36, 22, 68), rgb(14, 8, 30));
}
html.neon[data-scheme] :is(.hero__cta-btn.hero__cta-btn, .btn--primary.btn--lg.btn--lg, .cta-gradient__btn.cta-gradient__btn, .btn--bloom-soft.btn--bloom-soft, .waitlist-btn.waitlist-btn, .cta-banner .btn.btn--lg):hover {
  transform: translateY(-2px); color: #fff !important;
  box-shadow: 0 0 28px -4px rgba(255, 45, 138, 0.75), 0 0 34px -6px rgba(47, 140, 255, 0.7) !important;
}
html.neon[data-scheme] :is(.hero__cta-btn.hero__cta-btn, .btn--primary.btn--lg.btn--lg, .cta-gradient__btn.cta-gradient__btn, .btn--bloom-soft.btn--bloom-soft, .waitlist-btn.waitlist-btn, .cta-banner .btn.btn--lg):hover::before { animation-duration: 2.2s; }
html.neon[data-scheme] :is(.hero__cta-btn.hero__cta-btn, .btn--primary.btn--lg.btn--lg, .cta-gradient__btn.cta-gradient__btn, .btn--bloom-soft.btn--bloom-soft, .waitlist-btn.waitlist-btn, .cta-banner .btn.btn--lg):focus-visible { outline: 2px solid var(--neon-blue-soft); outline-offset: 6px; }
@media (prefers-reduced-motion: reduce) {
  html.neon[data-scheme] :is(.hero__cta-btn.hero__cta-btn, .btn--primary.btn--lg.btn--lg, .cta-gradient__btn.cta-gradient__btn, .btn--bloom-soft.btn--bloom-soft, .waitlist-btn.waitlist-btn, .cta-banner .btn.btn--lg)::before { animation: none; transform: translate(-50%, -50%) rotate(300deg); }
}
@media (max-width: 600px) {
  html.neon[data-scheme] :is(.hero__cta-btn.hero__cta-btn, .btn--primary.btn--lg.btn--lg, .cta-gradient__btn.cta-gradient__btn, .btn--bloom-soft.btn--bloom-soft, .waitlist-btn.waitlist-btn, .cta-banner .btn.btn--lg) { padding: 18px 34px; font-size: 17px; }
}

/* В bloom-button.css у «Трёх шагов» своё правило с #how-it-works (специфичность id) — сбрасываем его размеры здесь. */
html.neon[data-scheme] #how-it-works .btn--primary.btn--lg { padding: 20px 44px; }
html.neon[data-scheme] #how-it-works .btn--primary.btn--lg::before { inset: auto; left: 50%; top: 50%; }
@media (max-width: 600px) {
  html.neon[data-scheme] #how-it-works .btn--primary.btn--lg { padding: 18px 34px; }
}

/* Компактные кнопки (подарок, тарифы): та же палитра, без анимации — неоновая капсула */
html.neon[data-scheme] .btn--primary:not(.btn--lg):not(.hero__cta-btn):not([style*="10b981"]) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 50%),
    linear-gradient(90deg, #d81f78 0%, #7a3cff 55%, #2f7dff 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  text-shadow: 0 1px 2px rgba(20, 0, 40, 0.4);
  box-shadow: 0 0 22px -4px rgba(255, 45, 138, 0.55), 0 0 30px -8px rgba(47, 140, 255, 0.5) !important;
}
html.neon .btn--secondary,
html.neon .login-choice > summary {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: none;
}
html.neon .btn--secondary:hover,
html.neon .login-choice > summary:hover { border-color: var(--neon-pink-soft); color: #fff; }

/* ===== Общие заголовки и фон секций ===== */
html.neon .section__title { color: #fff; }
html.neon .gradient-text { background: var(--gradient-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html.neon .section__subtitle { color: var(--text-secondary); }
/* Мягкие неоновые «прожекторы» в фоне секций, чтобы страница не была плоской чёрной */
html.neon #how-it-works,
html.neon #comparison,
html.neon #faq {
  background:
    radial-gradient(40% 50% at 0% 20%, rgba(255, 45, 138, 0.10), transparent 70%),
    radial-gradient(40% 50% at 100% 80%, rgba(47, 140, 255, 0.10), transparent 70%),
    var(--nm-bg);
}
html.neon #gift { background: var(--nm-surface) !important; }

/* ===== «Почувствовать связь» (распускающийся тюльпан) ===== */
html.neon .living {
  --matter-paper: var(--nm-bg); --matter-ink: #f6effa;
  background: var(--nm-bg);
}
html.neon .living__intro h2 em { color: var(--neon-pink-soft); }
html.neon .living__intro > p:last-child,
html.neon .living__chapter > p { color: var(--text-secondary); }
html.neon .living__eyebrow, html.neon .living__number { color: var(--neon-pink-soft); }
html.neon .living__caption { color: #c7b6d6; }
html.neon .living__nav a { border-color: rgba(255, 255, 255, 0.16); color: #8d7f9f; }
html.neon .living__nav a[aria-current="step"] { color: #fff; border-color: var(--neon-pink); box-shadow: 0 -2px 12px -4px var(--neon-pink); }
html.neon .living__demo { border-color: rgba(255, 255, 255, 0.1); }
html.neon .living__demo small { color: #8d7f9f; }
html.neon .living__schedule span, html.neon .living__metrics span,
html.neon .living__phases span:nth-child(n) { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.08); color: #e9e0f2; }
html.neon .living__phases span:nth-child(1) { box-shadow: inset 0 -2px 0 #ff2d8a; }
html.neon .living__phases span:nth-child(2) { box-shadow: inset 0 -2px 0 #b56bff; }
html.neon .living__phases span:nth-child(3) { box-shadow: inset 0 -2px 0 #4ea3ff; }
html.neon .living__phases span:nth-child(4) { box-shadow: inset 0 -2px 0 #ff7eb3; }
html.neon .living__sheet { background: #1f1430; border-color: rgba(255, 255, 255, 0.14); box-shadow: 5px 5px 0 rgba(255, 45, 138, 0.25); }
html.neon .living__sheet i { background: rgba(143, 216, 255, 0.55); }
/* Тюльпан снят на светлом фоне — даём ему неоновый ореол, чтобы светлый круг выглядел задуманным «порталом» */
html.neon .living__visual::before {
  content: ''; position: absolute; left: 50%; top: calc((100% - 95px) / 2); z-index: 0; pointer-events: none;
  height: calc((100% - 95px) * 0.92); max-width: 100%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%;
  box-shadow: 0 0 70px 6px rgba(255, 45, 138, 0.30), 0 0 140px 30px rgba(47, 140, 255, 0.16);
}
html.neon .living__canvas { position: relative; z-index: 1; }
html.neon .living__poster { z-index: 1; }
@media (max-width: 760px) {
  html.neon .living.is-ready .living__visual { background: var(--nm-bg); box-shadow: 0 14px 20px var(--nm-bg); }
  html.neon .living__visual::before { display: none; }
}

/* ===== «Три шага» ===== */
html.neon .step__number {
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid rgba(255, 126, 179, 0.55);
  color: #fff;
  box-shadow: 0 0 18px -2px rgba(255, 45, 138, 0.55), inset 0 0 14px rgba(47, 140, 255, 0.25);
}
html.neon .step:nth-child(2) .step__number { border-color: rgba(181, 107, 255, 0.6); box-shadow: 0 0 18px -2px rgba(162, 89, 255, 0.55), inset 0 0 14px rgba(255, 45, 138, 0.2); }
html.neon .step:nth-child(3) .step__number { border-color: rgba(78, 163, 255, 0.65); box-shadow: 0 0 18px -2px rgba(47, 140, 255, 0.6), inset 0 0 14px rgba(255, 45, 138, 0.2); }
html.neon .step::after { background: linear-gradient(90deg, var(--neon-pink), var(--neon-blue)); opacity: 0.7; }
html.neon .step__title { color: #fff; }

/* ===== Баннер «Всё бесплатно» и финальная карточка — стеклянные карточки с неоновой кромкой ===== */
html.neon[data-scheme] .cta-gradient,
html.neon .cta-banner {
  position: relative; overflow: hidden;
  background:
    radial-gradient(60% 90% at 0% 0%, rgba(255, 45, 138, 0.22), transparent 65%),
    radial-gradient(60% 90% at 100% 100%, rgba(47, 140, 255, 0.22), transparent 65%),
    linear-gradient(160deg, #1b0f2a 0%, #120a1e 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 1px rgba(255, 45, 138, 0.12), 0 30px 80px -30px rgba(255, 45, 138, 0.45), 0 30px 80px -40px rgba(47, 140, 255, 0.4);
  color: #fff;
}
html.neon[data-scheme] :is(.cta-gradient__title, .cta-gradient__subtitle strong),
html.neon .cta-banner__title { color: #fff; }
html.neon[data-scheme] .cta-gradient__subtitle,
html.neon .cta-banner__text { color: var(--text-secondary); }
html.neon[data-scheme] .cta-gradient__badge {
  background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 126, 179, 0.4); color: #ffc2dc; box-shadow: 0 0 16px -4px rgba(255, 45, 138, 0.6);
}
html.neon[data-scheme] .cta-gradient__pulse { background: var(--neon-pink); box-shadow: 0 0 10px var(--neon-pink); }

/* ===== Сравнение ===== */
html.neon .new-comparison { background: var(--nm-bg); }
html.neon .new-comparison__title { background: var(--gradient-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html.neon .new-comparison__table thead th.comp-center { background: var(--gradient-cta); box-shadow: 0 -6px 30px -8px rgba(255, 45, 138, 0.6); }
html.neon[data-scheme] .new-comparison__table tbody td.comp-center { background: linear-gradient(180deg, rgba(162, 89, 255, 0.10), rgba(47, 140, 255, 0.06)); color: #ff9cc8; }
html.neon .new-comparison .check-icon { color: #ff9cc8; text-shadow: 0 0 8px rgba(255, 45, 138, 0.6); }
html.neon .new-comparison__toggle { border-color: rgba(255, 126, 179, 0.6); color: #ffc2dc; box-shadow: 0 0 16px -6px var(--neon-pink); }
html.neon .new-comparison__toggle:hover { background: var(--gradient-cta); border-color: transparent; color: #fff; }

/* ===== Подарок ===== */
html.neon .gift-icon {
  background: radial-gradient(70% 70% at 30% 25%, rgba(255, 255, 255, 0.12), transparent 70%), linear-gradient(150deg, #2a1640, #160c26);
  border: 1px solid rgba(255, 126, 179, 0.45);
  box-shadow: 0 0 22px -4px rgba(255, 45, 138, 0.6), inset 0 0 12px rgba(47, 140, 255, 0.25);
}

/* ===== Подвал ===== */
html.neon .footer { background: #08040d; border-top: 1px solid rgba(255, 255, 255, 0.06); }
html.neon .footer__link:hover { color: var(--neon-pink-soft); }

/* ===== Нижняя липкая кнопка на телефоне — в неоне вместо зелёной ===== */
html.neon .sticky-cta { background: rgba(12, 6, 18, 0.85); backdrop-filter: blur(12px); border-top: 1px solid rgba(255, 255, 255, 0.08); }
html.neon .sticky-cta__btn {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0) 50%), var(--gradient-cta) !important;
  color: #fff !important; border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 0 22px -4px rgba(255, 45, 138, 0.6), 0 0 30px -8px rgba(47, 140, 255, 0.55) !important;
}

/* ===== Cookie-баннер ===== */
html.neon .cookie-banner { background: rgba(23, 13, 34, 0.96); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text-secondary); }

/* Сравнение с «обычным трекером цикла» (две колонки вместо названных конкурентов) */
html.neon .new-comparison__table--two { max-width: 680px; }
html.neon .new-comparison__table--two thead th.comp-side { text-transform: none; letter-spacing: 0; font-size: 14px; }
html.neon .new-comparison .comp-note { font-size: 12px; color: var(--text-muted); }
html.neon .new-comparison td.comp-side .check-icon { color: var(--text-muted) !important; text-shadow: none; }

/* ===== Живой фон: бумажки и данные улетают в телефоны (js/neon-bg.js) =====
   Холст под контентом: фон страницы — у html, у body и секций фон прозрачный (иначе холст не видно). */
html.neon .neon-bg { position: fixed; inset: 0; z-index: -1; pointer-events: none; }
html.neon body { background: transparent; }
html.neon main > section:not(.hero):not(.cta-gradient) { background: transparent !important; }

/* ===== Внутренние страницы (О проекте, документы): общие классы legal-* и about-* (07.10.2026) ===== */
html.neon .legal-page { background: transparent; }
html.neon .legal-card {
  position: relative;
  background: linear-gradient(160deg, rgba(27, 15, 42, 0.94) 0%, rgba(16, 9, 27, 0.96) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 0 1px rgba(255, 45, 138, 0.08), 0 30px 80px -40px rgba(255, 45, 138, 0.45), 0 30px 80px -50px rgba(47, 140, 255, 0.4);
}
html.neon .legal-card__header { border-bottom: 1px solid transparent; border-image: linear-gradient(90deg, rgba(255, 45, 138, 0.5), rgba(162, 89, 255, 0.35), rgba(47, 140, 255, 0.5)) 1; }
html.neon .legal-card__title { color: #fff; }
html.neon .legal-card__subtitle { background: var(--gradient-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html.neon .legal-card__meta { color: var(--text-secondary); }
html.neon .founder-card__photo { border: 2px solid rgba(255, 126, 179, 0.55); box-shadow: 0 0 18px -4px rgba(255, 45, 138, 0.6), 0 0 22px -8px rgba(47, 140, 255, 0.5); }
html.neon .legal-section__title { color: #fff; }
html.neon .legal-section__title::before { background: linear-gradient(180deg, var(--neon-pink), var(--neon-blue)); box-shadow: 0 0 10px rgba(255, 45, 138, 0.6); }
html.neon .legal-item { color: var(--text-secondary); }
html.neon .legal-item strong { color: #fff; }
html.neon .about-feature {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
html.neon .about-feature:hover { border-color: rgba(255, 126, 179, 0.4); box-shadow: 0 0 22px -10px rgba(255, 45, 138, 0.7); }
html.neon .about-feature__title { color: #ff2d8a; font-size: 15px; text-shadow: 0 0 14px rgba(255, 45, 138, 0.55); }
html.neon .about-feature__desc { color: var(--text-secondary); }
html.neon .legal-highlight { background: linear-gradient(90deg, rgba(162, 89, 255, 0.12), rgba(47, 140, 255, 0.04)); border-left-color: var(--neon-violet); }
html.neon .legal-important { background: linear-gradient(90deg, rgba(255, 45, 138, 0.12), rgba(255, 45, 138, 0.03)); border-left-color: var(--neon-pink); }
html.neon .legal-contact { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); color: var(--text-secondary); }
html.neon .legal-contact a { color: #ffb3d4; }
html.neon .legal-contact strong { color: #fff; }

/* ===== «Из блога» на главной (07.10.2026): тизер с иллюстрацией ===== */
html.neon .home-blog__lead { text-align: center; color: #ffb3d4; font-size: 17px; margin: -8px auto 34px; max-width: 640px; }
html.neon .home-blog__visual {
  display: block; max-width: 1040px; margin: 0 auto; border-radius: 26px; overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 1px rgba(255, 45, 138, 0.12), 0 30px 80px -36px rgba(255, 45, 138, 0.55), 0 30px 80px -44px rgba(47, 140, 255, 0.5);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
html.neon .home-blog__visual:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(255, 45, 138, 0.3), 0 36px 90px -36px rgba(255, 45, 138, 0.7), 0 36px 90px -44px rgba(47, 140, 255, 0.6); }
html.neon .home-blog__visual img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
html.neon .home-blog__more { text-align: center; margin-top: 40px; }
@media (max-width: 600px) {
  html.neon .home-blog__lead { font-size: 15px; margin-bottom: 24px; }
  html.neon .home-blog__visual { border-radius: 18px; }
}