.newsletter {
  background-color: var(--color-background);
}

.newsletter-container {
  max-width: 150rem;
  margin: 0 auto;
  padding: var(--space-lg);
  background-color: white;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border);
}

.newsletter-content {
  text-align: center;
  margin-bottom: var(--space-md);
}

.newsletter-content h2 {
  font-size: 2.8rem;
  margin-bottom: var(--space-xs);
}

.newsletter-content p {
  font-size: 1.8rem;
  color: var(--color-text-light);
}

.newsletter-form {
  display: flex;
  flex-direction: column;
}

#newsletter-bottom {
  background-color: var(--color-background-alt);
}