/* Page-specific styles for homepage */

.hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem .4rem;
  background-color: oklch(0.85 0.05 250);
  min-height: 40vh;
  text-align: center;
}

.hero h1 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  margin: 0;
}

.cta-section {
  background: linear-gradient(135deg, oklch(0.65 0.15 250), oklch(0.50 0.12 250));
  padding: 2rem 1rem;
  margin-top: 3rem;
  text-align: center;
  color: white;
}

.cta-section p {
  color: white;
  font-size: clamp(1.1rem, 3vw, 1.3rem);
}

.cta-content {
  max-width: 42rem;
  margin: 0 auto;
}