/* base.css */
body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  padding-top: 120px;

  font-family: 'BNPP Sans', "Segoe UI", Arial, Helvetica, sans-serif;

  background:
    linear-gradient(135deg, #6bbbb9 0%, #307e87 100%),
    radial-gradient(circle at top right, rgba(0,0,0,0.18), transparent 55%);
}

@media (max-width: 900px) {
  .hero-section {
    padding-top: 220px;
  }
}