body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 0;
  background: #f7f7f8;
  color: #1d1d1f;
}
.navbar {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1rem 2rem;
  background: white;
  border-bottom: 1px solid #e5e5e5;
}
.navbar a { color: #1d1d1f; text-decoration: none; font-weight: 600; }
.spacer { flex: 1; }
.container { max-width: 1040px; margin: 0 auto; padding: 2rem; }
.hero, .card { background: white; padding: 2rem; border-radius: 12px; border: 1px solid #e5e5e5; }
.button, button { display: inline-block; padding: .7rem 1rem; border-radius: 8px; border: 0; background: #1d1d1f; color: white; text-decoration: none; cursor: pointer; }
.inline-form { display: inline; }
pre { white-space: pre-wrap; background: #f0f0f0; padding: 1rem; border-radius: 8px; }