/* Shared closing-CTA card, used site-wide via includes/cta-section.php.
   Originally built for the tutors page (see git history / AUDIT.md) to fix a specific
   problem: the theme's own full-bleed .cta-section uses a background image with a wave
   pattern baked into its edges, which collided visually with the footer's own separate
   wave (footer-top.png) whenever the CTA sat directly above the footer — two competing
   curves with a flat text+button row sandwiched between them. A contained rounded card
   sitting in plain space avoids the collision entirely and reused site-wide for a
   consistent closing pattern instead of one-off banners per page.
   Class names kept as "tutors-cta-*" rather than renamed on the shared extraction,
   to avoid unrelated churn in the file that already used them. */
.tutors-cta-section {
  padding: 20px 0 100px;
}
.tutors-cta-card {
  position: relative;
  overflow: hidden;
  background-color: var(--theme);
  border-radius: 32px;
  padding: 70px 40px;
  text-align: center;
  box-shadow: var(--box-shadow);
}
.tutors-cta-eyebrow {
  display: inline-block;
  color: var(--white);
  opacity: 0.85;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
}
.tutors-cta-heading {
  color: var(--white);
  font-size: 36px;
  max-width: 620px;
  margin: 0 auto 16px;
  position: relative;
  z-index: 2;
}
.tutors-cta-body {
  color: var(--white);
  opacity: 0.85;
  max-width: 560px;
  margin: 0 auto 28px;
  position: relative;
  z-index: 2;
}
.tutors-cta-card .theme-btn {
  position: relative;
  z-index: 2;
}
.tutors-cta-shape {
  position: absolute;
  opacity: 0.5;
  pointer-events: none;
}
.tutors-cta-shape--plane {
  left: 6%;
  top: 20%;
  animation: rounded 5s linear infinite;
}
.tutors-cta-shape--pencil {
  right: 6%;
  bottom: 12%;
}
@media (max-width: 575px) {
  .tutors-cta-card {
    padding: 50px 24px;
    border-radius: 24px;
  }
  .tutors-cta-heading {
    font-size: 28px;
  }
  .tutors-cta-shape {
    display: none;
  }
}