/* Anwhale velvet theme — soft plum/rose, slightly bright */
html.landing-active {
  --bg: #100a14;
  --bg-2: #160e1c;
  --bg-3: #1c1326;
  --bg-4: #241a30;
  --bg-5: #2e223c;
  --ice-0: #fff5f9;
  --ice-1: #f0c8de;
  --ice-2: #e0a8ca;
  --ice-3: #d492be;
  --ice-4: #b87ba8;
  --ice-5: #9a6590;
  --violet: #d4abeb;
  --text: #faf2f6;
  --dim: #b8a4b4;
  --faint: #7d6a7a;
  --line: rgba(224, 168, 202, 0.1);
  --line-2: rgba(224, 168, 202, 0.2);
  --line-3: rgba(224, 168, 202, 0.36);
  --glass: rgba(28, 18, 36, 0.58);
  color-scheme: dark;
}

html.landing-active,
html.landing-active body {
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: Inter, "Segoe UI", system-ui, sans-serif !important;
}

html.landing-active #root {
  background: transparent !important;
  color: inherit !important;
  min-height: 100%;
  height: auto !important;
}

html.landing-active .site-landing {
  position: relative;
  min-height: 100vh;
}

html.landing-active .plan.feat::before,
html.landing-active .plan-featured::before {
  content: "Популярный";
}

html.landing-active[data-theme="light"] .plan.feat::before,
html.landing-active[data-theme="light"] .plan-featured::before {
  background: #fce7f3 !important;
  color: #ec4899 !important;
  border: 1px solid #f9a8d4;
  box-shadow: 0 0 0 0 rgba(244, 114, 182, 0.5);
  animation: feat-badge-pulse-light 1.8s ease-in-out infinite !important;
}

html.landing-active[data-theme="light"] .plan.feat,
html.landing-active[data-theme="light"] .plan-featured {
  border-color: #f9a8d4 !important;
  animation: feat-card-glow-light 2.8s ease-in-out infinite !important;
}

@keyframes feat-badge-pulse-light {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(244, 114, 182, 0.5);
    transform: translateX(-50%) scale(1);
  }
  50% {
    box-shadow: 0 0 0 10px transparent;
    transform: translateX(-50%) scale(1.04);
  }
}

