{"id":3986,"date":"2025-07-31T16:51:46","date_gmt":"2025-07-31T16:51:46","guid":{"rendered":"https:\/\/xpaid.org\/?page_id=3986"},"modified":"2025-09-29T19:35:55","modified_gmt":"2025-09-29T19:35:55","slug":"aplikacja-partnerska","status":"publish","type":"page","link":"https:\/\/xpaid.org\/pl\/partnership-application\/","title":{"rendered":"Aplikacja partnerska"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3986\" class=\"elementor elementor-3986\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-965f588 e-flex e-con-boxed e-con e-parent\" data-id=\"965f588\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d44751d elementor-widget elementor-widget-html\" data-id=\"d44751d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* B2B Application Form Styles *\/\n.b2b-form-container {\n    max-width: 720px;\n    margin: 0 auto;\n    padding: 20px;\n    background-color: #ffffff;\n    line-height: 1.5;\n}\n\n .elementor-kit-6 h1 {\n     font-size: 50px  ;\n    }\n    \n     .elementor-kit-6 h2 {\n     font-size: 22px  ;\n    }\n\n\n\n\/* Header Styles *\/\n.b2b-form-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 40px;\n}\n\n.b2b-form-subtitle {\n    font-size: 12px;\n    font-weight: 500;\n    color: #666666;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin: 0 0 8px 0;\n}\n\n.b2b-form-title {\n    font-size: 28px;\n    font-weight: 700;\n    color: #000000;\n    margin: 0 0 16px 0;\n    line-height: 1.25;\n}\n\n.b2b-form-help-text {\n    font-size: 14px;\n    color: #666666;\n    margin: 0;\n}\n\n.b2b-form-help-text p {\n    margin: 0 0 4px 0;\n}\n\n.b2b-form-help-section {\n    text-align: right;\n    min-width: 200px;\n    margin-left: 40px;\n}\n\n.b2b-form-help-title {\n    font-size: 14px;\n    font-weight: 600;\n    color: #000000;\n    margin: 0 0 4px 0;\n}\n\n.b2b-form-help-description {\n    font-size: 12px;\n    color: #666666;\n    margin: 0;\n}\n\n.b2b-form-link {\n    color: #0066cc;\n    text-decoration: underline;\n}\n\n.b2b-form-link:hover {\n    color: #0052a3;\n}\n\n\/* Form Sections *\/\n.b2b-form-section {\n    margin-bottom: 48px;\n}\n\n.b2b-section-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: #000000;\n    margin: 0 0 24px 0;\n    padding-bottom: 8px;\n    border-bottom: 2px solid #000000;\n}\n\n\/* Form Fields *\/\n.b2b-form-field {\n    margin-bottom: 24px;\n}\n\n.b2b-form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n}\n\n.b2b-form-label {\n    display: block;\n    font-size: 14px;\n    font-weight: 500;\n    color: #000000;\n    margin-bottom: 8px;\n}\n\n.b2b-required {\n    color: #ff0000;\n}\n\n.b2b-form-input,\n.b2b-form-select,\n.b2b-form-textarea {\n    width: 100%;\n    padding: 12px 16px;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    font-size: 14px;\n    font-family: inherit;\n    background-color: #ffffff;\n    transition: border-color 0.2s ease;\n    box-sizing: border-box;\n}\n\n.b2b-form-input:focus,\n.b2b-form-select:focus,\n.b2b-form-textarea:focus {\n    outline: none;\n    border-color: #00c851;\n    box-shadow: 0 0 0 2px rgba(0, 200, 81, 0.1);\n}\n\n.b2b-form-input::placeholder,\n.b2b-form-textarea::placeholder {\n    color: #999999;\n}\n\n.b2b-form-textarea {\n    resize: vertical;\n    min-height: 80px;\n}\n\n\/* Country Selector - FIXED *\/\n.b2b-country-selector {\n    position: relative;\n}\n\n.b2b-country-input {\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11.5 6.5L8 10L4.5 6.5' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 16px center;\n    padding-right: 40px;\n}\n\n.b2b-country-input.b2b-has-selection {\n    background-image: none;\n    padding-right: 16px;\n}\n\n.b2b-country-dropdown {\n    position: absolute;\n    top: calc(100% + 2px);\n    left: 0;\n    right: 0;\n    background-color: #ffffff;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    max-height: 200px;\n    overflow-y: auto;\n    z-index: 1000;\n    display: none;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    opacity: 0;\n    transform: translateY(-5px);\n    transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.b2b-country-dropdown.b2b-show {\n    display: block;\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.b2b-country-option {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    border-bottom: 1px solid #f5f5f5;\n}\n\n.b2b-country-option:last-child {\n    border-bottom: none;\n}\n\n.b2b-country-option:hover,\n.b2b-country-option.b2b-highlighted {\n    background-color: #f5f5f5;\n}\n\n.b2b-country-flag {\n    width: 20px;\n    height: 15px;\n    margin-right: 12px;\n    border-radius: 2px;\n    object-fit: cover;\n    font-size: 16px;\n    text-align: center;\n    line-height: 15px;\n}\n\n.b2b-selected-country {\n    display: flex;\n    align-items: center;\n    padding: 8px 0;\n    margin-top: 8px;\n    background-color: #f8f9fa;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    padding: 8px 12px;\n}\n\n.b2b-selected-country .b2b-country-flag {\n    margin-right: 8px;\n}\n\n.b2b-selected-country .b2b-country-name {\n    flex: 1;\n    font-weight: 500;\n    color: #000000;\n}\n\n.b2b-country-remove {\n    margin-left: auto;\n    padding: 4px 8px;\n    background: none;\n    border: none;\n    color: #666666;\n    cursor: pointer;\n    font-size: 16px;\n    border-radius: 2px;\n    transition: background-color 0.2s ease, color 0.2s ease;\n}\n\n.b2b-country-remove:hover {\n    background-color: #e0e0e0;\n    color: #000000;\n}\n\n\/* Checkbox Styles *\/\n.b2b-checkbox-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px 24px;\n}\n\n.b2b-checkbox-item {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 14px;\n    color: #000000;\n    margin: 0;\n}\n\n.b2b-checkbox {\n    appearance: none;\n    width: 18px;\n    height: 18px;\n    border: 2px solid #e0e0e0;\n    border-radius: 3px;\n    margin-right: 12px;\n    position: relative;\n    flex-shrink: 0;\n    transition: all 0.2s ease;\n}\n\n.b2b-checkbox:checked {\n    background-color: #00c851;\n    border-color: #00c851;\n}\n\n.b2b-checkbox:checked::after {\n    content: '';\n    position: absolute;\n    top: 2px;\n    left: 5px;\n    width: 6px;\n    height: 10px;\n    border: solid white;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n}\n\n.b2b-checkbox-text {\n    flex: 1;\n}\n\n\/* Other Industry Field *\/\n.b2b-other-industry {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid #e0e0e0;\n}\n\n\/* Select Container *\/\n.b2b-select-container {\n    position: relative;\n}\n\n.b2b-form-select {\n    appearance: none;\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11.5 6.5L8 10L4.5 6.5' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 16px center;\n    padding-right: 40px;\n    cursor: pointer;\n}\n\n\/* Form Actions *\/\n.b2b-form-actions {\n    text-align: center;\n    margin-top: 48px;\n}\n\n.b2b-submit-btn {\n    background-color: #000000;\n    color: #ffffff;\n    border: none;\n    border-radius: 24px;\n    padding: 16px 48px;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    margin-bottom: 16px;\n    width: 100%;\n    max-width: 400px;\n}\n\n.b2b-submit-btn:hover {\n    background-color: #333333;\n}\n\n.b2b-submit-btn:active {\n    background-color: #555555;\n}\n\n.b2b-submit-btn:disabled {\n    background-color: #cccccc;\n    cursor: not-allowed;\n}\n\n.b2b-privacy-notice {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    color: #666666;\n    gap: 8px;\n}\n\n.b2b-privacy-icon {\n    font-size: 14px;\n}\n\n\/* Error States *\/\n.b2b-form-input.b2b-error,\n.b2b-form-select.b2b-error,\n.b2b-form-textarea.b2b-error {\n    border-color: #ff0000;\n}\n\n.b2b-error-message {\n    display: block;\n    color: #ff0000;\n    font-size: 12px;\n    margin-top: 4px;\n}\n\n\/* Success States *\/\n.b2b-form-input.b2b-success,\n.b2b-form-select.b2b-success,\n.b2b-form-textarea.b2b-success {\n    border-color: #00c851;\n}\n\n\/* Loading State *\/\n.b2b-loading {\n    position: relative;\n}\n\n.b2b-loading::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    right: 16px;\n    width: 16px;\n    height: 16px;\n    margin-top: -8px;\n    border: 2px solid #e0e0e0;\n    border-top: 2px solid #00c851;\n    border-radius: 50%;\n    animation: b2b-spin 1s linear infinite;\n}\n\n@keyframes b2b-spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    .b2b-form-container {\n        padding: 16px;\n    }\n    \n    .b2b-form-header {\n        flex-direction: column;\n        gap: 20px;\n    }\n    \n    .b2b-form-help-section {\n        text-align: left;\n        margin-left: 0;\n        min-width: auto;\n    }\n    \n    .b2b-form-title {\n        font-size: 24px;\n    }\n    \n    .b2b-form-row {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n    \n    .b2b-checkbox-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }\n    \n    .b2b-submit-btn {\n        padding: 14px 32px;\n    }\n}\n\n@media (max-width: 480px) {\n    .b2b-form-container {\n        padding: 12px;\n    }\n    \n    .elementor-kit-6 h1 {\n     font-size: 30px  ;\n    }\n    \n    .b2b-form-title {\n        font-size: 20px;\n    }\n    \n    .b2b-section-title {\n        font-size: 16px;\n    }\n}\n<\/style>\n\n<div class=\"b2b-form-container\">\n    <div class=\"b2b-form-header\">\n        <div class=\"b2b-form-title-section\">\n            <div><\/div>\n            <p class=\"b2b-form-subtitle\">\u0417\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/p>\n            <h1 class=\"b2b-form-title\">\u0417\u0430\u043b\u0438\u0448\u0442\u0435 \u0437\u0430\u043f\u0438\u0442 \u2014 \u043c\u0438 \u0437\u043d\u0430\u0439\u0434\u0435\u043c\u043e \u0440\u0456\u0448\u0435\u043d\u043d\u044f \u0434\u043b\u044f \u0432\u0430\u0441<\/h1>\n        <\/div>\n    <\/div>\n\n    <div id=\"b2b-success-message\" style=\"display: none; background: #d4edda; border: 1px solid #c3e6cb; color: #155724; padding: 16px; border-radius: 4px; margin: 20px 0;\">\n        \u2705 \u0414\u044f\u043a\u0443\u0454\u043c\u043e \u0437\u0430 \u0432\u0430\u0448\u0443 \u0437\u0430\u044f\u0432\u043a\u0443! \u041c\u0438 \u0437\u0432'\u044f\u0436\u0435\u043c\u043e\u0441\u044f \u0437 \u0432\u0430\u043c\u0438 \u043f\u0440\u043e\u0442\u044f\u0433\u043e\u043c 24 \u0433\u043e\u0434\u0438\u043d.\n    <\/div>\n\n    <div id=\"b2b-error-message\" style=\"display: none; background: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; padding: 16px; border-radius: 4px; margin: 20px 0;\">\n        \u274c <span id=\"error-text\"><\/span>\n    <\/div>\n\n    <div class=\"b2b-application-form\" id=\"b2bApplicationForm\">\n        <!-- \u0420\u043e\u0437\u0434\u0456\u043b 1: \u0414\u0430\u043d\u0456 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0457 -->\n        <section class=\"b2b-form-section\">\n            <h2 class=\"b2b-section-title\">1. \u0414\u0430\u043d\u0456 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0457<\/h2>\n            \n            <div class=\"b2b-form-row\">\n                <div class=\"b2b-form-field\">\n                    <label for=\"companyName\" class=\"b2b-form-label\">\u041d\u0430\u0437\u0432\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0457 <span class=\"b2b-required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"companyName\" name=\"company_name\" class=\"b2b-form-input\" placeholder=\"\u0412\u0432\u0435\u0434\u0456\u0442\u044c \u043d\u0430\u0437\u0432\u0443 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0457\" required>\n                <\/div>\n                \n                <div class=\"b2b-form-field\">\n                    <label for=\"websiteUrl\" class=\"b2b-form-label\">URL \u0441\u0430\u0439\u0442\u0443 <span class=\"b2b-required\">*<\/span><\/label>\n                    <input type=\"url\" id=\"websiteUrl\" name=\"website_url\" class=\"b2b-form-input\" placeholder=\"\u0412\u0441\u0442\u0430\u0432\u0442\u0435 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\" required>\n                <\/div>\n            <\/div>\n\n            <div class=\"b2b-form-field\">\n                <label for=\"businessCountry\" class=\"b2b-form-label\">\u041a\u0440\u0430\u0457\u043d\u0430 \u0440\u0435\u0454\u0441\u0442\u0440\u0430\u0446\u0456\u0457 \u0431\u0456\u0437\u043d\u0435\u0441\u0443 <span class=\"b2b-required\">*<\/span><\/label>\n                <div class=\"b2b-country-selector\">\n                    <input type=\"text\" id=\"businessCountry\" name=\"business_country\" class=\"b2b-form-input b2b-country-input\" placeholder=\"\u041f\u043e\u0448\u0443\u043a \u043a\u0440\u0430\u0457\u043d\u0438\" required autocomplete=\"off\">\n                    <div class=\"b2b-country-dropdown\" id=\"countryDropdown\"><\/div>\n                    <div class=\"b2b-selected-country\" id=\"selectedCountry\" style=\"display: none;\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"b2b-form-field\">\n                <label class=\"b2b-form-label\">\u0421\u0444\u0435\u0440\u0430 \u0431\u0456\u0437\u043d\u0435\u0441\u0443 (\u043e\u0431\u0435\u0440\u0456\u0442\u044c \u0434\u043e 3) <span class=\"b2b-required\">*<\/span><\/label>\n                <div class=\"b2b-checkbox-grid\">\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"e-commerce\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u0415-\u043a\u043e\u043c\u0435\u0440\u0446\u0456\u044f<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"education\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u041e\u0441\u0432\u0456\u0442\u0430<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"crypto-web3\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u041a\u0440\u0438\u043f\u0442\u043e \/ Web3<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"marketplace\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u041c\u0430\u0440\u043a\u0435\u0442\u043f\u043b\u0435\u0439\u0441<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"high-risk\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u0412\u0438\u0441\u043e\u043a\u0438\u0439 \u0440\u0438\u0437\u0438\u043a (\u0424\u043e\u0440\u0435\u043a\u0441, \u0421\u0442\u0430\u0432\u043a\u0438, \u0410\u0437\u0430\u0440\u0442\u043d\u0456 \u0456\u0433\u0440\u0438)<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"adult-content\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0434\u043b\u044f \u0434\u043e\u0440\u043e\u0441\u043b\u0438\u0445<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"saas-subscriptions\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">SaaS \/ \u041f\u0456\u0434\u043f\u0438\u0441\u043a\u0438<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"digital-goods\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u0426\u0438\u0444\u0440\u043e\u0432\u0456 \u0442\u043e\u0432\u0430\u0440\u0438<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"donation-platforms\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0438 \u0434\u043b\u044f \u043f\u043e\u0436\u0435\u0440\u0442\u0432<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"financial-services\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u0424\u0456\u043d\u0430\u043d\u0441\u043e\u0432\u0456 \u043f\u043e\u0441\u043b\u0443\u0433\u0438<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"business_industry[]\" value=\"other\" class=\"b2b-checkbox\" id=\"otherIndustryCheckbox\"><span class=\"b2b-checkbox-text\">\u0406\u043d\u0448\u0435<\/span><\/label>\n                <\/div>\n                <div class=\"b2b-form-field b2b-other-industry\" id=\"otherIndustryField\" style=\"display: none;\">\n                    <label for=\"otherIndustryText\" class=\"b2b-form-label\">\u0406\u043d\u0448\u0430 \u0441\u0444\u0435\u0440\u0430 <span class=\"b2b-required\">*<\/span><\/label>\n                    <input type=\"text\" id=\"otherIndustryText\" name=\"other_industry\" class=\"b2b-form-input\" placeholder=\"\u0412\u0432\u0435\u0434\u0456\u0442\u044c \u0441\u0444\u0435\u0440\u0443\">\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u0420\u043e\u0437\u0434\u0456\u043b 2: \u041f\u043b\u0430\u0442\u0456\u0436\u043d\u0456 \u043f\u043e\u0442\u0440\u0435\u0431\u0438 -->\n        <section class=\"b2b-form-section\">\n            <h2 class=\"b2b-section-title\">2. \u041f\u043b\u0430\u0442\u0456\u0436\u043d\u0456 \u043f\u043e\u0442\u0440\u0435\u0431\u0438<\/h2>\n            \n            <div class=\"b2b-form-field\">\n                <label class=\"b2b-form-label\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043f\u043e\u0441\u043b\u0443\u0433\u0443, \u044f\u043a\u0430 \u0432\u0430\u0441 \u0446\u0456\u043a\u0430\u0432\u0438\u0442\u044c <span class=\"b2b-required\">*<\/span><\/label>\n                <div class=\"b2b-checkbox-grid\">\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"payment_services[]\" value=\"bank-transfers\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u0411\u0430\u043d\u043a\u0456\u0432\u0441\u044c\u043a\u0456 \u043f\u0435\u0440\u0435\u043a\u0430\u0437\u0438<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"payment_services[]\" value=\"onoff-ramp\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">On\/Off ramp \u0440\u0456\u0448\u0435\u043d\u043d\u044f<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"payment_services[]\" value=\"crypto-payments\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u041a\u0440\u0438\u043f\u0442\u043e\u043f\u043b\u0430\u0442\u0435\u0436\u0456<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"payment_services[]\" value=\"stablecoin-settlement\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u0420\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u0443 \u0441\u0442\u0435\u0439\u0431\u043b\u043a\u043e\u0457\u043d\u0430\u0445<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"payment_services[]\" value=\"otc-desk\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">OTC-\u0434\u0435\u0441\u043a<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"payment_services[]\" value=\"white-label\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">White Label \u0440\u0456\u0448\u0435\u043d\u043d\u044f<\/span><\/label>\n                    <label class=\"b2b-checkbox-item\"><input type=\"checkbox\" name=\"payment_services[]\" value=\"dedicated-iban\" class=\"b2b-checkbox\"><span class=\"b2b-checkbox-text\">\u0412\u0438\u0434\u0456\u043b\u0435\u043d\u0438\u0439 \u0440\u0430\u0445\u0443\u043d\u043e\u043a IBAN<\/span><\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"b2b-form-field\">\n                <label for=\"monthlyVolume\" class=\"b2b-form-label\">\u0421\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u043c\u0456\u0441\u044f\u0447\u043d\u0438\u0439 \u043e\u0431\u0441\u044f\u0433 <span class=\"b2b-required\">*<\/span><\/label>\n                <div class=\"b2b-select-container\">\n                    <select id=\"monthlyVolume\" name=\"monthly_volume\" class=\"b2b-form-select\" required>\n                        <option value=\"\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u0437\u0456 \u0441\u043f\u0438\u0441\u043a\u0443<\/option>\n                        <option value=\"30k-100k\">$30K - $100K<\/option>\n                        <option value=\"100k-500k\">$100K - $500K<\/option>\n                        <option value=\"500k-1m\">$500K - $1M<\/option>\n                        <option value=\"1m-5m\">$1M - $5M<\/option>\n                        <option value=\"5m-20m\">$5M - $20M<\/option>\n                        <option value=\"20m+\">$20M+<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u0420\u043e\u0437\u0434\u0456\u043b 3: \u0412\u0438\u043c\u043e\u0433\u0438 \u0442\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438 -->\n        <section class=\"b2b-form-section\">\n            <h2 class=\"b2b-section-title\">3. \u0412\u0438\u043c\u043e\u0433\u0438 \u0442\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0456 \u0434\u0430\u043d\u0456<\/h2>\n            \n            <div class=\"b2b-form-field\">\n                <label for=\"additionalNotes\" class=\"b2b-form-label\">\u0414\u043e\u0434\u0430\u0442\u043a\u043e\u0432\u0456 \u043f\u043e\u0431\u0430\u0436\u0430\u043d\u043d\u044f \/ \u0412\u0438\u043c\u043e\u0433\u0438<\/label>\n                <textarea id=\"additionalNotes\" name=\"additional_notes\" class=\"b2b-form-textarea\" placeholder=\"\u0420\u043e\u0437\u043a\u0430\u0436\u0456\u0442\u044c \u043d\u0430\u043c \u0431\u0456\u043b\u044c\u0448\u0435: \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0439 \u043e\u043f\u0438\u0441 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0443, \u043f\u043b\u0430\u0442\u0456\u0436\u043d\u0456 \u043c\u043e\u0434\u0435\u043b\u0456, \u0442\u0435\u0445\u043d\u0456\u0447\u043d\u0456 \u043f\u0435\u0440\u0435\u0432\u0430\u0433\u0438...\" rows=\"4\"><\/textarea>\n            <\/div>\n\n            <div class=\"b2b-form-row\">\n                <div class=\"b2b-form-field\">\n                    <label for=\"contactEmail\" class=\"b2b-form-label\">Email \u0434\u043b\u044f \u0437\u0432'\u044f\u0437\u043a\u0443 <span class=\"b2b-required\">*<\/span><\/label>\n                    <input type=\"email\" id=\"contactEmail\" name=\"contact_email\" class=\"b2b-form-input\" placeholder=\"Email\" required>\n                <\/div>\n                \n                <div class=\"b2b-form-field\">\n                    <label for=\"telegram\" class=\"b2b-form-label\">Telegram<\/label>\n                    <input type=\"text\" id=\"telegram\" name=\"telegram\" class=\"b2b-form-input\" placeholder=\"\u041d\u0456\u043a\u043d\u0435\u0439\u043c \/ \u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443\">\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"b2b-form-actions\">\n            <button type=\"button\" class=\"b2b-submit-btn\" id=\"submitButton\">\u041f\u0440\u043e\u0434\u043e\u0432\u0436\u0438\u0442\u0438<\/button>\n            <div class=\"b2b-privacy-notice\">\n                <span class=\"b2b-privacy-icon\">\ud83d\udd12<\/span>\n                <span class=\"b2b-privacy-text\">\u041c\u0438 \u043f\u043e\u0432\u0430\u0436\u0430\u0454\u043c\u043e \u0432\u0430\u0448\u0443 \u043a\u043e\u043d\u0444\u0456\u0434\u0435\u043d\u0446\u0456\u0439\u043d\u0456\u0441\u0442\u044c \u0456 \u0437\u0430\u0445\u0438\u0449\u0430\u0454\u043c\u043e \u0432\u0430\u0448\u0456 \u0434\u0430\u043d\u0456. \u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435 \u0443 <a href=\"https:\/\/xpaid.org\/terms-of-use\/\" class=\"b2b-form-link\">\u041f\u0440\u0430\u0432\u0438\u043b\u0430\u0445 \u0442\u0430 \u0443\u043c\u043e\u0432\u0430\u0445<\/a>.<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n\/\/ B2B Application Form JavaScript - FIXED Country Selector\n(function() {\n    'use strict';\n\n    \/\/ Configuration\n    const B2B_CONFIG = {\n        maxIndustries: 3,\n        debounceDelay: 300,\n        submitEndpoint: '\/submit-b2b-form.php'\n    };\n\n    \/\/ Countries data with flags\n    const COUNTRIES_DATA = [\n        { name: 'Argentina', code: 'AR', flag: '\ud83c\udde6\ud83c\uddf7' },\n        { name: 'Armenia', code: 'AM', flag: '\ud83c\udde6\ud83c\uddf2' },\n        { name: 'Australia', code: 'AU', flag: '\ud83c\udde6\ud83c\uddfa' },\n        { name: 'Austria', code: 'AT', flag: '\ud83c\udde6\ud83c\uddf9' },\n        { name: 'Azerbaijan', code: 'AZ', flag: '\ud83c\udde6\ud83c\uddff' },\n        { name: 'Bahamas', code: 'BS', flag: '\ud83c\udde7\ud83c\uddf8' },\n        { name: 'Bahrain', code: 'BH', flag: '\ud83c\udde7\ud83c\udded' },\n        { name: 'Bangladesh', code: 'BD', flag: '\ud83c\udde7\ud83c\udde9' },\n        { name: 'Belgium', code: 'BE', flag: '\ud83c\udde7\ud83c\uddea' },\n        { name: 'Brazil', code: 'BR', flag: '\ud83c\udde7\ud83c\uddf7' },\n        { name: 'Bulgaria', code: 'BG', flag: '\ud83c\udde7\ud83c\uddec' },\n        { name: 'Canada', code: 'CA', flag: '\ud83c\udde8\ud83c\udde6' },\n        { name: 'Chile', code: 'CL', flag: '\ud83c\udde8\ud83c\uddf1' },\n        { name: 'China', code: 'CN', flag: '\ud83c\udde8\ud83c\uddf3' },\n        { name: 'Colombia', code: 'CO', flag: '\ud83c\udde8\ud83c\uddf4' },\n        { name: 'Croatia', code: 'HR', flag: '\ud83c\udded\ud83c\uddf7' },\n        { name: 'Cyprus', code: 'CY', flag: '\ud83c\udde8\ud83c\uddfe' },\n        { name: 'Czech Republic', code: 'CZ', flag: '\ud83c\udde8\ud83c\uddff' },\n        { name: 'Denmark', code: 'DK', flag: '\ud83c\udde9\ud83c\uddf0' },\n        { name: 'Estonia', code: 'EE', flag: '\ud83c\uddea\ud83c\uddea' },\n        { name: 'Finland', code: 'FI', flag: '\ud83c\uddeb\ud83c\uddee' },\n        { name: 'France', code: 'FR', flag: '\ud83c\uddeb\ud83c\uddf7' },\n        { name: 'Georgia', code: 'GE', flag: '\ud83c\uddec\ud83c\uddea' },\n        { name: 'Germany', code: 'DE', flag: '\ud83c\udde9\ud83c\uddea' },\n        { name: 'Greece', code: 'GR', flag: '\ud83c\uddec\ud83c\uddf7' },\n        { name: 'Hong Kong', code: 'HK', flag: '\ud83c\udded\ud83c\uddf0' },\n        { name: 'Hungary', code: 'HU', flag: '\ud83c\udded\ud83c\uddfa' },\n        { name: 'Iceland', code: 'IS', flag: '\ud83c\uddee\ud83c\uddf8' },\n        { name: 'India', code: 'IN', flag: '\ud83c\uddee\ud83c\uddf3' },\n        { name: 'Indonesia', code: 'ID', flag: '\ud83c\uddee\ud83c\udde9' },\n        { name: 'Ireland', code: 'IE', flag: '\ud83c\uddee\ud83c\uddea' },\n        { name: 'Israel', code: 'IL', flag: '\ud83c\uddee\ud83c\uddf1' },\n        { name: 'Italy', code: 'IT', flag: '\ud83c\uddee\ud83c\uddf9' },\n        { name: 'Japan', code: 'JP', flag: '\ud83c\uddef\ud83c\uddf5' },\n        { name: 'Kazakhstan', code: 'KZ', flag: '\ud83c\uddf0\ud83c\uddff' },\n        { name: 'Latvia', code: 'LV', flag: '\ud83c\uddf1\ud83c\uddfb' },\n        { name: 'Lithuania', code: 'LT', flag: '\ud83c\uddf1\ud83c\uddf9' },\n        { name: 'Luxembourg', code: 'LU', flag: '\ud83c\uddf1\ud83c\uddfa' },\n        { name: 'Malaysia', code: 'MY', flag: '\ud83c\uddf2\ud83c\uddfe' },\n        { name: 'Malta', code: 'MT', flag: '\ud83c\uddf2\ud83c\uddf9' },\n        { name: 'Mexico', code: 'MX', flag: '\ud83c\uddf2\ud83c\uddfd' },\n        { name: 'Netherlands', code: 'NL', flag: '\ud83c\uddf3\ud83c\uddf1' },\n        { name: 'New Zealand', code: 'NZ', flag: '\ud83c\uddf3\ud83c\uddff' },\n        { name: 'Norway', code: 'NO', flag: '\ud83c\uddf3\ud83c\uddf4' },\n        { name: 'Poland', code: 'PL', flag: '\ud83c\uddf5\ud83c\uddf1' },\n        { name: 'Portugal', code: 'PT', flag: '\ud83c\uddf5\ud83c\uddf9' },\n        { name: 'Romania', code: 'RO', flag: '\ud83c\uddf7\ud83c\uddf4' },\n        { name: 'Russia', code: 'RU', flag: '\ud83c\uddf7\ud83c\uddfa' },\n        { name: 'Singapore', code: 'SG', flag: '\ud83c\uddf8\ud83c\uddec' },\n        { name: 'Slovakia', code: 'SK', flag: '\ud83c\uddf8\ud83c\uddf0' },\n        { name: 'Slovenia', code: 'SI', flag: '\ud83c\uddf8\ud83c\uddee' },\n        { name: 'South Africa', code: 'ZA', flag: '\ud83c\uddff\ud83c\udde6' },\n        { name: 'South Korea', code: 'KR', flag: '\ud83c\uddf0\ud83c\uddf7' },\n        { name: 'Spain', code: 'ES', flag: '\ud83c\uddea\ud83c\uddf8' },\n        { name: 'Sweden', code: 'SE', flag: '\ud83c\uddf8\ud83c\uddea' },\n        { name: 'Switzerland', code: 'CH', flag: '\ud83c\udde8\ud83c\udded' },\n        { name: 'Thailand', code: 'TH', flag: '\ud83c\uddf9\ud83c\udded' },\n        { name: 'Turkey', code: 'TR', flag: '\ud83c\uddf9\ud83c\uddf7' },\n        { name: 'Ukraine', code: 'UA', flag: '\ud83c\uddfa\ud83c\udde6' },\n        { name: 'United Arab Emirates', code: 'AE', flag: '\ud83c\udde6\ud83c\uddea' },\n        { name: 'United Kingdom', code: 'GB', flag: '\ud83c\uddec\ud83c\udde7' },\n        { name: 'United States', code: 'US', flag: '\ud83c\uddfa\ud83c\uddf8' }\n    ];\n\n    \/\/ Form state\n    let FORM_STATE = {\n        selectedCountry: null,\n        selectedIndustries: [],\n        isSubmitting: false,\n        validationErrors: {},\n        isDropdownOpen: false,\n        highlightedIndex: -1\n    };\n\n    \/\/ DOM elements\n    let DOM_ELEMENTS = {};\n    \n    \/\/ Debounce timer\n    let searchTimeout = null;\n\n    \/\/ Initialize form\n    function initializeForm() {\n        \/\/ Cache DOM elements\n        DOM_ELEMENTS = {\n            form: document.getElementById('b2bApplicationForm'),\n            countryInput: document.getElementById('businessCountry'),\n            countryDropdown: document.getElementById('countryDropdown'),\n            selectedCountryDisplay: document.getElementById('selectedCountry'),\n            industryCheckboxes: document.querySelectorAll('input[name=\"business_industry[]\"]'),\n            otherIndustryCheckbox: document.getElementById('otherIndustryCheckbox'),\n            otherIndustryField: document.getElementById('otherIndustryField'),\n            otherIndustryText: document.getElementById('otherIndustryText'),\n            paymentServiceCheckboxes: document.querySelectorAll('input[name=\"payment_services[]\"]'),\n            submitBtn: document.getElementById('submitButton'),\n            successMessage: document.getElementById('b2b-success-message'),\n            errorMessage: document.getElementById('b2b-error-message'),\n            errorText: document.getElementById('error-text')\n        };\n\n        \/\/ Initialize components\n        initializeCountrySelector();\n        initializeIndustrySelector();\n        initializeFormValidation();\n        initializeFormSubmission();\n\n        \/\/ Set up event listeners\n        setupEventListeners();\n    }\n\n    \/\/ Initialize country selector - FIXED VERSION\n    function initializeCountrySelector() {\n        const { countryInput, countryDropdown } = DOM_ELEMENTS;\n        \n        \/\/ Populate country dropdown initially\n        populateCountryDropdown();\n        \n        \/\/ Input events with proper debouncing\n        countryInput.addEventListener('input', function(e) {\n            clearTimeout(searchTimeout);\n            searchTimeout = setTimeout(() => {\n                filterCountries(e.target.value);\n                if (e.target.value.trim()) {\n                    showCountryDropdown();\n                } else {\n                    hideCountryDropdown();\n                }\n            }, B2B_CONFIG.debounceDelay);\n        });\n\n        \/\/ Focus event - show dropdown only if input has value or no country selected\n        countryInput.addEventListener('focus', function() {\n            if (!FORM_STATE.selectedCountry) {\n                if (this.value.trim()) {\n                    filterCountries(this.value);\n                } else {\n                    populateCountryDropdown();\n                }\n                showCountryDropdown();\n            }\n        });\n\n        \/\/ Click event for input\n        countryInput.addEventListener('click', function(e) {\n            e.stopPropagation();\n            if (!FORM_STATE.selectedCountry && !FORM_STATE.isDropdownOpen) {\n                if (this.value.trim()) {\n                    filterCountries(this.value);\n                } else {\n                    populateCountryDropdown();\n                }\n                showCountryDropdown();\n            }\n        });\n\n        \/\/ Keyboard navigation\n        countryInput.addEventListener('keydown', function(e) {\n            if (!FORM_STATE.isDropdownOpen) return;\n\n            const options = countryDropdown.querySelectorAll('.b2b-country-option');\n            \n            switch(e.key) {\n                case 'ArrowDown':\n                    e.preventDefault();\n                    FORM_STATE.highlightedIndex = Math.min(FORM_STATE.highlightedIndex + 1, options.length - 1);\n                    updateHighlight(options);\n                    break;\n                    \n                case 'ArrowUp':\n                    e.preventDefault();\n                    FORM_STATE.highlightedIndex = Math.max(FORM_STATE.highlightedIndex - 1, 0);\n                    updateHighlight(options);\n                    break;\n                    \n                case 'Enter':\n                    e.preventDefault();\n                    if (FORM_STATE.highlightedIndex >= 0 && options[FORM_STATE.highlightedIndex]) {\n                        options[FORM_STATE.highlightedIndex].click();\n                    }\n                    break;\n                    \n                case 'Escape':\n                    e.preventDefault();\n                    hideCountryDropdown();\n                    break;\n            }\n        });\n\n        \/\/ Hide dropdown when clicking outside - FIXED\n        document.addEventListener('click', function(e) {\n            if (!e.target.closest('.b2b-country-selector')) {\n                hideCountryDropdown();\n            }\n        });\n\n        \/\/ Prevent dropdown from closing when clicking inside it\n        countryDropdown.addEventListener('click', function(e) {\n            e.stopPropagation();\n        });\n    }\n\n    \/\/ Update highlight for keyboard navigation\n    function updateHighlight(options) {\n        options.forEach((option, index) => {\n            option.classList.toggle('b2b-highlighted', index === FORM_STATE.highlightedIndex);\n        });\n        \n        \/\/ Scroll highlighted option into view\n        if (FORM_STATE.highlightedIndex >= 0 && options[FORM_STATE.highlightedIndex]) {\n            options[FORM_STATE.highlightedIndex].scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth'\n            });\n        }\n    }\n\n    \/\/ Populate country dropdown\n    function populateCountryDropdown() {\n        const { countryDropdown } = DOM_ELEMENTS;\n        countryDropdown.innerHTML = '';\n\n        COUNTRIES_DATA.forEach((country, index) => {\n            const option = createCountryOption(country, index);\n            countryDropdown.appendChild(option);\n        });\n        \n        FORM_STATE.highlightedIndex = -1;\n    }\n\n    \/\/ Create country option element\n    function createCountryOption(country, index) {\n        const option = document.createElement('div');\n        option.className = 'b2b-country-option';\n        option.innerHTML = `\n            <span class=\"b2b-country-flag\">${country.flag}<\/span>\n            <span class=\"b2b-country-name\">${country.name}<\/span>\n        `;\n        \n        \/\/ Click event\n        option.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            selectCountry(country);\n        });\n\n        \/\/ Mouse enter for highlighting\n        option.addEventListener('mouseenter', function() {\n            FORM_STATE.highlightedIndex = index;\n            updateHighlight(DOM_ELEMENTS.countryDropdown.querySelectorAll('.b2b-country-option'));\n        });\n        \n        return option;\n    }\n\n    \/\/ Filter countries based on search - IMPROVED\n    function filterCountries(searchTerm) {\n        const { countryDropdown } = DOM_ELEMENTS;\n        \n        if (!searchTerm.trim()) {\n            populateCountryDropdown();\n            return;\n        }\n\n        const filteredCountries = COUNTRIES_DATA.filter(country =>\n            country.name.toLowerCase().includes(searchTerm.toLowerCase())\n        );\n\n        countryDropdown.innerHTML = '';\n        \n        if (filteredCountries.length > 0) {\n            filteredCountries.forEach((country, index) => {\n                const option = createCountryOption(country, index);\n                countryDropdown.appendChild(option);\n            });\n        } else {\n            const noResults = document.createElement('div');\n            noResults.className = 'b2b-country-option';\n            noResults.style.color = '#999';\n            noResults.innerHTML = '<span>No countries found<\/span>';\n            countryDropdown.appendChild(noResults);\n        }\n        \n        FORM_STATE.highlightedIndex = -1;\n    }\n\n    \/\/ Select country - FIXED\n    function selectCountry(country) {\n        const { countryInput, selectedCountryDisplay } = DOM_ELEMENTS;\n        \n        FORM_STATE.selectedCountry = country;\n        countryInput.value = country.name;\n        countryInput.classList.add('b2b-has-selection');\n        \n        \/\/ Show selected country display\n        selectedCountryDisplay.innerHTML = `\n            <span class=\"b2b-country-flag\">${country.flag}<\/span>\n            <span class=\"b2b-country-name\">${country.name}<\/span>\n            <button type=\"button\" class=\"b2b-country-remove\" onclick=\"removeSelectedCountry()\">\u00d7<\/button>\n        `;\n        selectedCountryDisplay.style.display = 'flex';\n        \n        hideCountryDropdown();\n        clearValidationError('businessCountry');\n    }\n\n    \/\/ Remove selected country - FIXED\n    window.removeSelectedCountry = function() {\n        const { countryInput, selectedCountryDisplay } = DOM_ELEMENTS;\n        \n        FORM_STATE.selectedCountry = null;\n        countryInput.value = '';\n        countryInput.classList.remove('b2b-has-selection');\n        selectedCountryDisplay.style.display = 'none';\n        countryInput.focus();\n    };\n\n    \/\/ Show\/hide country dropdown - IMPROVED\n    function showCountryDropdown() {\n        if (FORM_STATE.isDropdownOpen) return;\n        \n        const { countryDropdown } = DOM_ELEMENTS;\n        FORM_STATE.isDropdownOpen = true;\n        \n        \/\/ Use setTimeout to ensure smooth animation\n        setTimeout(() => {\n            countryDropdown.classList.add('b2b-show');\n        }, 10);\n    }\n\n    function hideCountryDropdown() {\n        if (!FORM_STATE.isDropdownOpen) return;\n        \n        const { countryDropdown } = DOM_ELEMENTS;\n        FORM_STATE.isDropdownOpen = false;\n        FORM_STATE.highlightedIndex = -1;\n        \n        countryDropdown.classList.remove('b2b-show');\n    }\n\n    \/\/ Initialize industry selector\n    function initializeIndustrySelector() {\n        const { industryCheckboxes, otherIndustryCheckbox, otherIndustryField } = DOM_ELEMENTS;\n        \n        industryCheckboxes.forEach(checkbox => {\n            checkbox.addEventListener('change', handleIndustryChange);\n        });\n\n        \/\/ Handle \"Other\" industry field visibility\n        otherIndustryCheckbox.addEventListener('change', function() {\n            if (this.checked) {\n                otherIndustryField.style.display = 'block';\n                DOM_ELEMENTS.otherIndustryText.required = true;\n            } else {\n                otherIndustryField.style.display = 'none';\n                DOM_ELEMENTS.otherIndustryText.required = false;\n                DOM_ELEMENTS.otherIndustryText.value = '';\n            }\n        });\n    }\n\n    \/\/ Handle industry selection change\n    function handleIndustryChange(e) {\n        const checkedBoxes = document.querySelectorAll('input[name=\"business_industry[]\"]:checked');\n        \n        if (checkedBoxes.length > B2B_CONFIG.maxIndustries) {\n            e.target.checked = false;\n            showValidationError(e.target.name, `Maximum ${B2B_CONFIG.maxIndustries} industries allowed`);\n            return;\n        }\n\n        FORM_STATE.selectedIndustries = Array.from(checkedBoxes).map(box => box.value);\n        clearValidationError('business_industry[]');\n    }\n\n    \/\/ Initialize form validation\n    function initializeFormValidation() {\n        const requiredFields = {\n            'companyName': 'company_name',\n            'websiteUrl': 'website_url',\n            'businessCountry': 'business_country',\n            'monthlyVolume': 'monthly_volume',\n            'contactEmail': 'contact_email'\n        };\n\n        Object.keys(requiredFields).forEach(id => {\n            const field = document.getElementById(id);\n            if (field) {\n                field.addEventListener('blur', () => validateField(id));\n                field.addEventListener('input', () => clearValidationError(id));\n            }\n        });\n    }\n\n    \/\/ Validate individual field\n    function validateField(fieldId) {\n        const field = document.getElementById(fieldId);\n        if (!field) return true;\n\n        let isValid = true;\n        let errorMessage = '';\n\n        switch (fieldId) {\n            case 'companyName':\n                if (!field.value.trim()) {\n                    errorMessage = 'Company name is required';\n                    isValid = false;\n                }\n                break;\n\n            case 'websiteUrl':\n                if (!field.value.trim()) {\n                    errorMessage = 'Website URL is required';\n                    isValid = false;\n                } else if (!isValidUrl(field.value)) {\n                    errorMessage = 'Please enter a valid website (e.g., example.com or https:\/\/example.com)';\n                    isValid = false;\n                }\n                break;\n\n            case 'businessCountry':\n                if (!FORM_STATE.selectedCountry) {\n                    errorMessage = 'Please select a country';\n                    isValid = false;\n                }\n                break;\n\n            case 'monthlyVolume':\n                if (!field.value) {\n                    errorMessage = 'Please select monthly volume';\n                    isValid = false;\n                }\n                break;\n\n            case 'contactEmail':\n                if (!field.value.trim()) {\n                    errorMessage = 'Contact email is required';\n                    isValid = false;\n                } else if (!isValidEmail(field.value)) {\n                    errorMessage = 'Please enter a valid email';\n                    isValid = false;\n                }\n                break;\n        }\n\n        if (!isValid) {\n            showValidationError(fieldId, errorMessage);\n        } else {\n            clearValidationError(fieldId);\n        }\n\n        return isValid;\n    }\n\n    \/\/ Show validation error\n    function showValidationError(fieldId, message) {\n        const field = document.getElementById(fieldId);\n        if (!field) return;\n\n        field.classList.add('b2b-error');\n        \n        \/\/ Remove existing error message\n        const existingError = field.parentNode.querySelector('.b2b-error-message');\n        if (existingError) {\n            existingError.remove();\n        }\n\n        \/\/ Add error message\n        const errorElement = document.createElement('span');\n        errorElement.className = 'b2b-error-message';\n        errorElement.textContent = message;\n        field.parentNode.appendChild(errorElement);\n\n        FORM_STATE.validationErrors[fieldId] = message;\n    }\n\n    \/\/ Clear validation error\n    function clearValidationError(fieldId) {\n        const field = document.getElementById(fieldId);\n        if (!field) return;\n\n        field.classList.remove('b2b-error');\n        \n        const errorElement = field.parentNode.querySelector('.b2b-error-message');\n        if (errorElement) {\n            errorElement.remove();\n        }\n\n        delete FORM_STATE.validationErrors[fieldId];\n    }\n\n    \/\/ Validate entire form\n    function validateForm() {\n        const requiredFields = ['companyName', 'websiteUrl', 'businessCountry', 'monthlyVolume', 'contactEmail'];\n        \n        let isValid = true;\n        requiredFields.forEach(fieldId => {\n            if (!validateField(fieldId)) {\n                isValid = false;\n            }\n        });\n\n        \/\/ Validate industries\n        const selectedIndustries = document.querySelectorAll('input[name=\"business_industry[]\"]:checked');\n        if (selectedIndustries.length === 0) {\n            showValidationError('industry-error', 'Please select at least one industry');\n            isValid = false;\n        }\n\n        \/\/ Validate payment services\n        const selectedServices = document.querySelectorAll('input[name=\"payment_services[]\"]:checked');\n        if (selectedServices.length === 0) {\n            showValidationError('services-error', 'Please select at least one service');\n            isValid = false;\n        }\n\n        \/\/ Special validation for \"Other\" industry\n        const otherIndustryCheckbox = document.getElementById('otherIndustryCheckbox');\n        const otherIndustryText = document.getElementById('otherIndustryText');\n        \n        if (otherIndustryCheckbox.checked && !otherIndustryText.value.trim()) {\n            showValidationError('otherIndustryText', 'Please specify the industry');\n            isValid = false;\n        }\n\n        return isValid;\n    }\n\n    \/\/ Initialize form submission\n    function initializeFormSubmission() {\n        DOM_ELEMENTS.submitBtn.addEventListener('click', handleFormSubmission);\n    }\n\n    \/\/ Handle form submission\n    function handleFormSubmission(e) {\n        e.preventDefault();\n        \n        if (FORM_STATE.isSubmitting) return;\n        \n        \/\/ Hide previous messages\n        hideMessages();\n        \n        if (!validateForm()) {\n            \/\/ Scroll to first error\n            const firstError = document.querySelector('.b2b-error');\n            if (firstError) {\n                firstError.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                firstError.focus();\n            }\n            return;\n        }\n\n        submitForm();\n    }\n\n    \/\/ Submit form with PHP backend\n    async function submitForm() {\n        const { submitBtn } = DOM_ELEMENTS;\n        \n        FORM_STATE.isSubmitting = true;\n        submitBtn.disabled = true;\n        submitBtn.textContent = 'Submitting...';\n        submitBtn.classList.add('b2b-loading');\n\n        try {\n            const formData = collectFormData();\n            \n            const response = await fetch(B2B_CONFIG.submitEndpoint, {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json',\n                },\n                body: JSON.stringify(formData)\n            });\n\n            const result = await response.json();\n            \n           if (result.success) {\n    const companyName = encodeURIComponent(formData.company_name);\n    const email = encodeURIComponent(formData.contact_email);\n    window.location.href = `https:\/\/xpaid.org\/thank-you\/?company=${companyName}&email=${email}`;\n} else {\n    throw new Error(result.message || 'Server error');\n}\n            \n        } catch (error) {\n            let errorMessage = 'Form submission error. ';\n            \n            if (error.message.includes('Failed to fetch')) {\n                errorMessage += 'Please check your internet connection and try again.';\n            } else {\n                errorMessage += error.message;\n            }\n            \n            showErrorMessage(errorMessage);\n        } finally {\n            FORM_STATE.isSubmitting = false;\n            submitBtn.disabled = false;\n            submitBtn.textContent = 'Continue';\n            submitBtn.classList.remove('b2b-loading');\n        }\n    }\n\n    \/\/ Collect form data\n    function collectFormData() {\n        const formData = {\n            company_name: document.getElementById('companyName').value.trim(),\n            website_url: document.getElementById('websiteUrl').value.trim(),\n            business_country: FORM_STATE.selectedCountry?.name || document.getElementById('businessCountry').value.trim(),\n            business_country_code: FORM_STATE.selectedCountry?.code || '',\n            \n            business_industry: Array.from(document.querySelectorAll('input[name=\"business_industry[]\"]:checked')).map(cb => cb.value),\n            other_industry: document.getElementById('otherIndustryText').value.trim(),\n            \n            payment_services: Array.from(document.querySelectorAll('input[name=\"payment_services[]\"]:checked')).map(cb => cb.value),\n            monthly_volume: document.getElementById('monthlyVolume').value,\n            \n            contact_email: document.getElementById('contactEmail').value.trim(),\n            telegram: document.getElementById('telegram').value.trim(),\n            additional_notes: document.getElementById('additionalNotes').value.trim(),\n            \n            submitted_at: new Date().toISOString(),\n            user_agent: navigator.userAgent,\n            page_url: window.location.href\n        };\n\n        return formData;\n    }\n\n    \/\/ Reset form\n    function resetFormFields() {\n        document.getElementById('companyName').value = '';\n        document.getElementById('websiteUrl').value = '';\n        document.getElementById('businessCountry').value = '';\n        document.getElementById('monthlyVolume').value = '';\n        document.getElementById('additionalNotes').value = '';\n        document.getElementById('contactEmail').value = '';\n        document.getElementById('telegram').value = '';\n        document.getElementById('otherIndustryText').value = '';\n\n        document.querySelectorAll('input[type=\"checkbox\"]').forEach(cb => cb.checked = false);\n\n        FORM_STATE = {\n            selectedCountry: null,\n            selectedIndustries: [],\n            isSubmitting: false,\n            validationErrors: {},\n            isDropdownOpen: false,\n            highlightedIndex: -1\n        };\n\n        DOM_ELEMENTS.selectedCountryDisplay.style.display = 'none';\n        DOM_ELEMENTS.otherIndustryField.style.display = 'none';\n        DOM_ELEMENTS.countryInput.classList.remove('b2b-has-selection');\n        \n        document.querySelectorAll('.b2b-error').forEach(field => {\n            field.classList.remove('b2b-error');\n        });\n        document.querySelectorAll('.b2b-error-message').forEach(msg => {\n            msg.remove();\n        });\n    }\n\n    \/\/ Show success message\n    function showSuccessMessage(customMessage) {\n        const message = customMessage || 'Thank you for your application! We\\'ll contact you within 24 hours.';\n        DOM_ELEMENTS.successMessage.innerHTML = `\u2705 ${message}`;\n        DOM_ELEMENTS.successMessage.style.display = 'block';\n        DOM_ELEMENTS.successMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        \n        setTimeout(() => {\n            DOM_ELEMENTS.successMessage.style.display = 'none';\n        }, 10000);\n    }\n\n    \/\/ Show error message\n    function showErrorMessage(errorMsg) {\n        DOM_ELEMENTS.errorText.textContent = errorMsg;\n        DOM_ELEMENTS.errorMessage.style.display = 'block';\n        DOM_ELEMENTS.errorMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        \n        setTimeout(() => {\n            DOM_ELEMENTS.errorMessage.style.display = 'none';\n        }, 10000);\n    }\n\n    \/\/ Hide messages\n    function hideMessages() {\n        DOM_ELEMENTS.successMessage.style.display = 'none';\n        DOM_ELEMENTS.errorMessage.style.display = 'none';\n    }\n\n    \/\/ Setup additional event listeners\n    function setupEventListeners() {\n        \/\/ Add enter key support for form submission\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Enter' && e.target.type !== 'textarea') {\n                if (e.target === DOM_ELEMENTS.countryInput) return;\n                if (FORM_STATE.isDropdownOpen) return;\n                e.preventDefault();\n                DOM_ELEMENTS.submitBtn.click();\n            }\n        });\n    }\n\n    \/\/ Utility functions\n    function isValidEmail(email) {\n        const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n        return emailRegex.test(email);\n    }\n\n    function isValidUrl(url) {\n        \/\/ Allow simple formats like \"example.com\", \"example.org\", \"subdomain.example.com\"\n        \/\/ Also allow full URLs with http\/https\n        if (!url || !url.trim()) return false;\n        \n        const trimmedUrl = url.trim();\n        \n        \/\/ Check for basic domain pattern (domain.tld or subdomain.domain.tld)\n        const domainPattern = \/^[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\\.[a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*\\.[a-zA-Z]{2,}$\/;\n        \n        \/\/ If it looks like a simple domain, validate with pattern\n        if (!trimmedUrl.includes(':\/\/')) {\n            return domainPattern.test(trimmedUrl);\n        }\n        \n        \/\/ If it includes protocol, validate as full URL\n        try {\n            new URL(trimmedUrl);\n            return true;\n        } catch {\n            return false;\n        }\n    }\n\n    \/\/ Initialize when DOM is ready\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initializeForm);\n    } else {\n        initializeForm();\n    }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0417\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e \u0417\u0430\u043b\u0438\u0448\u0442\u0435 \u0437\u0430\u043f\u0438\u0442 \u2014 \u043c\u0438 \u0437\u043d\u0430\u0439\u0434\u0435\u043c\u043e \u0440\u0456\u0448\u0435\u043d\u043d\u044f \u0434\u043b\u044f \u0432\u0430\u0441 \u2705 \u0414\u044f\u043a\u0443\u0454\u043c\u043e \u0437\u0430 \u0432\u0430\u0448\u0443 \u0437\u0430\u044f\u0432\u043a\u0443! \u041c\u0438 \u0437\u0432&#8217;\u044f\u0436\u0435\u043c\u043e\u0441\u044f \u0437 \u0432\u0430\u043c\u0438 \u043f\u0440\u043e\u0442\u044f\u0433\u043e\u043c 24 \u0433\u043e\u0434\u0438\u043d. \u274c 1. \u0414\u0430\u043d\u0456 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0457 \u041d\u0430\u0437\u0432\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0457 * URL \u0441\u0430\u0439\u0442\u0443 * \u041a\u0440\u0430\u0457\u043d\u0430 \u0440\u0435\u0454\u0441\u0442\u0440\u0430\u0446\u0456\u0457 \u0431\u0456\u0437\u043d\u0435\u0441\u0443 * \u0421\u0444\u0435\u0440\u0430 \u0431\u0456\u0437\u043d\u0435\u0441\u0443 (\u043e\u0431\u0435\u0440\u0456\u0442\u044c \u0434\u043e 3) * \u0415-\u043a\u043e\u043c\u0435\u0440\u0446\u0456\u044f \u041e\u0441\u0432\u0456\u0442\u0430 \u041a\u0440\u0438\u043f\u0442\u043e \/ Web3 \u041c\u0430\u0440\u043a\u0435\u0442\u043f\u043b\u0435\u0439\u0441 \u0412\u0438\u0441\u043e\u043a\u0438\u0439 \u0440\u0438\u0437\u0438\u043a (\u0424\u043e\u0440\u0435\u043a\u0441, \u0421\u0442\u0430\u0432\u043a\u0438, \u0410\u0437\u0430\u0440\u0442\u043d\u0456 \u0456\u0433\u0440\u0438) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3986","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xpaid.org\/pl\/wp-json\/wp\/v2\/pages\/3986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpaid.org\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xpaid.org\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xpaid.org\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xpaid.org\/pl\/wp-json\/wp\/v2\/comments?post=3986"}],"version-history":[{"count":0,"href":"https:\/\/xpaid.org\/pl\/wp-json\/wp\/v2\/pages\/3986\/revisions"}],"wp:attachment":[{"href":"https:\/\/xpaid.org\/pl\/wp-json\/wp\/v2\/media?parent=3986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}