.page-join-genealogy .auth-layout {
  position: relative;
  min-height: 100vh;
  padding: 56px 24px 72px;
}

.page-join-genealogy .auth-card {
  width: min(500px, 100%);
  padding: 38px;
  border-radius: 16px;
}

.auth-card h1 {
  margin-bottom: 12px;
  font-size: 40px;
}

.auth-card .lead {
  margin-bottom: 26px;
  font-size: 16px;
}

.invite-box {
  padding: 14px;
  border: 1px dashed var(--gold);
  border-radius: 22px;
  background: #fffaf1;
}

.page-join-genealogy .btn.primary {
  width: 100%;
}

@media (max-width: 720px) {
  .page-join-genealogy .auth-layout {
    padding: 36px 14px 48px;
    align-items: start;
  }

  .page-join-genealogy .auth-card {
    padding: 28px 22px;
  }

  .auth-card h1 {
    font-size: 34px;
  }
}