.public-app-page {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}
.public-app-page > main { flex: 1; }
.beta-banner {
  flex-shrink: 0;
  padding: 18px 24px;
  border-top: 1px solid #29415f;
  background: #101923;
  color: #bacbe0;
  text-align: center;
  font-size: .875rem;
  line-height: 1.6;
}
.beta-banner p { max-width: 760px; margin: 0 auto; color: inherit; }
.beta-banner strong { color: #b2d2ff; margin-right: 8px; }
@media (max-width: 640px) {
  .beta-banner { padding: 16px; }
  .beta-banner strong { display: block; margin: 0 0 4px; }
}