.join-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.join-modal{background-color:#fff;border-radius:10px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 7px 30px -10px rgba(0,0,0,.3)}.join-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}.join-modal-title{font-family:var(--font_default);font-size:24px;font-weight:600;color:var(--color_text_default);line-height:1.4}.join-modal-close{background:none;border:none;font-size:32px;color:var(--color_text_default);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;opacity:.7;transition:opacity .2s ease}.join-modal-close:hover{opacity:1}.join-modal-body{padding:24px}.join-modal-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid #e5e5e5}.join-modal-tab{flex:1 1;padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;font-family:var(--font_default);font-size:16px;font-weight:500;color:rgba(0,0,0,.5);cursor:pointer;transition:all .2s ease}.join-modal-tab:hover{color:var(--color_text_default)}.join-modal-tab.active{color:#8f4ee6;border-bottom-color:#8f4ee6}.join-modal-message{padding:12px 16px;border-radius:5px;margin-bottom:20px;font-family:var(--font_default);font-size:14px;font-weight:400;line-height:1.4}.join-modal-message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.join-modal-message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.join-modal-form{display:flex;flex-direction:column;row-gap:20px}.join-modal-field{display:flex;flex-direction:column;row-gap:8px}.join-modal-label{display:flex;flex-direction:row;align-items:center;column-gap:8px;font-family:var(--font_default);font-size:14px;font-weight:500;color:var(--color_text_default);line-height:1.4}.join-modal-label-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:rgba(143,78,230,.8);flex-shrink:0}.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%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:5px;font-family:var(--font_default);font-size:14px;font-weight:400;color:var(--color_text_default);line-height:1.4;box-sizing:border-box;background-color:#fff}.join-modal-input:focus{outline:none;border-color:rgba(143,78,230,.8)}.join-modal-input::placeholder{color:rgba(0,0,0,.5)}.join-modal-submit{width:100%;padding:12px 24px;background-color:#8f4ee6;color:#fff;border:none;border-radius:10px;font-family:var(--font_default);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:10px}.join-modal-submit:hover:not(:disabled){background-color:rgba(143,78,230,.9)}.join-modal-submit:active:not(:disabled){background-color:rgba(143,78,230,.8)}