@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@800;900&family=Playfair+Display:ital,wght@1,800;1,900&display=swap');

#result .completion-wrap h1 {
  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: clamp(30px, 4.5vw, 68px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.045em !important;
  text-transform: uppercase !important;
  color: #fffaf4 !important;
  text-align: center !important;
  text-shadow: 0 3px 12px #0005 !important;
}

#result .completion-wrap h1 em {
  display: block !important;
  position: relative !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 12px auto 0 !important;
  padding-bottom: 22px !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(32px, 4.6vw, 70px) !important;
  font-weight: 900 !important;
  font-style: italic !important;
  line-height: 1.45 !important;
  letter-spacing: -0.035em !important;
  text-transform: uppercase !important;
  color: #ff8a3d !important;
  text-shadow: 0 4px 0 #a83b12, 0 8px 18px #ff701a55 !important;
}

#result .completion-wrap h1 em::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: 4px !important;
  left: 12% !important;
  width: 76% !important;
  height: 3px !important;
  border-radius: 100% !important;
  background: linear-gradient(90deg, transparent, #ffb45c, #ff6b19, transparent) !important;
  box-shadow: 0 0 13px #ff7b25aa !important;
}

@media (max-width: 600px) {
  #result .completion-wrap h1 {
    font-size: clamp(24px, 6.5vw, 38px) !important;
  }
  #result .completion-wrap h1 em {
    font-size: clamp(27px, 7vw, 43px) !important;
    padding-bottom: 15px !important;
  }
}