.community-invite{box-sizing:border-box;border:0;border-radius:20px;padding:3.5rem 2rem 1.8rem;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:var(--ink);color:var(--paper);text-align:center;box-shadow:0 24px 80px #0004}
.community-invite::backdrop{background:rgba(9,17,35,.6)}
.community-invite .community-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--paper);font:inherit;font-size:2rem;cursor:pointer}
.community-invite .community-eyebrow{color:var(--gold);font-size:14px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 1rem}
.community-invite h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,7vw,2.8rem);line-height:1.15;margin:0 0 1rem;color:var(--paper)}
.community-invite #communityInviteDescription{font-size:16px;line-height:1.65;margin:0 0 1.8rem;color:var(--paper)}
.community-invite .community-join{display:block;border:0;border-radius:10px;padding:1rem;background:var(--paper);color:var(--ink);font-size:16px;font-weight:700;line-height:1.4;text-decoration:none}
.community-invite .community-join:hover{background:var(--cream)}
.community-invite .community-later{display:block;margin:.8rem auto 0;min-height:44px;padding:.5rem 1rem;background:transparent;border:0;color:var(--paper);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.community-invite :is(button,a):focus-visible{outline:3px solid var(--gold);outline-offset:3px}
body:has(.community-invite[open]){overflow:hidden}
@media(max-width:400px){.community-invite{padding:3.5rem 1.25rem 1.25rem}}