.home-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--wa-space-l);
  text-align: center;
}

.home-page h1 {
  font-size: var(--wa-font-size-4xl);
  font-weight: var(--wa-font-weight-heading);
  color: var(--wa-color-text-normal);
  margin-block-end: var(--wa-space-3xl);
}

.main-links {
  display: flex;
  flex-direction: column;
  gap: var(--wa-space-l);
  min-width: 20ch;
}

.main-link {
  display: block;
  padding: var(--wa-space-l);
  background: var(--wa-color-surface-raised);
  color: var(--wa-color-text-normal);
  text-decoration: none;
  border-radius: var(--wa-border-radius-l);
  font-size: var(--wa-font-size-xl);
  font-weight: var(--wa-font-weight-bold);
  border: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
  transition: all var(--wa-transition-normal) var(--wa-transition-easing);
}

.main-link:hover {
  background: color-mix(in oklab, var(--wa-color-surface-raised), var(--wa-color-mix-hover));
  border-color: var(--wa-color-neutral-border-normal);
  box-shadow: var(--wa-shadow-m);
  transform: translateY(-2px);
}