.beta-mark { display:inline-flex; align-items:center; margin-left:6px; padding:3px 6px; border:1px solid #d8c48f; border-radius:999px; color:#80643c; background:#fbf4e6; font:700 8px/1 ui-sans-serif,system-ui,sans-serif; letter-spacing:.8px; vertical-align:2px; }
.beta-gate { position:fixed; z-index:2147483000; inset:0; display:grid; place-items:center; overflow:auto; padding:22px; background:rgba(26,36,30,.62); backdrop-filter:blur(8px); }
.beta-gate[hidden] { display:none !important; }
.beta-card { width:min(540px,100%); padding:clamp(24px,5vw,38px); border:1px solid #e6e4da; border-radius:22px; background:#fffefa; box-shadow:0 24px 90px #17251e40; color:#25362f; }
.beta-brand { display:flex; align-items:center; gap:9px; font:600 18px Georgia,serif; }
.beta-frog { width:35px; height:35px; display:grid; place-items:center; border-radius:12px; background:#e9f0e5; font-size:20px; }
.beta-pill { margin-left:5px; color:#8a7047; font:700 9px ui-sans-serif,system-ui,sans-serif; letter-spacing:1px; }
.beta-eyebrow { margin:27px 0 8px; color:#8b704a; font-size:9px; font-weight:750; letter-spacing:1.6px; text-transform:uppercase; }
.beta-card h1 { margin:0; color:#24382f; font:400 clamp(31px,7vw,43px)/1.1 Georgia,serif; letter-spacing:-.7px; }
.beta-description { margin:14px 0; color:#6e786f; font-size:13px; line-height:1.75; }
.beta-public-note { margin:18px 0; padding:13px 14px; border:1px solid #e8dfc9; border-radius:11px; background:#faf5e9; color:#796440; font-size:11px; line-height:1.65; }
.beta-public-note strong { display:block; margin-bottom:3px; color:#695633; }
.beta-check-row { display:flex; align-items:flex-start; gap:10px; margin:20px 0 13px; color:#536157; cursor:pointer; font-size:11px; line-height:1.6; }
.beta-check-row input { flex:0 0 auto; width:17px; height:17px; margin:1px 0 0; accent-color:#315c49; }
.beta-continue { width:100%; min-height:46px; border:0; border-radius:10px; color:white; background:#315c49; font-size:12px; font-weight:700; }
.beta-continue:hover:not(:disabled) { background:#254a39; }
.beta-continue:disabled { opacity:.45; cursor:not-allowed; }
.beta-smallprint { margin:14px 0 0; color:#92968d; font-size:9px; line-height:1.65; }
.beta-smallprint a { color:#496a55; font-weight:650; }
body.beta-gate-open { overflow:hidden; }
@media(max-width:560px) { .beta-gate { padding:14px; align-items:center; }.beta-card { border-radius:17px; }.beta-eyebrow { margin-top:21px; } }