.join-modal-overlay{z-index:2000;background-color:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.join-modal{background-color:#fff;border-radius:10px;width:100%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 7px 30px -10px #0000004d}.join-modal-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.join-modal-title{font-family:var(--font_default);color:var(--color_text_default);font-size:24px;font-weight:600;line-height:1.4}.join-modal-close{color:var(--color_text_default);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;transition:opacity .2s;display:flex}.join-modal-close:hover{opacity:1}.join-modal-body{padding:24px}.join-modal-tabs{border-bottom:1px solid #e5e5e5;gap:0;margin-bottom:24px;display:flex}.join-modal-tab{font-family:var(--font_default);color:#00000080;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s}.join-modal-tab:hover{color:var(--color_text_default)}.join-modal-tab.active{color:#8f4ee6;border-bottom-color:#8f4ee6}.join-modal-message{font-family:var(--font_default);border-radius:5px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:400;line-height:1.4}.join-modal-message-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.join-modal-message-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.join-modal-form{flex-direction:column;row-gap:20px;display:flex}.join-modal-field{flex-direction:column;row-gap:8px;display:flex}.join-modal-label{font-family:var(--font_default);color:var(--color_text_default);flex-direction:row;align-items:center;column-gap:8px;font-size:14px;font-weight:500;line-height:1.4;display:flex}.join-modal-label-icon{color:#8f4ee6cc;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.join-modal-label-icon svg{width:100%;height:100%;overflow:visible}.join-modal-label-icon svg text{fill:currentColor;font-size:50px}.join-modal-input{width:100%;font-family:var(--font_default);color:var(--color_text_default);box-sizing:border-box;background-color:#fff;border:1px solid #e5e5e5;border-radius:5px;padding:10px 12px;font-size:14px;font-weight:400;line-height:1.4}.join-modal-input:focus{border-color:#8f4ee6cc;outline:none}.join-modal-input::placeholder{color:#00000080}.join-modal-submit{color:#fff;width:100%;font-family:var(--font_default);cursor:pointer;background-color:#8f4ee6;border:none;border-radius:10px;margin-top:10px;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .2s}.join-modal-submit:hover:not(:disabled){background-color:#8f4ee6e6}.join-modal-submit:active:not(:disabled){background-color:#8f4ee6cc}