.timeline {
  gap: 18px;
}

.timeline__item {
  border-radius: 34px;
  padding: 26px;
  background:
    linear-gradient(180deg, rgba(11, 12, 24, 0.8), rgba(8, 9, 18, 0.66)),
    radial-gradient(circle at top, rgba(94, 231, 255, 0.08), transparent 40%);
}

.timeline__dot {
  width: 18px;
  height: 18px;
  background: linear-gradient(135deg, #7df3ff, #a855f7);
  box-shadow:
    0 0 0 6px rgba(94, 231, 255, 0.08),
    0 0 28px rgba(94, 231, 255, 0.44);
}

.timeline__time {
  color: rgba(94, 231, 255, 0.9);
  letter-spacing: 0.18em;
}

.faq {
  gap: 14px;
}

.faq__item {
  border-radius: 32px;
  padding: 0 22px;
  background:
    linear-gradient(180deg, rgba(11, 12, 24, 0.8), rgba(8, 9, 18, 0.66)),
    radial-gradient(circle at left top, rgba(168, 85, 247, 0.08), transparent 38%);
}

.faq__item summary {
  padding: 20px 0;
  font-size: 1rem;
}

.faq__item summary::after {
  content: "+";
  color: rgba(94, 231, 255, 0.92);
  font-size: 1.2rem;
}

.faq__item[open] summary::after {
  content: "-";
}

.faq__item p {
  margin: 0 0 20px;
  color: rgba(246, 247, 255, 0.72);
}