@font-face {font-family: Basier;src: url(/fonts/basier-semibold.otf);font-weight:600}
@font-face {font-family: Suisse;src:url(/fonts/suisse-regular.otf);font-weight:400}
@font-face {font-family: Suisse;src:url(/fonts/suisse-semibold.otf);font-weight:600}
:root {--ink:#272727;--berry:#931848}
* {box-sizing:border-box}
[hidden] {display:none!important}
body {margin:0;color:var(--ink);font:400 17px/1.4 Suisse,Arial,sans-serif;background:#f4eeeb}
h1,p {margin:0}
button,a {font:inherit}
a {color:inherit}
button {padding:8px 14px;border:1px solid #ded5d6;border-radius:12px;background:#fff;cursor:pointer}
:focus-visible {outline:3px solid var(--berry);outline-offset:3px}
.beta-page { display: grid; grid-template-columns: 1fr 1fr; min-height: 100svh; }
.beta-panel {
  display: grid;
  place-items: center;
  background: #f4eeeb;
  padding: 32px 24px clamp(64px, 14svh, 120px);
}
.beta-content { width: min(100%, 400px); text-align: center; }
.beta-content h1 { font-size: clamp(32px, 4vw, 44px); }
.beta-content p { margin: 16px auto 32px; max-width: 34ch; line-height: 1.5; color: #53484a; }
.beta-continue {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  color: var(--ink);
  padding: 17px 24px;
  background: #fffdfd;
  border: 1px solid #ded5d6;
  border-radius: 999px;
  box-shadow: 0 2px 4px #37232618;
  font-weight: 600;
  text-decoration: none;
}
.beta-continue:disabled { opacity: 1; }
#beta-auth-status { display: block; margin-top: 8px; color: #69605e; font-size: 12px; }
.beta-waitlist { margin-top: 20px; color: #69605e; font-size: 14px; }
.beta-waitlist a { margin-inline-start: 8px; color: var(--ink); font-weight: 600; text-underline-offset: 3px; }
.beta-art {
  display: grid;
  place-items: center;
  background: #b4733e url(assets/beta-kitchen.png) center / cover;
}

@media (max-width: 680px) {
  .beta-page { grid-template-columns: 1fr; grid-template-rows: minmax(150px, 37svh) 1fr; background: #f4eeeb; }
  .beta-art { grid-row: 1; margin: 16px; border-radius: 20px; background-position: center 42%; }
  .beta-panel { align-items: start; padding: clamp(16px, 4svh, 36px) 24px 28px; }
  .beta-content p { margin-bottom: 20px; }
}
#beta-auth-status {margin-block:16px;color:#931848}
.beta-continue {text-decoration:none}