[hidden] { display: none !important; }
.testerMain { flex: 1; display: grid; place-items: center; padding: 56px 20px 72px; }
.testerBox { width: 100%; max-width: 540px; padding: 32px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); }
.testerBox h1 { font-size: clamp(26px,5vw,34px); line-height: 1.2; margin-bottom: 16px; }
.testerBox h2 { font-size: 24px; margin: 0 0 12px; }
.testerBox p { line-height: 1.7; margin: 0 0 20px; }
.testerBox form { display: grid; gap: 10px; margin-top: 24px; }
.testerBox label { font-size: 14px; font-weight: 600; }
.testerBox input { width: 100%; min-width: 0; min-height: 48px; padding: 11px 12px; border: 1px solid var(--border-strong); border-radius: 6px; background: var(--bg); color: var(--text); }
.testerBox .testerHint { font-size: 12px; margin: 0 0 12px; }
.testerBox a { text-decoration: underline; text-underline-offset: 3px; }
.testerBox button { width: 100%; }
.testerBox button:disabled { opacity: .65; cursor: wait; }
.testerBox .is-error { color: var(--error); }
#betaVerificationStatus { margin: 20px 0; }
#betaThanks { border-top: 1px solid var(--border); padding-top: 24px; margin-top: 24px; }
@media(max-width: 540px) { .testerMain { padding: 28px 16px 48px; } .testerBox { padding: 24px 20px; } }