.join-modal{z-index:1300!important;pointer-events:none}
.join-modal.show{pointer-events:auto}
.join-modal .modal-dialog,.join-modal .modal-content{pointer-events:auto}
.join-modal .modal-dialog{max-width:min(1120px,calc(100vw - 28px));margin:14px auto}
.join-modal .modal-content{height:min(720px,calc(100vh - 28px));display:grid;grid-template-columns:260px minmax(0,1fr);overflow:hidden;border:0;border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(12,27,56,.28)}
.join-modal-rail{padding:26px 18px 20px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(160deg,#0b2b55 0%,#124b74 54%,#116b68 100%)}
.join-modal-brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.15)}
.join-brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ff9a2f,#ff6b2c);font-size:19px;box-shadow:0 9px 22px rgba(0,0,0,.18)}
.join-modal-brand strong,.join-modal-brand small{display:block}.join-modal-brand strong{font-size:19px}.join-modal-brand small{color:rgba(255,255,255,.65);font-size:10px}
.join-rail-caption{padding:22px 10px 10px;color:rgba(255,255,255,.48);font-size:9px;font-weight:800;letter-spacing:.14em}
.join-rail-steps{display:grid;gap:5px}
.join-rail-steps button{width:100%;padding:11px 9px;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:9px;border:0;border-radius:10px;color:rgba(255,255,255,.66);background:transparent;text-align:left}
.join-rail-steps button>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.08);font-size:15px}
.join-rail-steps span strong,.join-rail-steps span small{display:block}.join-rail-steps span strong{font-size:11px}.join-rail-steps span small{margin-top:2px;color:rgba(255,255,255,.43);font-size:8px}
.join-rail-steps b{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:8px}
.join-rail-steps button.is-active{color:#fff;background:rgba(255,255,255,.13)}.join-rail-steps button.is-active>i{color:#ffbb54;background:rgba(255,187,84,.15)}.join-rail-steps button.is-active b{border-color:#71d3a4;background:#71d3a4;color:#073c39}
.join-rail-support{padding:13px;display:flex;gap:10px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.07)}
.join-rail-support>i{color:#ffbb54}.join-rail-support strong,.join-rail-support small{display:block}.join-rail-support strong{font-size:10px}.join-rail-support small{margin-top:3px;color:rgba(255,255,255,.55);font-size:8px;line-height:1.45}
.join-modal-form-panel{min-width:0;padding:22px 30px 0;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}
.join-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.join-modal-head>div>span{display:block;margin-bottom:4px;color:#f06b27;font-size:9px;font-weight:850;letter-spacing:.13em}
.join-modal-head h3{margin:0;color:#101828;font-size:25px;font-weight:800;line-height:1.15}.join-modal-head p{margin:5px 0 0;color:#718096;font-size:10px}
.join-modal-x{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce4ee;border-radius:9px;background:#fff;color:#637083}
.join-progress{position:relative;margin:18px 12px 15px;display:grid;grid-template-columns:repeat(4,1fr)}
.join-progress:before{content:"";position:absolute;top:14px;left:12%;right:12%;height:2px;background:#d8e0e8}
.join-progress button{position:relative;z-index:1;padding:0;border:0;background:transparent;color:#8995a6;font-size:9px;font-weight:700}
.join-progress b{width:29px;height:29px;margin:0 auto 5px;display:grid;place-items:center;border:2px solid #d8e0e8;border-radius:50%;background:#fff;font-size:11px}
.join-progress button.is-active{color:#102e55}.join-progress button.is-active b{border-color:#2f87ed;color:#2f87ed;box-shadow:0 0 0 4px #eaf4ff}
.join-form-error{margin-bottom:9px;padding:8px 10px;border:1px solid #fecaca;border-radius:7px;background:#fff1f2;color:#b42318;font-size:10px}
#joinApplicationForm{min-height:0;display:flex;flex:1;flex-direction:column}
.join-step{min-height:0;display:none;padding:14px 16px 12px;overflow-y:auto;border:1px solid #dde5ee;border-top:3px solid #3b8eea;border-radius:4px;background:#fff;box-shadow:0 5px 14px rgba(18,43,75,.07);animation:joinStepIn .22s ease both}
.join-step.is-active{display:block;flex:1}
.join-section-title{margin:-2px 0 13px;display:flex;align-items:center;gap:9px;color:#1d2939}.join-section-title>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#edf6ff;color:#2f87ed}.join-section-title strong,.join-section-title small{display:block}.join-section-title strong{font-size:13px}.join-section-title small{margin-top:1px;color:#8995a6;font-size:8px;font-weight:500}
.join-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 13px}
.join-field{display:grid;align-content:start;gap:4px;color:#344054;font-size:9px;font-weight:750}
.join-field-wide{grid-column:1/-1}
.join-field input,.join-field select,.join-field textarea{width:100%;min-height:36px;padding:7px 10px;border:1px solid #d7e0e9;border-radius:5px;background:#fff;color:#1d2939;font:500 11px/1.4 Arial,sans-serif;outline:0}
.join-field textarea{min-height:49px;max-height:62px;resize:vertical}.join-field input::placeholder,.join-field textarea::placeholder{color:#a4adba}
.join-field input:focus,.join-field select:focus,.join-field textarea:focus{border-color:#3b8eea;box-shadow:0 0 0 3px rgba(59,142,234,.11)}
.join-field input.is-invalid,.join-field select.is-invalid,.join-field textarea.is-invalid{border-color:#d92d20;box-shadow:0 0 0 3px rgba(217,45,32,.08)}
.join-field small{color:#8b96a5;font-size:8px;font-weight:500}
.join-photo-preview{display:flex;align-items:end}.join-photo-preview img{width:48px;height:58px;display:none;object-fit:cover;border:1px solid #d7e0e9;border-radius:6px}
.join-reference-fields{display:none;grid-template-columns:1fr 1fr;gap:9px 13px;padding:10px;border:1px dashed #b9c9d9;border-radius:7px;background:#f7faff}.join-reference-fields.is-visible{display:grid}.join-reference-fields>small{grid-column:1/-1;color:#718096;font-size:8px}.join-reference-fields>small.is-success{color:#15803d}.join-reference-fields>small.is-error{color:#b42318}
.join-fixed-area{margin-bottom:10px;padding:9px 12px;display:flex;align-items:center;gap:10px;border:1px solid #bfe4d3;border-radius:7px;background:#f0faf5;color:#176244}.join-fixed-area i{font-size:16px}.join-fixed-area strong,.join-fixed-area span{display:block}.join-fixed-area strong{font-size:10px}.join-fixed-area span{font-size:8px}
.join-consent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.join-consent-grid label{cursor:pointer}.join-consent-grid input{position:absolute;opacity:0}.join-consent-grid span{min-height:47px;padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid #d7e0e9;border-radius:7px;color:#526173;font-size:10px;font-weight:700}.join-consent-grid i{font-size:16px}.join-consent-grid input:checked+span{border-color:#3b8eea;background:#eef7ff;color:#176bb4;box-shadow:0 0 0 2px rgba(59,142,234,.08)}
.join-declaration{margin-top:12px;display:flex;align-items:flex-start;gap:8px;color:#58677a;font-size:9px;line-height:1.5}.join-declaration input{margin-top:2px;accent-color:#2f87ed}
.join-security-note{margin-top:9px;padding:8px 10px;border-radius:6px;background:#f0f7ff;color:#526173;font-size:8px}.join-security-note i{margin-right:6px;color:#2f87ed}
.join-modal-actions{margin:0 -30px;padding:12px 30px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #dde5ee;background:#fff;box-shadow:0 -5px 15px rgba(18,43,75,.04)}
.join-modal-actions button{min-height:36px;padding:0 16px;border-radius:6px;font-size:10px;font-weight:800}.join-back{margin-right:auto;border:1px solid #cfd9e4;background:#fff;color:#526173}.join-next,.join-submit{border:0;background:linear-gradient(135deg,#2f87ed,#1769c2);color:#fff;box-shadow:0 7px 15px rgba(47,135,237,.2)}.join-submit:disabled{opacity:.65}
@keyframes joinStepIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:991px){.join-modal .modal-content{grid-template-columns:210px minmax(0,1fr)}.join-modal-rail{padding:22px 12px}.join-rail-steps span small{display:none}.join-modal-form-panel{padding-inline:22px}.join-modal-actions{margin-inline:-22px;padding-inline:22px}}
@media(max-width:767px){.join-modal .modal-dialog{max-width:none;margin:0}.join-modal .modal-content{height:100vh;grid-template-columns:1fr;border-radius:0}.join-modal-rail{display:none}.join-modal-form-panel{height:100vh;padding:17px 15px 0}.join-modal-head h3{font-size:21px}.join-modal-head p{display:none}.join-progress{margin:13px 0}.join-progress span{display:none}.join-step{padding:12px;overflow-y:auto}.join-fields{gap:8px}.join-modal-actions{margin-inline:-15px;padding-inline:15px}}
@media(max-width:430px){.join-fields,.join-consent-grid{grid-template-columns:1fr}.join-field-wide{grid-column:auto}.join-reference-fields.is-visible{grid-template-columns:1fr}.join-reference-fields>small{grid-column:auto}}
