h1 {
  font-family: 'Segoe UI', Roboto, Arial, sans-serif;
  color: black;
  font-weight: 700;
  font-size: 30px !important;  
}

h2 {
  font-family: 'Segoe UI', Roboto, Arial, sans-serif;
  color: black;
  font-weight: 700;
  font-size: 23px !important;   
}

#blog-registration-title {
  color: black;
  font-size: 50px !important; 
}


.back-link {
  color: gray;
  font-weight: bold;
  display: block;
  position: absolute;

}

.page-hero {
    padding: clamp(1px, 10vw, 1px) 0 clamp(1px, 5vw, 1px);
}

.blog-registration-cta {
    width: min(calc(100% - 40px), var(--container));
    display: grid;
    grid-template-columns: minmax(320px, .78fr) minmax(0, 1fr);
    gap: clamp(24px, 4vw, 42px);
    align-items: center;
    margin: clamp(20px, 6vw, 20px) auto;
    padding: clamp(26px, 4.6vw, 48px);
    border-radius: var(--radius-lg);
    background: radial-gradient(circle at 8% 10%, rgba(255, 215, 0, .5), transparent 22rem), var(--cream-2);
    overflow: hidden;
}

.section {
    padding: clamp(10px, 7.5vw, 10px) 0;
}