.ob-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99999;align-items:center;justify-content:center;padding:20px;font-family:Inter,sans-serif}.ob-modal-card,.ob-modal-overlay{display:flex;box-sizing:border-box}.ob-modal-card{background:#ffffff;width:100%;max-width:520px;min-height:540px;border-radius:2px;border:1px solid #e8e8e8;box-shadow:0 12px 36px rgba(0,0,0,.15);flex-direction:column;padding:24px 32px 20px;position:relative;animation:obFadeIn .25s ease-out}@keyframes obFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ob-top-header{display:flex;justify-content:space-between;align-items:center}.ob-step-badge{font-size:11px;font-weight:800;color:#1c6ca7;letter-spacing:.6px;text-transform:uppercase}.ob-close-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.ob-close-btn:hover{background-color:#f1f5f9}.ob-logo-wrap{width:320px;max-width:90%;min-height:80px;display:flex;align-items:center;justify-content:center;margin:12px auto 20px;transform:translateX(-14px)}.ob-modal-overlay.lang-ar .ob-logo-wrap{transform:translateX(14px)}.ob-logo-img{width:100%;height:auto;max-height:100px;object-fit:contain;filter:invert(33%) sepia(82%) saturate(1287%) hue-rotate(182deg) brightness(91%) contrast(92%)}.ob-progress-track{width:100%;height:3px;background-color:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:28px}.ob-progress-fill{height:100%;background-color:#1c6ca7;transition:width .35s ease}.ob-body-content{flex:1 1}.ob-body-content,.ob-step-pane{display:flex;flex-direction:column}.ob-step-pane{align-items:center;text-align:center;width:100%;flex:1 1}.ob-subheader{font-size:11px;font-weight:800;color:#1c6ca7;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px}.ob-title{font-size:24px;font-weight:800;color:#111111;margin:0 0 10px;line-height:1.25}.ob-subtitle{font-size:13.5px;color:#64748b;line-height:1.5;margin:0 0 24px;max-width:420px}.ob-feature-list{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px;margin:12px 0 28px;text-align:left}.ob-feature-item{display:flex;align-items:center;gap:14px}.ob-feature-icon{font-size:16px;color:#1c6ca7;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ob-feature-icon-img{width:20px;height:20px;object-fit:contain;display:block}.ob-feature-text{font-size:14px;font-weight:700;color:#111111}.ob-action-center{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:auto;margin-bottom:12px}.ob-btn-primary{width:100%;max-width:360px;background-color:#1c6ca7;color:#ffffff;font-weight:700;font-size:15px;padding:13px 24px;border:none;border-radius:2px;cursor:pointer;transition:background-color .2s ease}.ob-btn-primary:hover{background-color:#165685}.ob-btn-text-link{background:none;border:none;color:#64748b;font-size:13.5px;font-weight:500;cursor:pointer;margin-top:4px}.ob-btn-text-link:hover{color:#0f172a;text-decoration:underline}.ob-form-fields{gap:16px;width:100%;margin-bottom:24px;text-align:left}.ob-field-group,.ob-form-fields{display:flex;flex-direction:column}.ob-field-group{gap:6px}.ob-field-lbl{font-size:12px;font-weight:700;color:#475569}.ob-select-wrapper{position:relative;width:100%}.ob-select-input{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:2px;font-size:14px;color:#111111;background:#ffffff;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;box-sizing:border-box}.ob-select-input.is-placeholder{color:#94a3b8}.ob-select-input:focus{border-color:#1c6ca7;outline:none}.ob-select-caret{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b;font-size:14px}.ob-newsletter-list{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:12px;text-align:left;max-height:290px;overflow-y:auto;padding-right:4px}.ob-nl-card{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid #e8e8e8;background:#ffffff;box-sizing:border-box}.ob-nl-info{display:flex;flex-direction:column;gap:2px}.ob-nl-name{font-size:14px;font-weight:700;color:#111111;margin:0}.ob-nl-desc{font-size:11.5px;color:#64748b;margin:0}.ob-nl-toggle-btn{width:32px;height:32px;background-color:#1c6ca7;color:#ffffff;border:none;border-radius:2px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ob-nl-toggle-btn.added{background-color:#10b981}.ob-edit-pref-link{font-size:12px;margin:4px 0 20px}.ob-edit-pref-link a{color:#1c6ca7;font-weight:600;text-decoration:none}.ob-edit-pref-link a:hover{text-decoration:underline}.ob-mobile-opts{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:24px;text-align:left}.ob-mobile-card{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1px solid #e8e8e8;background:#f8fafc;cursor:pointer;transition:border-color .2s ease,background .2s ease}.ob-mobile-card:hover{border-color:#1c6ca7;background:#f0f7fc}.ob-mobile-left{display:flex;align-items:center;gap:12px}.ob-mobile-icon{font-size:18px;color:#1c6ca7}.ob-mobile-text{font-size:14px;font-weight:700;color:#111111}.ob-mobile-arrow{font-size:16px;color:#64748b}.ob-success-circle-icon{width:56px;height:56px;border-radius:50%;background-color:#1c6ca7;display:flex;align-items:center;justify-content:center;margin:12px 0 20px;box-shadow:0 4px 16px rgba(28,108,167,.25)}.ob-footer-nav{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #f1f5f9}.ob-nav-link-btn{background:none;border:none;color:#1c6ca7;font-weight:600;font-size:14px;cursor:pointer;padding:4px 8px;transition:opacity .2s ease}.ob-nav-btn-content,.ob-nav-link-btn{display:inline-flex;align-items:center}.ob-nav-btn-content{gap:6px;direction:ltr}.ob-arrow-icon{font-size:14px;line-height:1}.ob-nav-link-btn:hover{opacity:.8}.ob-nav-link-btn.bold-link{font-weight:800}.ob-modal-overlay.lang-ar{font-family:Segoe UI,Tahoma,sans-serif}.ob-modal-overlay.lang-ar .ob-select-caret{right:auto;left:14px}.ob-modal-overlay.lang-ar .ob-feature-list,.ob-modal-overlay.lang-ar .ob-form-fields,.ob-modal-overlay.lang-ar .ob-mobile-opts,.ob-modal-overlay.lang-ar .ob-newsletter-list{text-align:right}