.join-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(8,30,21,.72);backdrop-filter:blur(5px)}
.join-modal.open{display:flex}
.join-box{width:min(520px,100%);background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);position:relative;color:#202621}
.join-box h2{margin:0 0 8px;font-size:24px;letter-spacing:-.03em}
.join-box p{color:#657069;line-height:1.5;margin:0 0 16px}
.join-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:1px solid #d9dfda;border-radius:50%;background:#f0f4f1;cursor:pointer;font-size:20px;line-height:1}
.join-options{display:grid;gap:10px;margin:14px 0 16px}
.join-option{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid #d9dfda;border-radius:10px;cursor:pointer;background:#fbfcfb}
.join-option:has(input:checked){border-color:#174b35;box-shadow:inset 0 0 0 1px #174b35}
.join-option input{margin-top:3px}
.join-actions{display:flex;gap:10px;flex-wrap:wrap}
.join-continue{border:0;border-radius:0;padding:12px 15px;font-weight:850;background:#d8ee78;color:#111812;cursor:pointer}
.join-continue:disabled{opacity:.45;cursor:not-allowed}
.join-continue.is-loading{cursor:wait}
.join-turnstile{min-height:65px;margin:4px 0 14px}
.join-status{min-height:22px;margin:0 0 10px!important;font-size:14px;color:#657069}
.join-status.error{color:#a52a2a}
.join-note{margin-top:12px!important;font-size:12px;color:#7a857f!important}
.join-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}
@media(max-width:560px){.join-modal{align-items:flex-end;padding:0}.join-box{width:100%;border-radius:18px 18px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom))}}