.join-dialog { width: min(520px, calc(100% - 32px)); max-height: calc(100dvh - 40px); box-sizing: border-box; border: 0; border-radius: 20px; padding: 32px; color: #19243b; background: #fff; box-shadow: 0 24px 80px #101b3540; }
.join-dialog::backdrop { background: #101b3599; }
.join-dialog h2 { margin: 0 40px 8px 0; font-family: Manrope, sans-serif; }
.join-dialog p { line-height: 1.6; }
.join-close { position: absolute; right: 18px; top: 16px; border: 0; background: transparent; font-size: 28px; cursor: pointer; color: inherit; }
.join-form { display: grid; gap: 14px; }
.join-form label { display: grid; gap: 6px; font-weight: 600; font-size: 14px; }
.join-form input { width: 100%; box-sizing: border-box; padding: 11px 12px; border: 1px solid #c8cddd; border-radius: 8px; font: inherit; }
.join-form input:focus-visible, .join-close:focus-visible { outline: 3px solid #748ce6; outline-offset: 2px; }
.join-form button:disabled { opacity: .65; cursor: wait; }
.join-message { margin: 0; font-size: 14px; }