.invite-hero { max-width: 760px; }
.invite-hero h1 { font-size: clamp(28px, 4.5vw, 42px); line-height: 1.3; color: var(--violet); word-break: keep-all; overflow-wrap: anywhere; }
.invite-copy { position: relative; max-width: 620px; margin: 24px auto; color: var(--muted); line-height: 1.8; word-break: keep-all; overflow-wrap: anywhere; }
.invite-copy p { margin: 0 0 12px; }
.invite-copy p:last-child { color: var(--text); }
.invite-primary { position: relative; width: min(100%, 440px); min-height: 60px; font-size: 17px; }
.invite-support { position: relative; width: 100%; max-width: 440px; margin: 30px auto 0; padding: 22px; border: 1px solid rgba(188,167,255,.2); border-radius: 20px; background: rgba(188,167,255,.04); }
.invite-support h2 { margin: 0 0 14px; color: var(--muted); font-size: 15px; }
.invite-support .button { max-width: 100%; font-size: 14px; padding-inline: 18px; }
.invite-support p { margin: 12px 0 0; color: var(--faint); font-size: 12px; }
.invite-page a:focus-visible, .invite-page button:focus-visible { outline: 3px solid var(--violet); outline-offset: 5px; }