* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background:
  radial-gradient(circle at top left, rgba(124, 92, 255, 0.16), transparent 34%),
  radial-gradient(circle at top right, rgba(94, 208, 182, 0.14), transparent 24%),
  linear-gradient(180deg, #f5f3ff 0%, #f1f5ff 34%, #edf7f5 100%);
  color: #172033; }

@media (min-width: 900px) {
  body {
    padding: 18px;
  }
}
a { color: inherit; text-decoration: none; }
img, svg { max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.hero h1, h1, h2 { margin-top: 0; }

@media (max-width: 767px) {
  .hero h1 { font-size: 1.8rem; line-height: 1.05; }
}