@media (min-width: 1600px) {
  .hero-title {
    font-size: 11rem;
  }
}

@media (max-width: 992px) {
  .hero-wave {
    width: 180%;
    transform: translateX(-20%) translateY(30%);
  }

  .cert-badge {
    max-height: 130px;
  }
}

@media (max-width: 768px) {
  .hero-title {
    font-size: clamp(2.8rem, 9vw, 3.6rem);
  }
}

@media (max-width: 576px) {
  .card {
    border-radius: 16px;
  }

  .contact-card {
    padding: 22px;
  }

  .cert-badge {
    max-height: 110px;
  }
}

@media (max-width: 400px) {
  .cert-badge {
    max-height: 90px;
  }
}