.beta-page{min-height:100dvh;background:var(--red);padding:126px 24px 48px;display:grid;place-items:center}
.beta-header{position:absolute;top:28px;left:4.3vw}.beta-header .wordmark{background:transparent}
.beta-sheet{width:min(100%,500px);background:var(--paper);border:3px solid var(--ink);padding:42px 44px;box-shadow:8px 8px 0 var(--ink)}
.beta-sheet h1{font:800 clamp(64px,7vw,96px)/.9 BarlowCondensed,sans-serif;letter-spacing:-.025em;margin:0 0 25px}
.beta-sheet>p{font-size:18px;line-height:1.5;margin:0 0 26px}.beta-sheet form{display:grid;gap:10px}
.beta-sheet label{font-weight:600}.beta-sheet input{min-width:0;width:100%;height:56px;padding:10px 14px;border:2px solid var(--ink);border-radius:2px;color:var(--ink);background:#fffaf0;font-size:24px;caret-color:var(--red)}
.beta-error{color:#9a211a;font-size:15px;line-height:1.4;min-height:21px;margin:0 0 2px}.beta-sheet .action-button{font-size:24px;min-height:64px}
.beta-sheet .beta-help{font-size:14px;margin:26px 0 0}.beta-sheet button:disabled{opacity:.7;cursor:wait}
@media(max-width:560px){.beta-page{padding:112px 20px 36px}.beta-header{left:24px;top:24px}.beta-sheet{padding:32px 26px}.beta-sheet h1{font-size:70px}.beta-sheet>p{font-size:17px}}
@media(min-width:561px) and (max-height:800px){.beta-page{padding:104px 24px 24px}.beta-header{top:20px}.beta-sheet{padding:28px 36px}.beta-sheet h1{font-size:72px;margin-bottom:18px}.beta-sheet>p{font-size:16px;margin-bottom:20px}.beta-sheet .beta-help{font-size:14px;margin-top:16px}}
