/* Public Community entry point. Uses the existing modal behavior and
   account buttons; all visual rules are scoped to this invitation. */
.community-card {
  scroll-margin-top: 7rem;
  border-color: rgba(111, 217, 196, 0.25);
  background: radial-gradient(ellipse at top right, rgba(34, 110, 94, 0.15), transparent 70%), var(--glass-bg);
  box-shadow: 0 18px 50px -35px rgba(111, 217, 196, 0.35);
}
.community-card:hover, .community-card:focus-visible { border-color: var(--accent-2); }
.community-card .card-tag { gap: 0.6rem; }
#community-invite-modal { background: rgba(3, 8, 11, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.community-invite {
  max-width: 540px;
  text-align: center;
  border-color: rgba(111, 217, 196, 0.3);
  background: radial-gradient(ellipse at top, rgba(32, 101, 86, 0.21), transparent 65%), rgba(7, 13, 18, 0.97);
  box-shadow: 0 35px 100px -25px rgba(0, 0, 0, 0.9), 0 0 45px -25px rgba(111, 217, 196, 0.3);
}
.community-invite .modal-close { min-width: 40px; min-height: 40px; }
.community-invite-eyebrow {
  display: block; padding-inline: 1.4rem;
  font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.15em;
  text-transform: uppercase; color: var(--accent-2); line-height: 1.7;
}
.community-invite-symbol {
  display: grid; place-items: center; width: 66px; height: 66px;
  margin: 1.6rem auto 1.3rem; border-radius: 20px;
  border: 1px solid rgba(201, 168, 106, 0.4);
  background: linear-gradient(140deg, rgba(201, 168, 106, 0.14), rgba(111, 217, 196, 0.06));
  color: var(--accent); font-family: var(--serif); font-size: 2.4rem;
  box-shadow: 0 10px 30px -15px rgba(201, 168, 106, 0.4);
}
.community-invite h2 { padding-right: 0; font-size: clamp(1.8rem, 5vw, 2.5rem); font-weight: 500; }
.community-invite .community-invite-lead { color: var(--ink); font-size: 1.12rem; }
.community-invite .community-invite-copy { margin-top: 1rem; }
.community-invite .community-invite-welcome { margin-top: 1.1rem; color: var(--accent); font-style: italic; font-size: 1.1rem; }
.community-invite-actions { justify-content: center; }
.community-invite-actions .nav-account-link { min-height: 44px; padding-inline: 1.3rem; }
.community-invite .community-invite-note { margin-top: 1.2rem; color: var(--ink-dim); font-family: var(--mono); font-size: 0.65rem; line-height: 1.7; }
body:has(#community-invite-modal.is-open) { overflow: hidden; }
@media (max-width: 420px) {
  #community-invite-modal { padding: 0.8rem; }
  .community-invite { padding: 2rem 1.2rem 1.6rem; }
  .community-invite-eyebrow { padding-inline: 1.5rem; letter-spacing: 0.08em; }
  .community-invite-actions { flex-direction: column; }
  .community-invite-actions .nav-account-link { width: 100%; }
}

@media (pointer: coarse) {
  .community-invite .modal-close { min-width: 44px; min-height: 44px; }
}