@keyframes feat-card-glow-light {
  0%,
  100% {
    box-shadow: 0 0 0 1px #f9a8d4, 0 20px 48px -32px rgba(236, 72, 153, 0.28);
  }
  50% {
    box-shadow:
      0 0 0 1px #f472b6,
      0 24px 56px -28px rgba(236, 72, 153, 0.4),
      0 0 32px -12px rgba(244, 114, 182, 0.28);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.landing-active[data-theme="light"] .plan.feat,
  html.landing-active[data-theme="light"] .plan-featured,
  html.landing-active[data-theme="light"] .plan.feat::before,
  html.landing-active[data-theme="light"] .plan-featured::before {
    animation: none !important;
  }
}

html.landing-active .grad {
  background: linear-gradient(108deg, #fff5f9 4%, #f0b8d8 42%, #d4abeb 98%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

html.landing-active .site-landing .rv {
  opacity: 1 !important;
  transform: none !important;
}

html.landing-active .bg .aurora {
  background:
    radial-gradient(40% 35% at 18% 14%, rgba(212, 155, 195, 0.3), transparent 70%),
    radial-gradient(38% 42% at 86% 26%, rgba(244, 114, 182, 0.18), transparent 72%),
    radial-gradient(46% 40% at 60% 96%, rgba(184, 123, 168, 0.16), transparent 70%) !important;
  filter: blur(18px) saturate(1.08);
}

html.landing-active .bg::after {
  opacity: 0.62;
  background-image:
    radial-gradient(1.6px 1.6px at 40px 70px, rgba(240, 200, 220, 0.75), transparent 60%),
    radial-gradient(1.4px 1.4px at 150px 300px, rgba(224, 168, 202, 0.58), transparent 60%),
    radial-gradient(1px 1px at 240px 120px, rgba(240, 200, 220, 0.62), transparent 60%),
    radial-gradient(1.6px 1.6px at 330px 250px, rgba(224, 168, 202, 0.52), transparent 60%),
    radial-gradient(1px 1px at 90px 200px, rgba(240, 200, 220, 0.52), transparent 60%),
    radial-gradient(1.3px 1.3px at 300px 40px, rgba(224, 168, 202, 0.58), transparent 60%),
    radial-gradient(1px 1px at 200px 350px, rgba(240, 200, 220, 0.48), transparent 60%) !important;
}

html.landing-active .hero.aurora .bloom {
  background: radial-gradient(
    circle,
    rgba(212, 155, 195, 0.36),
    rgba(212, 171, 235, 0.16) 40%,
    transparent 66%
  ) !important;
  opacity: 1;
}

html.landing-active .cta {
  background:
    radial-gradient(ellipse 70% 100% at 50% 0%, rgba(212, 155, 195, 0.2), transparent 60%),
    linear-gradient(180deg, var(--bg-2), var(--bg)) !important;
}

html.landing-active .cat::before {
  background: radial-gradient(circle at top right, rgba(212, 155, 195, 0.24), transparent 70%) !important;
}

html.landing-active .phead .bloom {
  background: radial-gradient(circle, rgba(212, 155, 195, 0.26), transparent 64%) !important;
}

html.landing-active .plan:hover li svg {
  background: rgba(212, 155, 195, 0.16) !important;
}

html.landing-active .worldmap .wmap rect {
  fill: #181020 !important;
}

html.landing-active .wland path {
  fill: rgba(224, 168, 202, 0.07) !important;
  stroke: rgba(224, 168, 202, 0.22) !important;
}

html.landing-active .wland-hi path {
  fill: rgba(212, 155, 195, 0.28) !important;
  stroke: rgba(240, 200, 220, 0.85) !important;
}

html.landing-active .wlink {
  stroke: #d492be !important;
  stroke-opacity: 0.68 !important;
}

html.landing-active .wpkt {
  fill: #f0c8de !important;
}

html.landing-active .wpulse {
  stroke: #e0a8ca !important;
  opacity: 0.82 !important;
}

html.landing-active .wpin.hub .wpulse {
  stroke: #f0c8de !important;
}

html.landing-active .wdot {
  fill: #d492be !important;
}

html.landing-active .wpin.hub .wdot {
  fill: #fff5f9 !important;
  stroke: #b87ba8 !important;
}

html.landing-active .wlab {
  fill: #f5e0ec !important;
  stroke: rgba(12, 8, 16, 0.85) !important;
}

html.landing-active .wpin.hub .wlab {
  fill: #fff !important;
}

html.landing-active .globe-legend {
  color: rgba(224, 168, 202, 0.72) !important;
}

html.landing-active .nav-links a.active {
  background: rgba(212, 155, 195, 0.14) !important;
}

html.landing-active .lg-tabs button.on {
  background: rgba(212, 155, 195, 0.14) !important;
}

html.landing-active .erow:hover {
  background: linear-gradient(90deg, rgba(212, 155, 195, 0.06), transparent 60%) !important;
}

html.landing-active .btn-1,
html.landing-active .pill {
  box-shadow: 0 0 28px -6px rgba(212, 146, 190, 0.45);
}

/* statusbar: точка не под scrim и не режется overflow */
html.landing-active body::before {
  z-index: 40;
}

html.landing-active .statusbar {
  z-index: 60;
  overflow: visible;
  padding: 8px 24px;
}

html.landing-active .statusbar .seg {
  overflow: visible;
  gap: 10px;
  align-items: center;
}

html.landing-active .statusbar .seg:first-child {
  padding-left: 6px;
}

html.landing-active .statusbar .dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin: 0;
  position: relative;
  z-index: 2;
  overflow: visible;
}

html.landing-active .statusbar .dot::after {
  inset: -3px;
  z-index: -1;
}

/* nav: небольшой зазор под statusbar */
html.landing-active nav {
  top: 40px;
}

html.landing-active nav.small {
  top: 10px;
}

/* ── Light — сплошные цвета, без градиентов на UI ── */
html.landing-active[data-theme="light"] {
  --bg: #f7f4f6;
  --bg-2: #faf5f8;
  --bg-3: #ffffff;
  --bg-4: #fce7f3;
  --bg-5: #f9a8d4;
  --ice-0: #9d3d73;
  --ice-1: #c44d8a;
  --ice-2: #ec4899;
  --ice-3: #f472b6;
  --ice-4: #f9a8d4;
  --ice-5: #9d3d73;
  --violet: #f9a8d4;
  --text: #1a0f14;
  --dim: #665560;
  --faint: #8f7d88;
  --line: rgba(196, 77, 138, 0.14);
  --line-2: rgba(196, 77, 138, 0.22);
  --line-3: rgba(196, 77, 138, 0.32);
  --glass: rgba(255, 255, 255, 0.94);
  --accent-fill: rgba(236, 72, 153, 0.1);
  --accent-fill-soft: rgba(236, 72, 153, 0.08);
  --accent-fill-mid: rgba(244, 114, 182, 0.14);
  --accent-fill-hover: rgba(244, 114, 182, 0.06);
  --accent-fill-row: rgba(244, 114, 182, 0.05);
  --accent-corner: rgba(244, 114, 182, 0.22);
  --accent-bloom-a: rgba(244, 114, 182, 0.28);
  --accent-bloom-b: rgba(236, 72, 153, 0.12);
  --promo-ring: rgba(244, 114, 182, 0.5);
  --promo-sheen: rgba(251, 207, 232, 0.55);
  --promo-shadow-a: rgba(236, 72, 153, 0.14);
  --promo-shadow-b: rgba(244, 114, 182, 0.38);
  --promo-shadow-c: rgba(236, 72, 153, 0.22);
  --promo-title-glow: rgba(244, 114, 182, 0.35);
  --hover-lift: 0 18px 40px -28px rgba(236, 72, 153, 0.28);
  color-scheme: light;
}

html.landing-active[data-theme="light"] .grad {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #ec4899 !important;
  color: #ec4899 !important;
  animation: none !important;
  background-size: auto !important;
}

/* единственный градиент в светлой теме — маркер у eyebrow */
html.landing-active[data-theme="light"] .eyebrow::before {
  background: linear-gradient(90deg, #ec4899, transparent) !important;
  background-size: 200% 100% !important;
}

html.landing-active[data-theme="light"] .cta {
  background: var(--bg-2) !important;
}

html.landing-active[data-theme="light"] .bg .aurora {
  background:
    radial-gradient(42% 38% at 16% 12%, rgba(244, 114, 182, 0.14), transparent 72%),
    radial-gradient(40% 44% at 88% 22%, rgba(236, 72, 153, 0.1), transparent 74%),
    radial-gradient(48% 42% at 52% 94%, rgba(196, 77, 138, 0.07), transparent 70%) !important;
  filter: blur(20px) saturate(1.06);
}

html.landing-active[data-theme="light"] .bg::after {
  opacity: 0.38 !important;
  background-image:
    radial-gradient(1.6px 1.6px at 40px 70px, rgba(251, 207, 232, 0.85), transparent 60%),
    radial-gradient(1.4px 1.4px at 150px 300px, rgba(244, 114, 182, 0.55), transparent 60%),
    radial-gradient(1px 1px at 240px 120px, rgba(251, 207, 232, 0.7), transparent 60%),
    radial-gradient(1.6px 1.6px at 330px 250px, rgba(236, 72, 153, 0.45), transparent 60%),
    radial-gradient(1px 1px at 90px 200px, rgba(251, 207, 232, 0.55), transparent 60%),
    radial-gradient(1.3px 1.3px at 300px 40px, rgba(244, 114, 182, 0.5), transparent 60%),
    radial-gradient(1px 1px at 200px 350px, rgba(251, 207, 232, 0.5), transparent 60%) !important;
}

html.landing-active[data-theme="light"] .hero.aurora .bloom {
  background: radial-gradient(
    circle,
    rgba(251, 207, 232, 0.5),
    rgba(244, 114, 182, 0.16) 40%,
    transparent 66%
  ) !important;
}

html.landing-active[data-theme="light"] .cta {
  background:
    radial-gradient(ellipse 70% 100% at 50% 0%, rgba(244, 114, 182, 0.14), transparent 60%),
    linear-gradient(180deg, var(--bg-2), var(--bg)) !important;
}

html.landing-active[data-theme="light"] .cat::before {
  background: radial-gradient(circle at top right, rgba(251, 207, 232, 0.35), transparent 70%) !important;
}

html.landing-active[data-theme="light"] .phead .bloom {
  background: radial-gradient(circle, rgba(251, 207, 232, 0.36), transparent 64%) !important;
}

html.landing-active[data-theme="light"] .nav-in {
  box-shadow: 0 8px 32px -16px rgba(244, 114, 182, 0.28) !important;
}

html.landing-active[data-theme="light"] .nav-links a.active {
  background: #fce7f3 !important;
  color: #9d3d73 !important;
}

html.landing-active[data-theme="light"] .lg-tabs button.on {
  background: #fce7f3 !important;
}

html.landing-active[data-theme="light"] .erow:hover {
  background: #fdf2f8 !important;
}

html.landing-active[data-theme="light"] .plan:hover li svg {
  background: #fce7f3 !important;
}

html.landing-active[data-theme="light"] .pill {
  background: #fce7f3 !important;
  color: #9d3d73 !important;
  border: 1px solid #f9a8d4 !important;
  box-shadow: 0 1px 2px rgba(26, 15, 20, 0.04) !important;
}

html.landing-active[data-theme="light"] .btn-1 {
  background: #fce7f3 !important;
  color: #9d3d73 !important;
  border: 1px solid #f9a8d4 !important;
  box-shadow: 0 1px 2px rgba(26, 15, 20, 0.04) !important;
}

html.landing-active[data-theme="light"] .btn-1:hover {
  background: #fbcfe8 !important;
  color: #831843 !important;
  border-color: #f472b6 !important;
  box-shadow: 0 2px 8px rgba(244, 114, 182, 0.25) !important;
}

html.landing-active[data-theme="light"] .qa .pm {
  border-color: rgba(244, 114, 182, 0.4) !important;
  background: #ffffff !important;
}

html.landing-active[data-theme="light"] .qa .pm svg {
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .qa.open .pm {
  background: #ec4899 !important;
  border-color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .qa.open .pm svg {
  color: #ffffff !important;
}

html.landing-active[data-theme="light"] .qa .q:hover {
  color: #9d3d73 !important;
}

html.landing-active[data-theme="light"] .nf button {
  background: #ec4899 !important;
  color: #ffffff !important;
}

html.landing-active[data-theme="light"] .sheet {
  background: rgba(250, 247, 249, 0.97) !important;
}

html.landing-active[data-theme="light"] body::before {
  background: linear-gradient(
    180deg,
    var(--bg) 0%,
    var(--bg) 68%,
    color-mix(in srgb, var(--bg), transparent 55%) 86%,
    transparent 100%
  ) !important;
}

html.landing-active[data-theme="light"] .worldmap .wmap rect {
  fill: #fff7fb !important;
}

html.landing-active[data-theme="light"] .wland path {
  fill: rgba(244, 114, 182, 0.07) !important;
  stroke: rgba(236, 72, 153, 0.16) !important;
}

/* без SVG-glow — он мутнил розовый в «пыльный фиолет» */
html.landing-active[data-theme="light"] .wland-hi {
  filter: none !important;
}

html.landing-active[data-theme="light"] .wland-hi path {
  fill: #f9a8d4 !important;
  stroke: #ec4899 !important;
  stroke-width: 1.15 !important;
}

html.landing-active[data-theme="light"] .wlink {
  stroke: #f472b6 !important;
  stroke-opacity: 0.85 !important;
}

html.landing-active[data-theme="light"] .wpkt {
  fill: #ec4899 !important;
}

html.landing-active[data-theme="light"] .wpulse {
  stroke: #f472b6 !important;
  opacity: 0.9 !important;
}

html.landing-active[data-theme="light"] .wpin.hub .wpulse {
  stroke: #ec4899 !important;
}

html.landing-active[data-theme="light"] .wdot {
  fill: #ec4899 !important;
  stroke: #ffffff !important;
}

html.landing-active[data-theme="light"] .wpin.hub .wdot {
  fill: #ffffff !important;
  stroke: #ec4899 !important;
}

html.landing-active[data-theme="light"] .wlab {
  fill: #831843 !important;
  stroke: rgba(255, 255, 255, 0.95) !important;
}

html.landing-active[data-theme="light"] .wpin.hub .wlab {
  fill: #9d174d !important;
}

html.landing-active[data-theme="light"] .globe-legend {
  color: #c44d8a !important;
}

html.landing-active[data-theme="light"] ::selection {
  background: rgba(251, 207, 232, 0.7);
  color: #3d2434;
}


/* ── Light extras: console, CTAs, theme toggle, featured plan ── */
html.landing-active[data-theme="light"] .lg-term {
  background: #ffffff !important;
  border-color: rgba(196, 77, 138, 0.22) !important;
  box-shadow: 0 12px 36px -24px rgba(236, 72, 153, 0.28) !important;
}

html.landing-active[data-theme="light"] .lg-tabs {
  background: #fce7f3 !important;
  border-bottom-color: rgba(196, 77, 138, 0.18) !important;
}

html.landing-active[data-theme="light"] .lg-tabs button.on {
  background: #f9a8d4 !important;
  color: #9d3d73 !important;
}

html.landing-active[data-theme="light"] .lg-out {
  color: #665560 !important;
  background: transparent !important;
}

html.landing-active[data-theme="light"] .lg-out .h { color: #ec4899 !important; }
html.landing-active[data-theme="light"] .lg-out .b { color: #9d3d73 !important; }
html.landing-active[data-theme="light"] .lg-cur { background: #ec4899 !important; }

html.landing-active[data-theme="light"] .hero-cmd,
html.landing-active[data-theme="light"] .ipcard {
  background: #ffffff !important;
  border-color: rgba(196, 77, 138, 0.22) !important;
}

html.landing-active[data-theme="light"] .ipcard-h { background: #fce7f3 !important; }

html.landing-active[data-theme="light"] .btn-1,
html.landing-active[data-theme="light"] .pill,
html.landing-active[data-theme="light"] .cfg-sum .go,
html.landing-active[data-theme="light"] .plan-featured .pb {
  background: #fce7f3 !important;
  color: #9d3d73 !important;
  border: 1px solid #f9a8d4 !important;
  box-shadow: 0 1px 2px rgba(26, 15, 20, 0.04) !important;
}

html.landing-active[data-theme="light"] .btn-1:hover,
html.landing-active[data-theme="light"] .pill:hover,
html.landing-active[data-theme="light"] .cfg-sum .go:hover,
html.landing-active[data-theme="light"] .plan-featured .pb:hover {
  background: #fbcfe8 !important;
  color: #831843 !important;
  border-color: #f472b6 !important;
}

html.landing-active[data-theme="light"] .pb::after,
html.landing-active[data-theme="light"] .go::after,
html.landing-active[data-theme="light"] .btn-1::after,
html.landing-active[data-theme="light"] .pill::after {
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.55), transparent) !important;
}

html.landing-active[data-theme="light"] .theme-toggle {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(196, 77, 138, 0.22) !important;
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .theme-toggle:hover {
  background: #fce7f3 !important;
  border-color: #f9a8d4 !important;
  color: #9d3d73 !important;
}

html.landing-active[data-theme="light"] .sheet-theme:hover {
  color: #ec4899 !important;
}

/* ── Light: hover / active / motion accents ── */
html.landing-active[data-theme="light"] .nav-links a:hover {
  background: rgba(244, 114, 182, 0.08) !important;
  color: #171717 !important;
}

html.landing-active[data-theme="light"] .nav-links a.active {
  background: #fce7f3 !important;
  color: #9d3d73 !important;
}

html.landing-active[data-theme="light"] .ibtn:hover,
html.landing-active[data-theme="light"] .theme-toggle:hover {
  background: #fce7f3 !important;
  border-color: #f9a8d4 !important;
  color: #ec4899 !important;
  box-shadow: 0 8px 22px -14px rgba(236, 72, 153, 0.4) !important;
}

html.landing-active[data-theme="light"] .btn-1:hover,
html.landing-active[data-theme="light"] .pill:hover,
html.landing-active[data-theme="light"] .cfg-sum .go:hover,
html.landing-active[data-theme="light"] .plan-featured .pb:hover,
html.landing-active[data-theme="light"] .plan .pb:hover {
  background: #fbcfe8 !important;
  color: #831843 !important;
  border-color: #f472b6 !important;
  box-shadow: 0 12px 28px -14px rgba(236, 72, 153, 0.38) !important;
}

html.landing-active[data-theme="light"] .btn-2:hover {
  background: rgba(244, 114, 182, 0.08) !important;
  border-color: #f472b6 !important;
  color: #9d3d73 !important;
}

html.landing-active[data-theme="light"] .fcard:hover,
html.landing-active[data-theme="light"] .cat:hover,
html.landing-active[data-theme="light"] .scard:hover,
html.landing-active[data-theme="light"] .plan:hover,
html.landing-active[data-theme="light"] .chip:hover {
  border-color: #f9a8d4 !important;
  box-shadow: 0 18px 40px -28px rgba(236, 72, 153, 0.28) !important;
}

html.landing-active[data-theme="light"] .fcard:hover .ico,
html.landing-active[data-theme="light"] .cat:hover .ico,
html.landing-active[data-theme="light"] .erow:hover .ek .ei {
  border-color: #f472b6 !important;
  box-shadow: 0 0 24px -8px rgba(244, 114, 182, 0.55) !important;
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .plan li:hover svg,
html.landing-active[data-theme="light"] .plan:hover li svg {
  background: #fce7f3 !important;
  border-color: #f9a8d4 !important;
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .erow:hover {
  background: linear-gradient(90deg, rgba(244, 114, 182, 0.06), transparent 60%) !important;
}

html.landing-active[data-theme="light"] .erow:hover .et {
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .qa:hover .qt {
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .qa:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(236, 72, 153, 0.35) !important;
}

html.landing-active[data-theme="light"] .fsoc a:hover,
html.landing-active[data-theme="light"] .fc a:hover,
html.landing-active[data-theme="light"] .fbot a:hover,
html.landing-active[data-theme="light"] .logos span:hover,
html.landing-active[data-theme="light"] .crumbs a:hover {
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .fsoc a:hover {
  background: #fce7f3 !important;
  border-color: #f9a8d4 !important;
}

html.landing-active[data-theme="light"] .nf button:hover {
  background: #db2777 !important;
  box-shadow: 0 10px 22px -10px rgba(236, 72, 153, 0.5) !important;
}

html.landing-active[data-theme="light"] .seg button.on,
html.landing-active[data-theme="light"] .lg-tabs button.on {
  background: #fce7f3 !important;
  border-color: #f472b6 !important;
  color: #9d3d73 !important;
}

html.landing-active[data-theme="light"] .seg button:hover {
  color: #9d3d73 !important;
  border-color: #f9a8d4 !important;
}

html.landing-active[data-theme="light"] .sw.on {
  background: #ec4899 !important;
}

html.landing-active[data-theme="light"] .glance a.gr:hover {
  background: rgba(244, 114, 182, 0.06) !important;
}

html.landing-active[data-theme="light"] .glance a.gr:hover .garrow {
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .qnav a:hover {
  border-color: #f9a8d4 !important;
  background: #fce7f3 !important;
  box-shadow: 0 14px 30px -18px rgba(236, 72, 153, 0.35) !important;
}

html.landing-active[data-theme="light"] .qnav a:hover .qi {
  border-color: #f472b6 !important;
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .promo-topup {
  border-color: rgba(236, 72, 153, 0.28) !important;
  background: #fdf2f8 !important;
}

html.landing-active[data-theme="light"] .promo-topup::before {
  background: linear-gradient(
    105deg,
    transparent 35%,
    rgba(251, 207, 232, 0.7) 50%,
    transparent 65%
  ) !important;
}

html.landing-active[data-theme="light"] .promo-topup__badge {
  background: #fce7f3 !important;
  color: #ec4899 !important;
  border: 1px solid #f9a8d4 !important;
}

html.landing-active[data-theme="light"] .promo-topup__title em,
html.landing-active[data-theme="light"] .promo-topup__title b,
html.landing-active[data-theme="light"] .promo-topup__amount,
html.landing-active[data-theme="light"] .promo-topup__amount span {
  color: #ec4899 !important;
  text-shadow: none !important;
}

html.landing-active[data-theme="light"] #top:hover,
html.landing-active[data-theme="light"] .sticky .pill:hover {
  border-color: #f9a8d4 !important;
  color: #ec4899 !important;
  box-shadow: 0 10px 24px -14px rgba(236, 72, 153, 0.4) !important;
}

html.landing-active[data-theme="light"] .chip:hover::before {
  background: linear-gradient(90deg, transparent, #f472b6, transparent) !important;
  opacity: 1 !important;
}

html.landing-active[data-theme="light"] .cat:hover::before {
  opacity: 1 !important;
}

html.landing-active[data-theme="light"] .nav-in,
html.landing-active[data-theme="light"] .theme-toggle {
  box-shadow: 0 8px 28px -18px rgba(236, 72, 153, 0.28) !important;
}

/* ── Light: светлые заливки, тёмный только текст ── */
html.landing-active[data-theme="light"] .outcomes .oc:nth-child(1) {
  --accent: #4ade80 !important;
}
html.landing-active[data-theme="light"] .outcomes .oc:nth-child(2) {
  --accent: #f472b6 !important;
}
html.landing-active[data-theme="light"] .outcomes .oc:nth-child(3) {
  --accent: #fb7185 !important;
}

html.landing-active[data-theme="light"] .oc:hover {
  border-color: #f9a8d4 !important;
  box-shadow: 0 18px 40px -28px rgba(236, 72, 153, 0.28) !important;
}

html.landing-active[data-theme="light"] .oc .ow .av {
  color: var(--accent, #f472b6) !important;
  background: color-mix(in srgb, var(--accent, #f472b6) 22%, #fff) !important;
  border-color: color-mix(in srgb, var(--accent, #f472b6) 45%, #fff) !important;
  box-shadow: 0 6px 16px -10px color-mix(in srgb, var(--accent, #f472b6) 40%, transparent) !important;
}

html.landing-active[data-theme="light"] .oc .ow .av svg {
  color: var(--accent, #f472b6) !important;
}

html.landing-active[data-theme="light"] .oc .ow .av svg .sk {
  fill: var(--accent, #f472b6) !important;
  opacity: 0.95 !important;
}

html.landing-active[data-theme="light"] .tc .av,
html.landing-active[data-theme="light"] .bigq .qav {
  background: #fce7f3 !important;
  color: #9d3d73 !important;
}

html.landing-active[data-theme="light"] .tier-emblem {
  background: #fce7f3 !important;
  border-color: #f9a8d4 !important;
  box-shadow: 0 16px 36px -20px rgba(236, 72, 153, 0.28) !important;
}

html.landing-active[data-theme="light"] .tier-emblem::before {
  display: none !important;
}

html.landing-active[data-theme="light"] .tier-emblem .tn {
  color: #9d3d73 !important;
  text-shadow: none !important;
}

html.landing-active[data-theme="light"] .tier-emblem .ts {
  color: #c44d8a !important;
}

html.landing-active[data-theme="light"] .hcard,
html.landing-active[data-theme="light"] .fcard,
html.landing-active[data-theme="light"] .plan,
html.landing-active[data-theme="light"] .cat,
html.landing-active[data-theme="light"] .scard,
html.landing-active[data-theme="light"] .oc,
html.landing-active[data-theme="light"] .chip {
  background: #ffffff !important;
}

/* FAQ / списки: карточка с боковыми отступами, без «рваных» границ */
html.landing-active[data-theme="light"] .faq {
  background: #ffffff;
  border: 1px solid rgba(236, 72, 153, 0.14);
  border-radius: 16px;
  padding: 6px 22px;
  box-shadow: 0 10px 32px -24px rgba(236, 72, 153, 0.22);
}

html.landing-active[data-theme="light"] .qa {
  background: transparent !important;
  border-color: rgba(236, 72, 153, 0.12) !important;
}

html.landing-active[data-theme="light"] .qa:first-child {
  border-top-color: transparent !important;
}

html.landing-active[data-theme="light"] .qa:last-child {
  border-bottom-color: transparent !important;
}

html.landing-active[data-theme="light"] .qa .q {
  padding: 18px 2px !important;
}

html.landing-active[data-theme="light"] .qa .a p {
  padding: 0 2px 18px !important;
}

html.landing-active[data-theme="light"] .lg-points,
html.landing-active[data-theme="light"] .dc-stats {
  background: #ffffff;
  border: 1px solid rgba(236, 72, 153, 0.14);
  border-radius: 16px;
  padding: 8px 22px;
  box-shadow: 0 10px 32px -24px rgba(236, 72, 153, 0.18);
}

html.landing-active[data-theme="light"] .lg-points li,
html.landing-active[data-theme="light"] .dc-stat {
  border-color: rgba(236, 72, 153, 0.12) !important;
}

html.landing-active[data-theme="light"] .lg-points li:first-child {
  border-top-color: transparent !important;
}

html.landing-active[data-theme="light"] .lg-points li:last-child {
  border-bottom-color: transparent !important;
}

html.landing-active[data-theme="light"] .dc-stat:last-child {
  border-bottom: none !important;
}

html.landing-active[data-theme="light"] .efeat {
  border-top-color: rgba(236, 72, 153, 0.12) !important;
}

html.landing-active[data-theme="light"] .erow {
  border-bottom-color: rgba(236, 72, 153, 0.12) !important;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 12px;
}

html.landing-active[data-theme="light"] .nrow {
  padding-left: 4px;
  padding-right: 4px;
  border-color: rgba(236, 72, 153, 0.12) !important;
}

html.landing-active[data-theme="light"] .fcard .ico,
html.landing-active[data-theme="light"] .cat .ico,
html.landing-active[data-theme="light"] .erow .ek .ei,
html.landing-active[data-theme="light"] .scard .si,
html.landing-active[data-theme="light"] .step .si,
html.landing-active[data-theme="light"] .qnav a .qi,
html.landing-active[data-theme="light"] .incl-list .ii {
  background: #fce7f3 !important;
  border-color: #f9a8d4 !important;
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .plan li svg {
  background: #fdf2f8 !important;
  border-color: rgba(244, 114, 182, 0.28) !important;
  color: #ec4899 !important;
}

html.landing-active[data-theme="light"] .statusbar {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom-color: rgba(236, 72, 153, 0.12) !important;
}

html.landing-active[data-theme="light"] .marquee {
  background: #faf5f8 !important;
}