.suppliers-onboarding-so{background:#f9fafb;width:100%;min-height:100vh;padding:40px 0;font-family:Lato,sans-serif}.suppliers-onboarding-so *{font-family:Lato,sans-serif}@media (max-width:991px){.suppliers-onboarding-so{padding:20px 0}}.container-so{max-width:1556px;margin:0 auto;padding:0 20px}@media (max-width:1400px){.container-so{max-width:1200px}}@media (max-width:991px){.container-so{padding:0 15px}}.onboarding-container-so{min-height:calc(100vh - 200px);padding:40px 0}@media (max-width:991px){.onboarding-container-so{padding:20px 0}}.onboarding-card-so{background:#fff;border-radius:15px 0 0 15px;padding:24px;box-shadow:0 0 32px rgba(0,0,0,.29)}@media (max-width:991px){.onboarding-card-so{border-radius:12px;padding:24px}}@media (max-width:767px){.onboarding-card-so{padding:24px 16px}}.onboarding-header-so{margin-bottom:15px}@media (max-width:767px){.onboarding-header-so{margin-bottom:30px}}.onboarding-title-so{color:#222;margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.3}@media (max-width:991px){.onboarding-title-so{font-size:32px}}@media (max-width:767px){.onboarding-title-so{margin-bottom:12px;font-size:28px}}.onboarding-subtitle-so{color:#222;margin:0;font-size:16px;font-weight:400}.onboarding-subtitle-so .highlight-so{color:#2873cc;font-weight:600}@media (max-width:767px){.onboarding-subtitle-so{font-size:14px}}.progress-section-so{margin-bottom:20px}@media (max-width:767px){.progress-section-so{margin-bottom:30px}}.progress-header-so{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.progress-label-so,.progress-step-so{color:#222;font-size:13px;font-weight:400}.progress-bar-wrapper-so{background:#e5e7eb;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-so{background:#2873cc;border-radius:3px;height:100%;transition:width .3s}.profession-selection-so{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}@media (max-width:767px){.profession-selection-so{gap:16px;margin-bottom:30px}}.profession-card-so{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:24px;padding:24px;transition:all .3s;display:flex}.profession-card-so:hover{background:#fff;border:1px solid #eee}.profession-card-so.selected-so{background:#fff;border:1px solid #eee;box-shadow:0 0 32px rgba(0,0,0,.16)}@media (max-width:767px){.profession-card-so{gap:16px;padding:20px}}.profession-icon-so{flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}@media (max-width:767px){.profession-icon-so{width:60px;height:60px}}.profession-content-so{flex:1}.profession-title-so{color:#222;margin-bottom:8px;font-size:18px;font-weight:600}@media (max-width:767px){.profession-title-so{font-size:16px}}.profession-description-so{color:#6b7280;margin:0;font-size:14px;line-height:1.5}@media (max-width:767px){.profession-description-so{font-size:13px}}.radio-button-so{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.profession-card-so.selected-so .radio-button-so{border:6px solid #0a1f44}.radio-circle-so{background:0 0;border-radius:50%;width:12px;height:12px;transition:all .3s}.radio-circle-so.checked-so{background:#fff}.form-header-so{margin-bottom:20px}@media (max-width:767px){.form-header-so{margin-bottom:24px}}.form-title-so{color:#222;margin-bottom:8px;font-size:32px;font-weight:700}@media (max-width:767px){.form-title-so{font-size:24px}}.form-subtitle-so{color:#6b7280;margin:0;font-size:16px}@media (max-width:767px){.form-subtitle-so{font-size:14px}}.onboarding-form-so{width:100%}.form-row-so{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:10px;display:grid}@media (max-width:767px){.form-row-so{grid-template-columns:1fr;gap:16px}}.form-group-so{margin-bottom:10px}.form-group-so:last-of-type{margin-bottom:0}@media (max-width:767px){.form-group-so{margin-bottom:20px}.form-group-so:last-of-type{margin-bottom:0}}.form-group-so .error-message-so{margin-top:6px}.form-group-so .form-hint-so+.error-message-so{margin-top:4px}.form-label-so{color:#222;margin-bottom:8px;font-size:13px;font-weight:400;display:block}.form-label-so .required-so{color:#ef4444;margin-left:2px}@media (max-width:767px){.form-label-so{margin-bottom:6px;font-size:13px}}.form-control-so{color:#222;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:9px 16px;font-size:16px;transition:all .3s}.form-control-so::placeholder{color:#9ca3af}.form-control-so:focus{border-color:#2873cc;box-shadow:0 0 0 3px rgba(40,115,204,.1)}.form-control-so.error-so{border-color:#ef4444}.form-control-so.error-so:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}@media (max-width:767px){.form-control-so{padding:10px 14px;font-size:14px}}.phone-input-wrapper-so .form-control-so{border:none}.phone-input-wrapper-so .form-control-so:focus{box-shadow:none;border:none}.form-hint-so{color:#9ca3af;margin-top:6px;margin-bottom:0;font-size:12px}.error-message-so{color:#ef4444;margin-top:6px;margin-bottom:0;font-size:14px;line-height:1.4;display:inline-block}@media (max-width:767px){.error-message-so{font-size:13px}}.phone-input-wrapper-so{border:1px solid #d1d5db;border-radius:8px;align-items:stretch;gap:0;transition:all .3s;display:flex;overflow:hidden}.phone-input-wrapper-so:focus-within{border-color:#2873cc;box-shadow:0 0 0 3px rgba(40,115,204,.1)}.phone-input-wrapper-so.error-wrapper-so{border-color:#ef4444}.phone-input-wrapper-so.error-wrapper-so:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}@media (max-width:767px){.phone-input-wrapper-so{border-radius:6px}}.phone-code-wrapper-so{background:#fff;border-right:1px solid #d1d5db;flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex}@media (max-width:767px){.phone-code-wrapper-so{gap:6px;padding:0 8px}}.flag-icon-so{flex-shrink:0;align-items:center;font-size:20px;line-height:1;display:flex}@media (max-width:767px){.flag-icon-so{font-size:18px}}.phone-code-select-so{color:#222;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23111827' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") right 8px center no-repeat;border:none;border-radius:0;outline:none;flex-shrink:0;width:auto;min-width:50px;padding:9px 28px 9px 0;font-size:16px;transition:all .3s}.phone-code-select-so:focus{outline:none}@media (max-width:767px){.phone-code-select-so{min-width:45px;padding:10px 24px 10px 0;font-size:14px}}.phone-input-so{border:none;border-radius:0;flex:1}.phone-input-so:focus{box-shadow:none;border:none}.onboarding-actions-so{border-top:1px solid #e5e7eb;justify-content:space-between;gap:16px;margin-top:25px;padding-top:25px;display:flex}@media (max-width:767px){.onboarding-actions-so{flex-direction:row-reverse;justify-content:space-between;margin-top:32px;padding-top:24px}}.btn-back-so{color:#222;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:49%;padding:10px 24px;font-size:16px;font-weight:500;transition:all .3s;display:flex}.btn-back-so:hover{background:#f9fafb;border-color:#9ca3af}.btn-back-so svg{width:16px;height:16px}@media (max-width:767px){.btn-back-so{justify-content:center;width:100%;padding:10px 20px;font-size:14px}}.btn-continue-so{color:#fff;cursor:pointer;border:none;border-radius:8px;width:49%;padding:10px 32px;font-size:16px;font-weight:500;transition:all .3s}@media (max-width:767px){.btn-continue-so{width:100%;padding:10px 24px;font-size:14px}}.btn-continue-step1-so{background:#2873cc;border:1px solid #2873cc}.btn-continue-step1-so:hover:not(.disabled-so):not(:disabled){background:#2873cc;border-color:#2873cc}.btn-continue-step1-so.disabled-so,.btn-continue-step1-so:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af;border-color:#9ca3af}.btn-continue-step2-so{background:#2873cc;border:1px solid #2873cc}.btn-continue-step2-so:hover:not(.disabled-so):not(:disabled){background:#1e5fa3;border-color:#1e5fa3}.btn-continue-step2-so.disabled-so,.btn-continue-step2-so:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af;border-color:#9ca3af}.quote-panel-so{border-radius:0 15px 15px 0;height:100%;overflow:hidden}.quote-panel-so img{height:100%}@media (max-width:991px){.quote-panel-so{min-height:400px;margin-top:20px;padding:40px 30px}}@media (max-width:767px){.quote-panel-so{min-height:350px;padding:30px 20px}}.quote-text-so{color:#fff;z-index:1;margin-bottom:40px;font-size:32px;font-weight:600;line-height:1.4;position:relative}@media (max-width:1400px){.quote-text-so{font-size:28px}}@media (max-width:991px){.quote-text-so{margin-bottom:30px;font-size:24px}}@media (max-width:767px){.quote-text-so{margin-bottom:24px;font-size:20px}}.quote-image-so{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.quote-image-so svg{filter:grayscale()contrast(1.2);border-radius:8px;width:100%;max-width:300px;height:auto}@media (max-width:991px){.quote-image-so svg{max-width:250px}}@media (max-width:767px){.quote-image-so svg{max-width:200px}}.modal-overlay-so{z-index:10000;background:rgba(0,0,0,.6);justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn-so;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn-so{0%{opacity:0}to{opacity:1}}.modal-content-so{background:#fff;border-radius:16px;width:100%;max-width:500px;padding:20px;animation:.3s slideUp-so;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3)}@keyframes slideUp-so{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.modal-content-so{border-radius:12px;padding:24px}}.modal-content-so.modal-content-large-so{max-width:438px}.modal-close-so{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.modal-close-so:hover{color:#222;background:#f3f4f6}.modal-close-so svg{width:20px;height:20px}@media (max-width:767px){.modal-close-so{width:28px;height:28px;top:16px;right:16px}}.modal-title-so{color:#222;text-align:center;margin-bottom:16px;font-size:24px;font-weight:700;line-height:1.3}@media (max-width:767px){.modal-title-so{margin-bottom:12px;font-size:20px}}.modal-text-so{color:rgba(0,0,0,.54);text-align:center;margin-bottom:12px;font-size:16px;font-weight:400;line-height:1.6}.modal-text-so strong{color:#222;font-weight:600}@media (max-width:767px){.modal-text-so{font-size:14px}}.modal-hint-so{color:#222;text-align:center;background:#f6f6f6;border-radius:8px;margin-bottom:24px;padding:10px 16px;font-size:13px;font-weight:500;line-height:1.5}@media (max-width:767px){.modal-hint-so{margin-bottom:20px;font-size:13px}}.modal-info-box-so{background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;margin-bottom:24px;padding:16px}@media (max-width:767px){.modal-info-box-so{margin-bottom:20px;padding:12px}}.modal-info-text-so{color:#065f46;text-align:center;margin:0;font-size:14px;line-height:1.6}@media (max-width:767px){.modal-info-text-so{font-size:13px}}.modal-actions-so{justify-content:flex-end;gap:12px;display:flex}@media (max-width:767px){.modal-actions-so{flex-direction:column;gap:10px}}.email-input-so{border:1px solid #ccc;border-radius:8px;width:70%;padding:5px}@media (max-width:767px){.email-input-so{flex-direction:column;width:100%}}.btn-secondary-so{color:#222;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:49%;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btn-secondary-so:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:767px){.btn-secondary-so{width:100%;padding:12px 20px}}.btn-primary-so{color:#fff;cursor:pointer;background:#2873cc;border:1px solid #2873cc;border-radius:8px;width:49%;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btn-primary-so:hover{background:#1e5fa3;border-color:#1e5fa3}@media (max-width:767px){.btn-primary-so{width:100%;padding:12px 20px}}@media (max-width:991px){.quote-panel-so{order:-1}}@media (max-width:575px){.onboarding-card-so{padding:20px 16px}.onboarding-title-so{font-size:24px}.form-title-so{font-size:20px}.profession-card-so{text-align:center;flex-direction:column;padding:20px 16px}.profession-icon-so{margin:0 auto}.quote-panel-so{min-height:300px;padding:24px 16px}.quote-text-so{margin-bottom:20px;font-size:18px}.quote-image-so svg{max-width:150px}.modal-content-so{margin:10px;padding:20px 16px}.modal-title-so{font-size:18px}.modal-text-so,.modal-hint-so,.modal-info-text-so{font-size:13px}}.show-password-so{float:left;width:100%;margin-top:8px}.show-password-so .input-wrap{float:right;gap:5px;display:flex}.show-password-so input{cursor:pointer;width:20px;height:20px}.show-password-so label{color:#000;cursor:pointer;font-size:13px;font-weight:400}.terms-wrapper{padding:4px 0}.terms-checkbox{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.terms-checkbox input{width:20px;height:20px}.terms-checkbox .custom-check{border:1.5px solid #fff;border-radius:3px;flex-shrink:0;width:15px;height:15px;position:relative}.terms-checkbox .custom-check:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.terms-checkbox input:checked+.custom-check:after{opacity:1}.terms-checkbox .terms-text{color:#000;font-size:13px;font-weight:400;line-height:1.4}.terms-checkbox .terms-text a{color:#2873cc;text-decoration:none}.terms-checkbox .terms-text a:hover{text-decoration:underline}