main,
.container,
.section,
.features,
.steps,
.reviews,
.faq,
.cta {
  background: transparent;
  color: var(--text);
}

.card,
.feature,
.step,
.review,
.faq-item,
.info-box,
.highlight {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 26px;
  color: var(--text);
}

.card h3,
.feature h3,
.step h3,
.review h3,
.faq-item h3 {
  color: var(--text);
  font-weight: 900;
  letter-spacing: -.02em;
}

p, li, span, small {
  color: var(--muted);
}

h1, h2, h3, h4 {
  color: var(--text);
}

button,
input,
select,
textarea {
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--text);
}

button {
  cursor: pointer;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--card);
  border-radius: var(--radius);
  overflow: hidden;
}

th, td {
  border-bottom: 1px solid var(--line);
  padding: 14px;
  color: var(--text);
}

th {
  background: rgba(212, 255, 63, .08);
  color: var(--accent);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .08em;
}

footer {
  border-top: 1px solid var(--line);
  padding: 40px 24px;
  color: var(--muted);
  background: var(--bg);
}
/* Совместимость со старыми блоками */

main,
.container,
.section,
.features,
.steps,
.reviews,
.faq,
.cta {
  background: transparent;
  color: var(--text);
}

.card,
.feature,
.step,
.review,
.faq-item,
.info-box,
.highlight {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 26px;
  color: var(--text);
}

.card h3,
.feature h3,
.step h3,
.review h3,
.faq-item h3 {
  color: var(--text);
  font-weight: 900;
  letter-spacing: -.02em;
}

p, li, span, small {
  color: var(--muted);
}

h1, h2, h3, h4 {
  color: var(--text);
}

button,
input,
select,
textarea {
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--text);
}

button {
  cursor: pointer;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--card);
  border-radius: var(--radius);
  overflow: hidden;
}

th, td {
  border-bottom: 1px solid var(--line);
  padding: 14px;
  color: var(--text);
}

th {
  background: rgba(212, 255, 63, .08);
  color: var(--accent);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .08em;
}

footer {
  border-top: 1px solid var(--line);
  padding: 40px 24px;
  color: var(--muted);
  background: var(--bg);
}