/* Page-specific styles for /hello/. Shared design tokens come from
   ../shared/base.css. */

.hero {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cta {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
  background: var(--color-accent);
  color: var(--color-bg);
  text-decoration: none;
  font-weight: 600;
}

.cta:hover {
  filter: brightness(1.1);
}