.join-card{max-width:560px;margin:10px auto 30px}.join-card-header{text-align:center;margin-bottom:14px}.join-card-header h3{font-weight:700;font-size:24px;margin-bottom:0;color:#212529}.join-card-header p{font-size:14px;color:#6c757d;margin:0}.join-form-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:24px 24px}.join-notice{display:flex;align-items:center;gap:8px;background:#f0f9fc;border:1px solid #d1ecf1;border-radius:8px;padding:8px 12px;font-size:13px;color:#0c5460;margin-bottom:18px}.join-notice i{font-size:16px;flex-shrink:0}.join-section{margin-bottom:18px}.join-section-title{font-size:12px;font-weight:600;color:#868e96;text-transform:uppercase;letter-spacing:.04em;padding-bottom:6px;border-bottom:1px solid #e9ecef;margin-bottom:12px}.join-field{margin-bottom:12px}.join-field:last-child{margin-bottom:0}.join-field label{display:block;font-size:13px;font-weight:600;color:#495057;margin-bottom:3px}.join-field label .required{color:#dc3545;margin-left:2px}.join-field label .hint{font-weight:400;color:#868e96;font-size:12px}.join-field .form-control{font-size:14px;border-radius:8px;border:1px solid #ced4da;padding:7px 11px;transition:border-color .15s,box-shadow .15s}.join-field .form-control:focus{border-color:#495057;box-shadow:0 0 0 3px rgba(33,37,41,0.1)}.join-field .form-control::placeholder{color:#adb5bd;font-size:13px}.join-form-errors{color:#dc3545;font-size:12px;margin-top:4px}.join-form-errors .errorlist{margin:0;padding-left:0;list-style:none}.join-radio-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.join-radio-group .form-check{margin:0;padding:0}.join-radio-group .form-check input[type="radio"]{display:none}.join-radio-group .form-check label{display:inline-block;font-size:13px;font-weight:500;color:#495057;background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;padding:5px 14px;cursor:pointer;transition:all .15s;margin-bottom:0}.join-radio-group .form-check input[type="radio"]:checked+label{background:#212529;color:#fff;border-color:#212529}.join-radio-group .form-check label:hover{background:#e9ecef;border-color:#ced4da}.join-radio-group .form-check input[type="radio"]:checked+label:hover{background:#343a40;border-color:#343a40}.join-referral-badge{display:inline-block;font-size:11px;font-weight:600;color:#198754;background:#d1e7dd;border-radius:4px;padding:2px 6px;margin-left:4px}.join-agree{display:flex;align-items:flex-start;gap:10px;background:#f8f9fa;border-radius:8px;padding:12px;margin-top:18px;margin-bottom:18px}.join-agree input[type="checkbox"]{width:20px;height:20px;margin-top:1px;flex-shrink:0;cursor:pointer;accent-color:#212529}.join-agree label{font-size:13px;color:#495057;line-height:1.5;cursor:pointer}.join-agree label a{color:#1b1bd6;text-decoration:underline}.join-submit-btn{width:100%;padding:10px;font-size:15px;font-weight:600;border-radius:8px;border:0;background:#212529;color:#fff;transition:background .15s,transform .1s,box-shadow .15s}.join-submit-btn:hover:not(:disabled){background:#343a40;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.join-submit-btn:active:not(:disabled){transform:scale(0.99)}.join-submit-btn:disabled{background:#adb5bd;cursor:not-allowed}.join-login-link{text-align:center;margin-top:12px;font-size:13px;color:#6c757d}.join-login-link a{color:#212529;font-weight:600;text-decoration:none}.join-login-link a:hover{text-decoration:underline}.join-pw-row{display:flex;gap:12px}.join-pw-row .join-field{flex:1}@media(max-width:576px){.join-form-card{padding:24px 18px;border-radius:8px}.join-pw-row{flex-direction:column;gap:0}.join-pw-row .join-field{margin-bottom:16px}.join-radio-group{gap:5px}}