:root {
  --v3-cream: #f6f5ef;
  --v3-paper: #ffffff;
  --v3-ink: #20231d;
  --v3-muted: #62685c;
  --v3-line: #d9ddcf;
  --v3-green: #3f6f20;
  --v3-lime: #d2f36b;
  --v3-night: #20251e;
}

body {
  color: var(--v3-ink) !important;
  background:
    radial-gradient(850px 460px at 8% -8%, rgba(210, 243, 107, .38), transparent),
    radial-gradient(720px 480px at 100% 4%, rgba(235, 161, 131, .19), transparent),
    var(--v3-cream) !important;
}

.card,
.hero,
.faq-item,
.empty {
  border-color: var(--v3-line) !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 18px 50px rgba(48, 55, 42, .11) !important;
}

h1, h2, h3, strong,
.faq-question,
.faq-title {
  color: var(--v3-ink) !important;
}

.sub, .meta, .muted, p, li, label, footer,
.faq-answer, .arrow {
  color: var(--v3-muted) !important;
}

a { color: var(--v3-green) !important; }

input,
textarea,
#faqSearch {
  color: var(--v3-ink) !important;
  border-color: var(--v3-line) !important;
  background: var(--v3-cream) !important;
}

input::placeholder,
textarea::placeholder,
#faqSearch::placeholder { color: #858b7e !important; }

.chip,
.tag,
.links a {
  color: var(--v3-green) !important;
  border-color: #cbd3be !important;
  background: #edf3e7 !important;
}

.chip.active,
.btn,
.primary {
  color: var(--v3-ink) !important;
  background: var(--v3-lime) !important;
}

.faq-question:hover { background: #f4f7ef !important; }
.faq-answer { border-color: var(--v3-line) !important; }
.captcha-wrap { border-color: var(--v3-line) !important; background: var(--v3-cream) !important; }
.thanks { color: #244214 !important; background: #edf7e8 !important; }
footer { border-color: var(--v3-line) !important; }

.support-start {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 14px 0 18px;
}

.support-start a {
  display: grid;
  gap: 3px;
  padding: 11px;
  border: 1px solid var(--v3-line);
  border-radius: 14px;
  background: #f7f8f3;
  text-decoration: none;
}

.support-start strong { font-size: .82rem; }
.support-start span { color: var(--v3-muted); font-size: .72rem; }

@media (max-width: 620px) {
  .support-start { grid-template-columns: 1fr; }
}