.birthday-page {
  --accent: #7351bd;
  --highlight: #ffc94b;
}

[data-theme="dark"] .birthday-page {
  --accent: #bda8ff;
  --highlight: #f4b73b;
}

.birthday-hero h1 {
  color: var(--accent);
}

.birthday-hero-image {
  background: #070707;
}

.birthday-hero-image img {
  max-height: none;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #070707;
}

.birthday-slide {
  margin: 42px 0 0;
}

.birthday-slide img {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #e1e5fb;
}

.birthday-question,
.birthday-learning {
  background: color-mix(in srgb, #dce2ff 70%, var(--paper));
}

[data-theme="dark"] .birthday-question,
[data-theme="dark"] .birthday-learning {
  background: color-mix(in srgb, #7351bd 20%, var(--paper));
}

.birthday-question h2 {
  max-width: 940px;
}

.birthday-features {
  margin-top: 46px;
}

.birthday-features article span {
  color: var(--accent);
}

.process-slide img {
  background: #e1e5fb;
}

@media (max-width: 800px) {
  .birthday-slide {
    margin-top: 30px;
  }

  .birthday-slide img {
    border-radius: 10px;
  }
}