BIFA+ Join Us<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* CSS \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u0446\u0432\u0435\u0442\u043e\u0432 BIFA+ *\/\n:root {\n --deep-navy: #0A1F44;\n --heritage-gold: #D4AF37;\n --civic-green: #1D6143;\n --bright-white: #FFFFFF;\n --soft-black: #1A1A1A;<\/p>\n<p> --primary: var(--deep-navy);\n --secondary: var(--heritage-gold);\n --tertiary: var(--civic-green);\n --text-primary: var(--deep-navy);\n --text-secondary: #6B7280;\n --shadow-sm: 0 2px 10px rgba(10, 31, 68, 0.08);\n --shadow-md: 0 10px 40px rgba(10, 31, 68, 0.12);\n --shadow-lg: 0 20px 60px rgba(10, 31, 68, 0.15);\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n --radius: 12px;\n}<\/p>\n<p>* { box-sizing: border-box; }<\/p>\n<p>\/* \u0423\u0441\u0438\u043b\u0435\u043d\u043d\u044b\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0441 \u0432\u044b\u0441\u043e\u043a\u0438\u043c \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043e\u043c *\/\n.join-section * {\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>\/* \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0430 \u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043e\u043c *\/\n.join-section h1,\n.join-section h2,\n.join-section h3,\n.join-section h4,\n.join-section h5,\n.join-section h6 {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 700 !important;\n line-height: 1.3 !important;\n margin-top: 0 !important;\n color: var(--deep-navy) !important;\n}<\/p>\n<p>.join-section p {\n font-family: 'Poppins', sans-serif !important;\n line-height: 1.6 !important;\n color: var(--text-secondary) !important;\n}<\/p>\n<p>\/* \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0434\u043b\u044f p \u0432 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n.join-section .contact-info p {\n color: var(--bright-white) !important;\n}<\/p>\n<p>\/* \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0434\u043b\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432 \u0432 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n.join-section .contact-info h1,\n.join-section .contact-info h2,\n.join-section .contact-info h3,\n.join-section .contact-info h4,\n.join-section .contact-info h5,\n.join-section .contact-info h6 {\n color: var(--bright-white) !important;\n}<\/p>\n<p>.join-section a {\n text-decoration: none !important;\n}<\/p>\n<p>\/* \u0423\u0431\u0435\u0434\u0438\u043c\u0441\u044f \u0447\u0442\u043e \u0446\u0432\u0435\u0442\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f *\/\n.join-section {\n --deep-navy: #0A1F44 !important;\n --heritage-gold: #D4AF37 !important;\n --civic-green: #1D6143 !important;\n --bright-white: #FFFFFF !important;\n --soft-black: #1A1A1A !important;\n --text-primary: #0A1F44 !important;\n --text-secondary: #6B7280 !important;\n}<\/p>\n<p>body { \n margin: 0; \n padding: 0; \n background: #f8f9fa;\n color: var(--text-primary);\n}<\/p>\n<p>\/* \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 *\/\n.join-section {\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n padding: 80px 0;\n background: linear-gradient(135deg, var(--bright-white) 0%, #f8f9fa 100%);\n position: relative;\n overflow: hidden;\n}<\/p>\n<p>\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b *\/\n.join-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.05), transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(10, 31, 68, 0.03), transparent 50%);\n animation: float 20s ease-in-out infinite;\n}<\/p>\n<p>@keyframes float {\n 0%, 100% { transform: rotate(0deg) scale(1); }\n 50% { transform: rotate(180deg) scale(1.1); }\n}<\/p>\n<p>.join-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n}<\/p>\n<p>\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a *\/\n.join-header {\n text-align: center !important;\n margin-bottom: 60px !important;\n}<\/p>\n<p>.join-section .join-title {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 800 !important;\n font-size: 56px !important;\n color: var(--deep-navy) !important;\n margin: 0 0 20px !important;\n text-transform: uppercase !important;\n letter-spacing: 2px !important;\n position: relative;\n display: inline-block;\n line-height: 1.2 !important;\n}<\/p>\n<p>.join-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 5px;\n background: var(--heritage-gold);\n border-radius: 3px;\n}<\/p>\n<p>.join-section .join-subtitle {\n font-size: 20px !important;\n color: var(--text-secondary) !important;\n margin: 0 !important;\n line-height: 1.6 !important;\n font-weight: 400 !important;\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>\/* \u0422\u0430\u0431\u044b \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n.join-tabs {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin-bottom: 60px;\n flex-wrap: wrap;\n}<\/p>\n<p>.join-section .tab-button {\n background: var(--bright-white) !important;\n border: 2px solid var(--deep-navy) !important;\n padding: 18px 40px !important;\n border-radius: 50px !important;\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 600 !important;\n font-size: 16px !important;\n color: var(--deep-navy) !important;\n cursor: pointer !important;\n transition: var(--transition) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n text-decoration: none !important;\n position: relative;\n overflow: hidden;\n line-height: 1 !important;\n display: inline-block !important;\n}<\/p>\n<p>.join-section .tab-button::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n background: var(--heritage-gold) !important;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n transition: all 0.5s ease;\n z-index: 0;\n}<\/p>\n<p>.join-section .tab-button:hover::before {\n width: 300px !important;\n height: 300px !important;\n}<\/p>\n<p>.join-section .tab-button:hover {\n color: var(--deep-navy) !important;\n border-color: var(--heritage-gold) !important;\n transform: translateY(-3px) !important;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3) !important;\n}<\/p>\n<p>.join-section .tab-button.active {\n background: var(--deep-navy) !important;\n color: var(--bright-white) !important;\n border-color: var(--deep-navy) !important;\n}<\/p>\n<p>.join-section .cta-button svg {\n width: 20px !important;\n height: 20px !important;\n fill: currentColor !important;\n}<\/p>\n<p>.join-section .contact-email svg {\n width: 24px !important;\n height: 24px !important;\n fill: currentColor !important;\n}<\/p>\n<p>\/* \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u0438\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f YooTheme \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 *\/\n.join-section .content-card * {\n box-sizing: border-box !important;\n}<\/p>\n<p>.join-section button {\n font-family: inherit !important;\n font-size: inherit !important;\n line-height: inherit !important;\n}<\/p>\n<p>.join-section .tab-button span {\n position: relative;\n z-index: 1;\n color: inherit !important;\n font-weight: inherit !important;\n}<\/p>\n<p>\/* \u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0442\u0430\u0431\u043e\u0432 *\/\n.tab-content {\n display: none;\n animation: fadeInUp 0.6s ease;\n}<\/p>\n<p>.tab-content.active {\n display: block;\n}<\/p>\n<p>@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}<\/p>\n<p>\/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 *\/\n.join-section .content-card {\n background: var(--bright-white) !important;\n border-radius: var(--radius) !important;\n padding: 60px !important;\n box-shadow: var(--shadow-lg) !important;\n position: relative;\n overflow: hidden;\n color: var(--text-primary) !important;\n}<\/p>\n<p>.join-section .content-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, var(--heritage-gold), #ffd700) !important;\n}<\/p>\n<p>.join-section .card-icon {\n width: 100px !important;\n height: 100px !important;\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700) !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n font-size: 48px !important;\n margin: 0 auto 30px !important;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3) !important;\n}<\/p>\n<p>.join-section .card-title {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 700 !important;\n font-size: 32px !important;\n color: var(--deep-navy) !important;\n text-align: center !important;\n margin: 0 0 20px !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n line-height: 1.3 !important;\n}<\/p>\n<p>.join-section .card-description {\n font-size: 18px !important;\n color: var(--text-secondary) !important;\n line-height: 1.8 !important;\n text-align: center !important;\n margin: 0 0 40px !important;\n font-weight: 400 !important;\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>\/* \u0421\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432 *\/\n.join-section .benefits-list {\n display: grid !important;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\n gap: 30px !important;\n margin-bottom: 50px !important;\n}<\/p>\n<p>.join-section .benefit-item {\n display: flex !important;\n align-items: flex-start !important;\n gap: 20px !important;\n}<\/p>\n<p>.join-section .benefit-icon {\n width: 50px !important;\n height: 50px !important;\n background: rgba(212, 175, 55, 0.1) !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n font-size: 24px !important;\n flex-shrink: 0 !important;\n}<\/p>\n<p>.benefit-content {\n flex: 1;\n}<\/p>\n<p>.join-section .benefit-title {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 600 !important;\n font-size: 20px !important;\n color: var(--deep-navy) !important;\n margin: 0 0 8px !important;\n line-height: 1.4 !important;\n}<\/p>\n<p>.join-section .benefit-text {\n font-size: 16px !important;\n color: var(--text-secondary) !important;\n line-height: 1.6 !important;\n margin: 0 !important;\n font-weight: 400 !important;\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>\/* CTA \u0441\u0435\u043a\u0446\u0438\u044f *\/\n.join-section .cta-section {\n text-align: center !important;\n padding: 40px !important;\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(212, 175, 55, 0.05) 100%) !important;\n border-radius: var(--radius) !important;\n margin-top: 40px !important;\n}<\/p>\n<p>.join-section .cta-section h3,\n.join-section .cta-section h4,\n.join-section .cta-section p {\n color: var(--deep-navy) !important;\n}<\/p>\n<p>.cta-title {\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 28px;\n color: var(--deep-navy);\n margin: 0 0 20px;\n}<\/p>\n<p>.cta-buttons {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n}<\/p>\n<p>.cta-button {\n padding: 16px 36px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-radius: 50px;\n text-decoration: none;\n transition: var(--transition);\n display: inline-flex;\n align-items: center;\n gap: 10px;\n}<\/p>\n<p>.cta-button.primary {\n background: var(--deep-navy);\n color: var(--bright-white);\n box-shadow: 0 10px 30px rgba(10, 31, 68, 0.3);\n}<\/p>\n<p>.cta-button.primary:hover {\n background: #162e5a;\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(10, 31, 68, 0.4);\n}<\/p>\n<p>.cta-button.secondary {\n background: var(--bright-white);\n color: var(--deep-navy);\n border: 2px solid var(--deep-navy);\n}<\/p>\n<p>.cta-button.secondary:hover {\n background: var(--deep-navy);\n color: var(--bright-white);\n transform: translateY(-3px);\n}<\/p>\n<p>\/* \u0424\u043e\u0440\u043c\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430 *\/\n.join-section .contact-info {\n background: var(--deep-navy) !important;\n color: var(--bright-white) !important;\n padding: 40px !important;\n border-radius: var(--radius) !important;\n margin-top: 40px !important;\n text-align: center !important;\n}<\/p>\n<p>.join-section .contact-info * {\n color: var(--bright-white) !important;\n}<\/p>\n<p>\/* \u0418\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0434\u043b\u044f email \u0441\u0441\u044b\u043b\u043a\u0438 *\/\n.join-section .contact-email,\n.join-section .contact-email * {\n color: var(--heritage-gold) !important;\n}<\/p>\n<p>.join-section .contact-email:hover {\n color: #ffd700 !important;\n transform: translateY(-2px) !important;\n}<\/p>\n<p>.join-section .contact-title {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 700 !important;\n font-size: 24px !important;\n margin: 0 0 20px !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n color: var(--bright-white) !important;\n line-height: 1.3 !important;\n}<\/p>\n<p>.join-section .contact-info p {\n margin-bottom: 15px !important;\n color: var(--bright-white) !important;\n font-size: 16px !important;\n line-height: 1.6 !important;\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>.join-section .contact-email {\n display: inline-flex !important;\n align-items: center !important;\n gap: 10px !important;\n color: var(--heritage-gold) !important;\n font-size: 20px !important;\n text-decoration: none !important;\n transition: var(--transition) !important;\n font-weight: 500 !important;\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>.contact-email:hover {\n color: #ffd700;\n transform: translateY(-2px);\n}<\/p>\n<p>\/* \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f *\/\n@media (max-width: 768px) {\n .join-section .join-title {\n font-size: 36px !important;\n }<\/p>\n<p> .join-tabs {\n gap: 15px !important;\n }<\/p>\n<p> .join-section .tab-button {\n padding: 14px 28px !important;\n font-size: 14px !important;\n }<\/p>\n<p> .join-section .content-card {\n padding: 40px 20px !important;\n }<\/p>\n<p> .join-section .card-title {\n font-size: 24px !important;\n }<\/p>\n<p> .benefits-list {\n grid-template-columns: 1fr !important;\n }<\/p>\n<p> .cta-buttons {\n flex-direction: column !important;\n align-items: center !important;\n }<\/p>\n<p> .join-section .cta-button {\n width: 100% !important;\n max-width: 300px !important;\n justify-content: center !important;\n }\n}<\/p>\n<p>\/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\n.join-section .card-icon {\n transition: transform 0.3s ease !important;\n}<\/p>\n<p>.join-section .content-card:hover .card-icon {\n transform: scale(1.1) rotate(5deg) !important;\n}<\/p>\n<p>\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0442\u043e\u0447\u043a\u0438 *\/\n.join-section .decorative-dots {\n position: absolute;\n width: 100px;\n height: 100px;\n opacity: 0.1;\n pointer-events: none;\n}<\/p>\n<p>.join-section .dots-1 {\n top: 50px;\n right: 50px;\n background-image: radial-gradient(circle, var(--heritage-gold) 2px, transparent 2px);\n background-size: 20px 20px;\n}<\/p>\n<p>.join-section .dots-2 {\n bottom: 50px;\n left: 50px;\n background-image: radial-gradient(circle, var(--deep-navy) 2px, transparent 2px);\n background-size: 20px 20px;\n}<\/p>\n<p>\/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u044f\u043a\u043e\u0440\u0435\u0439 *\/\n.anchor-target {\n scroll-margin-top: 100px; \/* \u041e\u0442\u0441\u0442\u0443\u043f \u043e\u0442 \u0432\u0435\u0440\u0445\u0430 \u043f\u0440\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435 \u043a \u044f\u043a\u043e\u0440\u044e *\/\n position: relative;\n}\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section class=\"join-section\" id=\"join-us\">\n<div class=\"join-container\">\n<div class=\"join-header\">\n<h2 class=\"join-title\">\u0939\u092e\u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902<\/h2>\n<p class=\"join-subtitle\">\u092b\u0941\u091f\u092c\u0949\u0932 \u0914\u0930 \u0928\u0935\u093e\u091a\u093e\u0930 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0930\u093e\u0937\u094d\u091f\u094d\u0930\u094b\u0902 \u0915\u094b \u091c\u094b\u0921\u093c\u0928\u0947 \u0935\u093e\u0932\u0947 BIFA+ \u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u0906\u0902\u0926\u094b\u0932\u0928 \u0915\u093e \u0939\u093f\u0938\u094d\u0938\u093e \u092c\u0928\u0947\u0902<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"join-tabs\">\n <button class=\"tab-button active\" onclick=\"showTab('volunteers')\"><br \/>\n <span>\u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915\u094b\u0902<\/span><br \/>\n <\/button><br \/>\n <button class=\"tab-button\" onclick=\"showTab('representatives')\"><br \/>\n <span>\u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f\u092f\u094b\u0902<\/span><br \/>\n <\/button><br \/>\n <button class=\"tab-button\" onclick=\"showTab('ambassadors')\"><br \/>\n <span>\u0930\u093e\u091c\u0926\u0942\u0924\u094b\u0902<\/span><br \/>\n <\/button>\n <\/div>\n<p> <\/p>\n<div id=\"volunteers\" class=\"tab-content active\">\n<div class=\"content-card\">\n<div class=\"decorative-dots dots-1\"><\/div>\n<div class=\"decorative-dots dots-2\"><\/div>\n<div class=\"card-icon\">\ud83e\udd1d<\/div>\n<h3 class=\"card-title\">BIFA+ \u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915 \u092c\u0928\u0947\u0902<\/h3>\n<p class=\"card-description\">\n Join our passionate community of volunteers making a difference in global sports diplomacy.<br \/>\n Help organize events, support youth programs, and connect communities across BRICS+ nations.\n <\/p>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udf0d<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u092a\u094d\u0930\u092d\u093e\u0935<\/h4>\n<p class=\"benefit-text\">\u0916\u0947\u0932\u094b\u0902 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0905\u0902\u0924\u0930\u094d\u0930\u093e\u0937\u094d\u091f\u094d\u0930\u0940\u092f \u0938\u0939\u092f\u094b\u0917 \u0914\u0930 \u0938\u093e\u0902\u0938\u094d\u0915\u0943\u0924\u093f\u0915 \u0906\u0926\u093e\u0928-\u092a\u094d\u0930\u0926\u093e\u0928 \u092e\u0947\u0902 \u092f\u094b\u0917\u0926\u093e\u0928 \u0926\u0947\u0928\u093e<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udfaf<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0915\u094c\u0936\u0932 \u0935\u093f\u0915\u093e\u0938<\/h4>\n<p class=\"benefit-text\">\u0907\u0935\u0947\u0902\u091f \u092a\u094d\u0930\u092c\u0902\u0927\u0928, \u0915\u0942\u091f\u0928\u0940\u0924\u093f \u0914\u0930 \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u092e\u0947\u0902 \u092c\u0939\u0941\u092e\u0942\u0932\u094d\u092f \u0905\u0928\u0941\u092d\u0935 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83e\udd32<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u0928\u093f\u0930\u094d\u092e\u093e\u0923<\/h4>\n<p class=\"benefit-text\">\u0926\u0941\u0928\u093f\u092f\u093e \u092d\u0930 \u0915\u0947 \u092a\u0947\u0936\u0947\u0935\u0930\u094b\u0902 \u0914\u0930 \u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915\u094b\u0902 \u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83d\udcdc<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 \u092e\u093e\u0928\u094d\u092f\u0924\u093e<\/h4>\n<p class=\"benefit-text\">\u0905\u092a\u0928\u0947 \u092f\u094b\u0917\u0926\u093e\u0928 \u0915\u0947 \u0932\u093f\u090f \u092a\u094d\u0930\u092e\u093e\u0923 \u092a\u0924\u094d\u0930 \u0914\u0930 \u0938\u093f\u092b\u093e\u0930\u093f\u0936\u0947\u0902 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-section\">\n<h4 class=\"cta-title\">\u0915\u094d\u092f\u093e \u0906\u092a \u092c\u0926\u0932\u093e\u0935 \u0932\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0924\u0948\u092f\u093e\u0930 \u0939\u0948\u0902?<\/h4>\n<div class=\"cta-buttons\">\n <a href=\"https:\/\/bifa.ai\/contacts\/\" class=\"cta-button primary\"><br \/>\n \u0905\u092d\u0940 \u0905\u092a\u094d\u0932\u093e\u0908 \u0915\u0930\u0947\u0902<br \/>\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/bifa.ai\/initiatives\/\" class=\"cta-button secondary\">\u0914\u0930 \u0905\u0927\u093f\u0915 \u091c\u093e\u0928\u0947\u0902<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"contact-info\">\n<h4 class=\"contact-title\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\/h4>\n<p style=\"margin-bottom: 15px;\">\u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u093e \u0915\u0947 \u0905\u0935\u0938\u0930\u094b\u0902 \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u0905\u0927\u093f\u0915 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u0915\u0947 \u0932\u093f\u090f:<\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-email\"><br \/>\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n <\/svg><br \/>\n info@bifa.ai<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"representatives\" class=\"tab-content\">\n<div class=\"content-card\">\n<div class=\"decorative-dots dots-1\"><\/div>\n<div class=\"decorative-dots dots-2\"><\/div>\n<div class=\"card-icon\">\ud83c\udfdb\ufe0f<\/div>\n<h3 class=\"card-title\">BIFA+ \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u092c\u0928\u0947\u0902<\/h3>\n<p class=\"card-description\">\n Represent BIFA+ in your country or region. Lead initiatives, build partnerships,<br \/>\n and drive the growth of our global sports and cultural alliance.\n <\/p>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83d\udc54<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 \u0938\u094d\u0925\u093f\u0924\u093f<\/h4>\n<p class=\"benefit-text\">\u0905\u092a\u0928\u0947 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u092e\u0947\u0902 \u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 BIFA+ \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0915\u093e\u0930\u094d\u092f \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udfaf<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0940 \u092d\u0942\u092e\u093f\u0915\u093e<\/h4>\n<p class=\"benefit-text\">\u0915\u094d\u0937\u0947\u0924\u094d\u0930\u0940\u092f \u092a\u0939\u0932\u094b\u0902 \u0915\u093e \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0930\u0947\u0902 \u0914\u0930 \u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e\u094b\u0902 \u0915\u093e \u0938\u092e\u0928\u094d\u0935\u092f \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83e\udd1d<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0928\u093f\u0930\u094d\u092e\u093e\u0923<\/h4>\n<p class=\"benefit-text\">\u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0938\u0902\u0917\u0920\u0928\u094b\u0902 \u0915\u0947 \u0938\u093e\u0925 \u0930\u0923\u0928\u0940\u0924\u093f\u0915 \u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0935\u093f\u0915\u0938\u093f\u0924 \u0915\u0930\u0928\u093e<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83d\udcbc<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0935\u094d\u092f\u093e\u0935\u0938\u093e\u092f\u093f\u0915 \u0935\u093f\u0915\u093e\u0938<\/h4>\n<p class=\"benefit-text\">\u0905\u092a\u0928\u0947 \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0914\u0930 \u0915\u0942\u091f\u0928\u0940\u0924\u093f\u0915 \u0915\u094c\u0936\u0932 \u0915\u094b \u092c\u0922\u093c\u093e\u090f\u0901<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-section\">\n<h4 class=\"cta-title\">\u0905\u092a\u0928\u0947 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u092e\u0947\u0902 BIFA+ \u0915\u093e \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0930\u0947\u0902<\/h4>\n<div class=\"cta-buttons\">\n <a href=\"https:\/\/bifa.ai\/contacts\/\" class=\"cta-button primary\"><br \/>\n \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u0915\u0947 \u0932\u093f\u090f \u0906\u0935\u0947\u0926\u0928 \u0915\u0930\u0947\u0902<br \/>\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\n <\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/bifa.ai\/initiatives\/\" class=\"cta-button secondary\">\u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e\u090f\u0901 \u0926\u0947\u0916\u0947\u0902<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"contact-info\">\n<h4 class=\"contact-title\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\/h4>\n<p style=\"margin-bottom: 15px;\">\u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u092a\u0942\u091b\u0924\u093e\u091b \u0914\u0930 \u0906\u0935\u0947\u0926\u0928 \u0915\u0947 \u0932\u093f\u090f:<\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-email\"><br \/>\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n <\/svg><br \/>\n info@bifa.ai<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"ambassadors\" class=\"tab-content\">\n<div class=\"content-card\">\n<div class=\"decorative-dots dots-1\"><\/div>\n<div class=\"decorative-dots dots-2\"><\/div>\n<div class=\"card-icon\">\u2b50<\/div>\n<h3 class=\"card-title\">BIFA+ \u090f\u092e\u094d\u092c\u0947\u0938\u0921\u0930 \u092c\u0928\u0947\u0902<\/h3>\n<p class=\"card-description\">\n Join elite athletes, business leaders, and cultural icons as a BIFA+ Ambassador.<br \/>\n Use your influence to promote sports diplomacy and international cooperation.\n <\/p>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udf1f<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u092e\u0902\u091a<\/h4>\n<p class=\"benefit-text\">\u0905\u0902\u0924\u0930\u094d\u0930\u093e\u0937\u094d\u091f\u094d\u0930\u0940\u092f \u0916\u0947\u0932 \u0914\u0930 \u0938\u093e\u0902\u0938\u094d\u0915\u0943\u0924\u093f\u0915 \u092e\u0941\u0926\u094d\u0926\u094b\u0902 \u092a\u0930 \u0905\u092a\u0928\u0940 \u0906\u0935\u093e\u091c\u093c \u092c\u0941\u0932\u0902\u0926 \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udfad<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0935\u093f\u0936\u0947\u0937 \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e<\/h4>\n<p class=\"benefit-text\">\u0909\u091a\u094d\u091a-\u0938\u094d\u0924\u0930\u0940\u092f \u092e\u0902\u091a\u094b\u0902 \u0914\u0930 \u0930\u093e\u091c\u0928\u092f\u093f\u0915 \u0938\u092e\u093e\u0930\u094b\u0939\u094b\u0902 \u092e\u0947\u0902 \u092d\u093e\u0917 \u0932\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udfc6<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0935\u093f\u0930\u093e\u0938\u0924 \u092d\u0935\u0928<\/h4>\n<p class=\"benefit-text\">\u092f\u0941\u0935\u093e \u0914\u0930 \u0938\u093e\u092e\u0941\u0926\u093e\u092f\u093f\u0915 \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e\u094b\u0902 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0938\u094d\u0925\u093e\u092f\u0940 \u092a\u094d\u0930\u092d\u093e\u0935 \u092a\u0948\u0926\u093e \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udf10<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u090f\u0915\u094d\u0938\u0947\u0938<\/h4>\n<p class=\"benefit-text\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u0928\u0947\u0924\u093e\u0913\u0902 \u0914\u0930 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928\u0915\u0930\u094d\u0924\u093e\u0913\u0902 \u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-section\">\n<h4 class=\"cta-title\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u090f\u0915\u0924\u093e \u0915\u0947 \u0932\u093f\u090f \u0906\u0935\u093e\u091c\u093c \u092c\u0928\u0947\u0902<\/h4>\n<div class=\"cta-buttons\">\n <a href=\"https:\/\/bifa.ai\/contacts\/\" class=\"cta-button primary\"><br \/>\n \u0928\u093e\u092e\u093e\u0902\u0915\u0928 \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e<br \/>\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/bifa.ai\/initiatives\/\" class=\"cta-button secondary\">\u0930\u093e\u091c\u0926\u0942\u0924 \u092e\u093e\u0928\u0926\u0902\u0921<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"contact-info\">\n<h4 class=\"contact-title\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\/h4>\n<p style=\"margin-bottom: 15px;\">\u0930\u093e\u091c\u0926\u0942\u0924 \u0928\u093e\u092e\u093e\u0902\u0915\u0928 \u0914\u0930 \u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0915\u0947 \u0932\u093f\u090f:<\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-email\"><br \/>\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n <\/svg><br \/>\n info@bifa.ai<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\nfunction showTab(tabName) {\n \/\/ \u0421\u043a\u0440\u044b\u0442\u044c \u0432\u0441\u0435 \u0442\u0430\u0431\u044b\n const tabs = document.querySelectorAll('.tab-content');\n tabs.forEach(tab => {\n tab.classList.remove('active');\n });<\/p>\n<p> \/\/ \u0423\u0431\u0440\u0430\u0442\u044c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0441\u043e \u0432\u0441\u0435\u0445 \u043a\u043d\u043e\u043f\u043e\u043a\n const buttons = document.querySelectorAll('.tab-button');\n buttons.forEach(button => {\n button.classList.remove('active');\n });<\/p>\n<p> \/\/ \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0439 \u0442\u0430\u0431\n document.getElementById(tabName).classList.add('active');<\/p>\n<p> \/\/ \u0410\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443\n event.target.closest('.tab-button').classList.add('active');\n}<\/p>\n<p>\/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u0430\u043a\u0442\u0438\u0432\u0430\u0446\u0438\u0438 \u043d\u0443\u0436\u043d\u043e\u0433\u043e \u0442\u0430\u0431\u0430 \u043f\u043e \u0438\u043c\u0435\u043d\u0438\nfunction activateTab(tabName) {\n \/\/ \u0421\u043a\u0440\u044b\u0442\u044c \u0432\u0441\u0435 \u0442\u0430\u0431\u044b\n const tabs = document.querySelectorAll('.tab-content');\n tabs.forEach(tab => {\n tab.classList.remove('active');\n });<\/p>\n<p> \/\/ \u0423\u0431\u0440\u0430\u0442\u044c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0441\u043e \u0432\u0441\u0435\u0445 \u043a\u043d\u043e\u043f\u043e\u043a\n const buttons = document.querySelectorAll('.tab-button');\n buttons.forEach(button => {\n button.classList.remove('active');\n });<\/p>\n<p> \/\/ \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0439 \u0442\u0430\u0431\n const targetTab = document.getElementById(tabName);\n if (targetTab) {\n targetTab.classList.add('active');\n }<\/p>\n<p> \/\/ \u0410\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443\n buttons.forEach(button => {\n const buttonText = button.textContent.trim().toLowerCase();\n if (buttonText.includes(tabName.replace('s', ''))) {\n button.classList.add('active');\n }\n });\n}<\/p>\n<p>\/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0445\u0435\u0448\u0430\nfunction handleHashChange() {\n const hash = window.location.hash;\n const sectionMap = {\n '#volunteers': 'volunteers',\n '#representatives': 'representatives',\n '#ambassadors': 'ambassadors'\n };<\/p>\n<p> const section = sectionMap[hash];\n if (section) {\n activateTab(section);\n }\n}<\/p>\n<p>\/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u044f\u043a\u043e\u0440\u0435\u0439 \u0438\u0437 URL \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0445\u0435\u0448\u0430\n handleHashChange();<\/p>\n<p> \/\/ \u0421\u043b\u0443\u0448\u0430\u0435\u043c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0445\u0435\u0448\u0430 (\u0434\u043b\u044f \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0442\u0430\u0431\u0430\u043c\u0438 \u043a\u043e\u0433\u0434\u0430 \u0443\u0436\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435)\n window.addEventListener('hashchange', handleHashChange);<\/p>\n<p> \/\/ \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u043b\u044f \u043a\u043b\u0438\u043a\u043e\u0432 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0430\u043c \u0441 \u044f\u043a\u043e\u0440\u044f\u043c\u0438\n \/\/ \u042d\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u0441\u043b\u0443\u0447\u0430\u0435\u0432, \u043a\u043e\u0433\u0434\u0430 WordPress \u043c\u0435\u043d\u044e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u043f\u043e\u043b\u043d\u044b\u0435 URL\n document.addEventListener('click', function(e) {\n \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0435\u0441\u043b\u0438 \u043a\u043b\u0438\u043a \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435\n const link = e.target.closest('a');\n if (!link) return;<\/p>\n<p> const href = link.getAttribute('href');\n if (!href) return;<\/p>\n<p> \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430\u0448\u0438 \u044f\u043a\u043e\u0440\u044f\n const anchors = ['#volunteers', '#representatives', '#ambassadors'];\n const foundAnchor = anchors.find(anchor => href.includes(anchor));<\/p>\n<p> if (foundAnchor) {\n \/\/ \u0415\u0441\u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0430 \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u044f\u043a\u043e\u0440\u0435\u043c\n const currentUrl = window.location.pathname;\n const linkUrl = link.pathname || '';<\/p>\n<p> if (currentUrl === linkUrl || href.startsWith('#')) {\n \/\/ \u041c\u044b \u043d\u0430 \u0442\u043e\u0439 \u0436\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043f\u0440\u043e\u0441\u0442\u043e \u043c\u0435\u043d\u044f\u0435\u043c \u0445\u0435\u0448\n e.preventDefault();\n window.location.hash = foundAnchor;\n handleHashChange();\n }\n }\n });<\/p>\n<p> \/\/ \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043f\u0440\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };<\/p>\n<p> const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);<\/p>\n<p> \/\/ \u041d\u0430\u0431\u043b\u044e\u0434\u0430\u0435\u043c \u0437\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\n const elements = document.querySelectorAll('.benefit-item, .cta-section');\n elements.forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.6s ease-out';\n observer.observe(el);\n });\n});\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<p><br \/>\n\\n <\/p>\n<div class=\"\\\"join-tabs\\\"\">\\n <button class=\"\\\"tab-button\" active\\\" onclick=\"\\\"showTab('volunteers')\\\"\">\\n <span>\u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915\u094b\u0902<\\\/span>\\n <\\\/button>\\n <button class=\"\\\"tab-button\\\"\" onclick=\"\\\"showTab('representatives')\\\"\">\\n <span>\u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f\u092f\u094b\u0902<\\\/span>\\n <\\\/button>\\n <button class=\"\\\"tab-button\\\"\" onclick=\"\\\"showTab('ambassadors')\\\"\">\\n <span>\u0930\u093e\u091c\u0926\u0942\u0924\u094b\u0902<\\\/span>\\n <\\\/button>\\n <\\\/div>\\n\\n \\n <\/p>\n<div id=\"\\\"volunteers\\\"\" class=\"\\\"tab-content\" active\\\">\\n <\/p>\n<div class=\"\\\"content-card\\\"\">\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83e\\udd1d<\\\/div>\\n <\/p>\n<h3 class=\"\\\"card-title\\\"\">BIFA+ \u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915 \u092c\u0928\u0947\u0902<\\\/h3>\\n <\/p>\n<p class=\"\\\"card-description\\\"\">\\n Join our passionate community of volunteers making a difference in global sports diplomacy. \\n Help organize events, support youth programs, and connect communities across BRICS+ nations.\\n <\\\/p>\\n\\n <\/p>\n<div class=\"\\\"benefits-list\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udf0d<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u092a\u094d\u0930\u092d\u093e\u0935<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0916\u0947\u0932\u094b\u0902 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0905\u0902\u0924\u0930\u094d\u0930\u093e\u0937\u094d\u091f\u094d\u0930\u0940\u092f \u0938\u0939\u092f\u094b\u0917 \u0914\u0930 \u0938\u093e\u0902\u0938\u094d\u0915\u0943\u0924\u093f\u0915 \u0906\u0926\u093e\u0928-\u092a\u094d\u0930\u0926\u093e\u0928 \u092e\u0947\u0902 \u092f\u094b\u0917\u0926\u093e\u0928 \u0926\u0947\u0928\u093e<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udfaf<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0915\u094c\u0936\u0932 \u0935\u093f\u0915\u093e\u0938<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0907\u0935\u0947\u0902\u091f \u092a\u094d\u0930\u092c\u0902\u0927\u0928, \u0915\u0942\u091f\u0928\u0940\u0924\u093f \u0914\u0930 \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u092e\u0947\u0902 \u092c\u0939\u0941\u092e\u0942\u0932\u094d\u092f \u0905\u0928\u0941\u092d\u0935 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83e\\udd32<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u0928\u093f\u0930\u094d\u092e\u093e\u0923<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0926\u0941\u0928\u093f\u092f\u093e \u092d\u0930 \u0915\u0947 \u092a\u0947\u0936\u0947\u0935\u0930\u094b\u0902 \u0914\u0930 \u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915\u094b\u0902 \u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83d\\udcdc<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 \u092e\u093e\u0928\u094d\u092f\u0924\u093e<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0905\u092a\u0928\u0947 \u092f\u094b\u0917\u0926\u093e\u0928 \u0915\u0947 \u0932\u093f\u090f \u092a\u094d\u0930\u092e\u093e\u0923 \u092a\u0924\u094d\u0930 \u0914\u0930 \u0938\u093f\u092b\u093e\u0930\u093f\u0936\u0947\u0902 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"cta-section\\\"\">\\n <\/p>\n<h4 class=\"\\\"cta-title\\\"\">\u0915\u094d\u092f\u093e \u0906\u092a \u092c\u0926\u0932\u093e\u0935 \u0932\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0924\u0948\u092f\u093e\u0930 \u0939\u0948\u0902?<\\\/h4>\\n <\/p>\n<div class=\"\\\"cta-buttons\\\"\">\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/contacts\\\/\\\"\" class=\"\\\"cta-button\" primary\\\">\\n Apply Now\\n <svg width=\"\\\"20\\\"\" height=\"\\\"20\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n <\\\/svg>\\n <\\\/a>\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/initiatives\\\/\\\"\" class=\"\\\"cta-button\" secondary\\\">\u0914\u0930 \u0905\u0927\u093f\u0915 \u091c\u093e\u0928\u0947\u0902<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"contact-info\\\"\">\\n <\/p>\n<h4 class=\"\\\"contact-title\\\"\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\\\/h4>\\n <\/p>\n<p style=\"\\\"margin-bottom:\" 15px;\\\">\u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u093e \u0915\u0947 \u0905\u0935\u0938\u0930\u094b\u0902 \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u0905\u0927\u093f\u0915 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u0915\u0947 \u0932\u093f\u090f:<\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-email\\\"\">\\n <svg width=\"\\\"24\\\"\" height=\"\\\"24\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M20\" 4h4c-1.1 0-1.99.9-1.99 2l2 18c0 1.1.9 2 2h16c1.1 0 2-.9 2-2v6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5v6l8 5 8-5v2z\\\"\\>\\n <\\\/svg>\\n info@bifa.ai\\n <\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div id=\"\\\"representatives\\\"\" class=\"\\\"tab-content\\\"\">\\n <\/p>\n<div class=\"\\\"content-card\\\"\">\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83c\\udfdb\\ufe0f<\\\/div>\\n <\/p>\n<h3 class=\"\\\"card-title\\\"\">BIFA+ \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u092c\u0928\u0947\u0902<\\\/h3>\\n <\/p>\n<p class=\"\\\"card-description\\\"\">\\n Represent BIFA+ in your country or region. Lead initiatives, build partnerships, \\n and drive the growth of our global sports and cultural alliance.\\n <\\\/p>\\n\\n <\/p>\n<div class=\"\\\"benefits-list\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83d\\udc54<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 \u0938\u094d\u0925\u093f\u0924\u093f<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0905\u092a\u0928\u0947 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u092e\u0947\u0902 \u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 BIFA+ \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0915\u093e\u0930\u094d\u092f \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udfaf<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0940 \u092d\u0942\u092e\u093f\u0915\u093e<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0915\u094d\u0937\u0947\u0924\u094d\u0930\u0940\u092f \u092a\u0939\u0932\u094b\u0902 \u0915\u093e \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0930\u0947\u0902 \u0914\u0930 \u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e\u094b\u0902 \u0915\u093e \u0938\u092e\u0928\u094d\u0935\u092f \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83e\\udd1d<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0928\u093f\u0930\u094d\u092e\u093e\u0923<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0938\u0902\u0917\u0920\u0928\u094b\u0902 \u0915\u0947 \u0938\u093e\u0925 \u0930\u0923\u0928\u0940\u0924\u093f\u0915 \u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0935\u093f\u0915\u0938\u093f\u0924 \u0915\u0930\u0928\u093e<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83d\\udcbc<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0935\u094d\u092f\u093e\u0935\u0938\u093e\u092f\u093f\u0915 \u0935\u093f\u0915\u093e\u0938<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0905\u092a\u0928\u0947 \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0914\u0930 \u0915\u0942\u091f\u0928\u0940\u0924\u093f\u0915 \u0915\u094c\u0936\u0932 \u0915\u094b \u092c\u0922\u093c\u093e\u090f\u0901<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"cta-section\\\"\">\\n <\/p>\n<h4 class=\"\\\"cta-title\\\"\">\u0905\u092a\u0928\u0947 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u092e\u0947\u0902 BIFA+ \u0915\u093e \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0930\u0947\u0902<\\\/h4>\\n <\/p>\n<div class=\"\\\"cta-buttons\\\"\">\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/contacts\\\/\\\"\" class=\"\\\"cta-button\" primary\\\">\\n Apply for Representative\\n <svg width=\"\\\"20\\\"\" height=\"\\\"20\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M19\" 3h-4.18c14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2h5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2h14c1.1 0 2-.9 2-2v5c0-1.1-.9-2-2-2zm-7 0c.55 .45 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14h7v-2h7v2zm3-4h7v-2h10v2zm0-4h7v7h10v2z\\\"\\>\\n <\\\/svg>\\n <\\\/a>\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/initiatives\\\/\\\"\" class=\"\\\"cta-button\" secondary\\\">\u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e\u090f\u0901 \u0926\u0947\u0916\u0947\u0902<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"contact-info\\\"\">\\n <\/p>\n<h4 class=\"\\\"contact-title\\\"\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\\\/h4>\\n <\/p>\n<p style=\"\\\"margin-bottom:\" 15px;\\\">\u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u092a\u0942\u091b\u0924\u093e\u091b \u0914\u0930 \u0906\u0935\u0947\u0926\u0928 \u0915\u0947 \u0932\u093f\u090f:<\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-email\\\"\">\\n <svg width=\"\\\"24\\\"\" height=\"\\\"24\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M20\" 4h4c-1.1 0-1.99.9-1.99 2l2 18c0 1.1.9 2 2h16c1.1 0 2-.9 2-2v6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5v6l8 5 8-5v2z\\\"\\>\\n <\\\/svg>\\n info@bifa.ai\\n <\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div id=\"\\\"ambassadors\\\"\" class=\"\\\"tab-content\\\"\">\\n <\/p>\n<div class=\"\\\"content-card\\\"\">\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\u2b50<\\\/div>\\n <\/p>\n<h3 class=\"\\\"card-title\\\"\">BIFA+ \u090f\u092e\u094d\u092c\u0947\u0938\u0921\u0930 \u092c\u0928\u0947\u0902<\\\/h3>\\n <\/p>\n<p class=\"\\\"card-description\\\"\">\\n Join elite athletes, business leaders, and cultural icons as a BIFA+ Ambassador. \\n Use your influence to promote sports diplomacy and international cooperation.\\n <\\\/p>\\n\\n <\/p>\n<div class=\"\\\"benefits-list\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udf1f<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u092e\u0902\u091a<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0905\u0902\u0924\u0930\u094d\u0930\u093e\u0937\u094d\u091f\u094d\u0930\u0940\u092f \u0916\u0947\u0932 \u0914\u0930 \u0938\u093e\u0902\u0938\u094d\u0915\u0943\u0924\u093f\u0915 \u092e\u0941\u0926\u094d\u0926\u094b\u0902 \u092a\u0930 \u0905\u092a\u0928\u0940 \u0906\u0935\u093e\u091c\u093c \u092c\u0941\u0932\u0902\u0926 \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udfad<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0935\u093f\u0936\u0947\u0937 \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0909\u091a\u094d\u091a-\u0938\u094d\u0924\u0930\u0940\u092f \u092e\u0902\u091a\u094b\u0902 \u0914\u0930 \u0930\u093e\u091c\u0928\u092f\u093f\u0915 \u0938\u092e\u093e\u0930\u094b\u0939\u094b\u0902 \u092e\u0947\u0902 \u092d\u093e\u0917 \u0932\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udfc6<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0935\u093f\u0930\u093e\u0938\u0924 \u092d\u0935\u0928<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u092f\u0941\u0935\u093e \u0914\u0930 \u0938\u093e\u092e\u0941\u0926\u093e\u092f\u093f\u0915 \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e\u094b\u0902 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0938\u094d\u0925\u093e\u092f\u0940 \u092a\u094d\u0930\u092d\u093e\u0935 \u092a\u0948\u0926\u093e \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udf10<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u090f\u0915\u094d\u0938\u0947\u0938<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u0928\u0947\u0924\u093e\u0913\u0902 \u0914\u0930 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928\u0915\u0930\u094d\u0924\u093e\u0913\u0902 \u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"cta-section\\\"\">\\n <\/p>\n<h4 class=\"\\\"cta-title\\\"\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u090f\u0915\u0924\u093e \u0915\u0947 \u0932\u093f\u090f \u0906\u0935\u093e\u091c\u093c \u092c\u0928\u0947\u0902<\\\/h4>\\n <\/p>\n<div class=\"\\\"cta-buttons\\\"\">\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/contacts\\\/\\\"\" class=\"\\\"cta-button\" primary\\\">\\n Nomination Process\\n <svg width=\"\\\"20\\\"\" height=\"\\\"20\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n <\\\/svg>\\n <\\\/a>\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/initiatives\\\/\\\"\" class=\"\\\"cta-button\" secondary\\\">\u0930\u093e\u091c\u0926\u0942\u0924 \u092e\u093e\u0928\u0926\u0902\u0921<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"contact-info\\\"\">\\n <\/p>\n<h4 class=\"\\\"contact-title\\\"\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\\\/h4>\\n <\/p>\n<p style=\"\\\"margin-bottom:\" 15px;\\\">\u0930\u093e\u091c\u0926\u0942\u0924 \u0928\u093e\u092e\u093e\u0902\u0915\u0928 \u0914\u0930 \u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0915\u0947 \u0932\u093f\u090f:<\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-email\\\"\">\\n <svg width=\"\\\"24\\\"\" height=\"\\\"24\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M20\" 4h4c-1.1 0-1.99.9-1.99 2l2 18c0 1.1.9 2 2h16c1.1 0 2-.9 2-2v6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5v6l8 5 8-5v2z\\\"\\>\\n <\\\/svg>\\n info@bifa.ai\\n <\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n<\\\/section>\\n\\n<script>\\nfunction showTab(tabName) {\\n \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0430\\u0431\\u044b\\n const tabs = document.querySelectorAll('.tab-content');\\n tabs.forEach(tab => {\\n tab.classList.remove('active');\\n });\\n \\n \\\/\\\/ \\u0423\\u0431\\u0440\\u0430\\u0442\\u044c \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u044b\\u0439 \\u043a\\u043b\\u0430\\u0441\\u0441 \\u0441\\u043e \\u0432\\u0441\\u0435\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n const buttons = document.querySelectorAll('.tab-button');\\n buttons.forEach(button => {\\n button.classList.remove('active');\\n });\\n \\n \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0439 \\u0442\\u0430\\u0431\\n document.getElementById(tabName).classList.add('active');\\n \\n \\\/\\\/ \\u0410\\u043a\\u0442\\u0438\\u0432\\u0438\\u0440\\u043e\\u0432\\u0430\\u0442\\u044c \\u0441\\u043e\\u043e\\u0442\\u0432\\u0435\\u0442\\u0441\\u0442\\u0432\\u0443\\u044e\\u0449\\u0443\\u044e \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443\\n event.target.closest('.tab-button').classList.add('active');\\n}\\n\\n\\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0430\\u043a\\u0442\\u0438\\u0432\\u0430\\u0446\\u0438\\u0438 \\u043d\\u0443\\u0436\\u043d\\u043e\\u0433\\u043e \\u0442\\u0430\\u0431\\u0430 \\u043f\\u043e \\u0438\\u043c\\u0435\\u043d\\u0438\\nfunction activateTab(tabName) {\\n \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0430\\u0431\\u044b\\n const tabs = document.querySelectorAll('.tab-content');\\n tabs.forEach(tab => {\\n tab.classList.remove('active');\\n });\\n \\n \\\/\\\/ \\u0423\\u0431\\u0440\\u0430\\u0442\\u044c \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u044b\\u0439 \\u043a\\u043b\\u0430\\u0441\\u0441 \\u0441\\u043e \\u0432\\u0441\\u0435\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n const buttons = document.querySelectorAll('.tab-button');\\n buttons.forEach(button => {\\n button.classList.remove('active');\\n });\\n \\n \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043d\\u0443\\u0436\\u043d\\u044b\\u0439 \\u0442\\u0430\\u0431\\n const targetTab = document.getElementById(tabName);\\n if (targetTab) {\\n targetTab.classList.add('active');\\n }\\n \\n \\\/\\\/ \\u0410\\u043a\\u0442\\u0438\\u0432\\u0438\\u0440\\u043e\\u0432\\u0430\\u0442\\u044c \\u0441\\u043e\\u043e\\u0442\\u0432\\u0435\\u0442\\u0441\\u0442\\u0432\\u0443\\u044e\\u0449\\u0443\\u044e \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443\\n buttons.forEach(button => {\\n const buttonText = button.textContent.trim().toLowerCase();\\n if (buttonText.includes(tabName.replace('s', ''))) {\\n button.classList.add('active');\\n }\\n });\\n}\\n\\n\\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0438 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u044f \\u0445\\u0435\\u0448\\u0430\\nfunction handleHashChange() {\\n const hash = window.location.hash;\\n const sectionMap = {\\n '#volunteers': 'volunteers',\\n '#representatives': 'representatives',\\n '#ambassadors': 'ambassadors'\\n };\\n \\n const section = sectionMap[hash];\\n if (section) {\\n activateTab(section);\\n }\\n}\\n\\n\\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u044f\\u043a\\u043e\\u0440\\u0435\\u0439 \\u0438\\u0437 URL \\u043f\\u0440\\u0438 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\ndocument.addEventListener('DOMContentLoaded', function() {\\n \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u044c\\u043d\\u043e\\u0433\\u043e \\u0445\\u0435\\u0448\\u0430\\n handleHashChange();\\n \\n \\\/\\\/ \\u0421\\u043b\\u0443\\u0448\\u0430\\u0435\\u043c \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u044f \\u0445\\u0435\\u0448\\u0430 (\\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0442\\u0430\\u0431\\u0430\\u043c\\u0438 \\u043a\\u043e\\u0433\\u0434\\u0430 \\u0443\\u0436\\u0435 \\u043d\\u0430 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0435)\\n window.addEventListener('hashchange', handleHashChange);\\n \\n \\\/\\\/ \\u0414\\u043e\\u043f\\u043e\\u043b\\u043d\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u044b\\u0439 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u0434\\u043b\\u044f \\u043a\\u043b\\u0438\\u043a\\u043e\\u0432 \\u043f\\u043e \\u0441\\u0441\\u044b\\u043b\\u043a\\u0430\\u043c \\u0441 \\u044f\\u043a\\u043e\\u0440\\u044f\\u043c\\u0438\\n \\\/\\\/ \\u042d\\u0442\\u043e \\u043d\\u0443\\u0436\\u043d\\u043e \\u0434\\u043b\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0435\\u0432, \\u043a\\u043e\\u0433\\u0434\\u0430 WordPress \\u043c\\u0435\\u043d\\u044e \\u0438\\u0441\\u043f\\u043e\\u043b\\u044c\\u0437\\u0443\\u0435\\u0442 \\u043f\\u043e\\u043b\\u043d\\u044b\\u0435 URL\\n document.addEventListener('click', function(e) {\\n \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c, \\u0435\\u0441\\u043b\\u0438 \\u043a\\u043b\\u0438\\u043a \\u043f\\u043e \\u0441\\u0441\\u044b\\u043b\\u043a\\u0435\\n const link = e.target.closest('a');\\n if (!link) return;\\n \\n const href = link.getAttribute('href');\\n if (!href) return;\\n \\n \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c, \\u0441\\u043e\\u0434\\u0435\\u0440\\u0436\\u0438\\u0442 \\u043b\\u0438 \\u0441\\u0441\\u044b\\u043b\\u043a\\u0430 \\u043d\\u0430\\u0448\\u0438 \\u044f\\u043a\\u043e\\u0440\\u044f\\n const anchors = ['#volunteers', '#representatives', '#ambassadors'];\\n const foundAnchor = anchors.find(anchor => href.includes(anchor));\\n \\n if (foundAnchor) {\\n \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u0441\\u0441\\u044b\\u043b\\u043a\\u0430 \\u0432\\u0435\\u0434\\u0451\\u0442 \\u043d\\u0430 \\u0442\\u0435\\u043a\\u0443\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0443 \\u0441 \\u044f\\u043a\\u043e\\u0440\\u0435\\u043c\\n const currentUrl = window.location.pathname;\\n const linkUrl = link.pathname || '';\\n \\n if (currentUrl === linkUrl || href.startsWith('#')) {\\n \\\/\\\/ \\u041c\\u044b \\u043d\\u0430 \\u0442\\u043e\\u0439 \\u0436\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0435, \\u043f\\u0440\\u043e\\u0441\\u0442\\u043e \\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u0445\\u0435\\u0448\\n e.preventDefault();\\n window.location.hash = foundAnchor;\\n handleHashChange();\\n }\\n }\\n });\\n \\n \\\/\\\/ \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u044f \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u043e\\u0432 \\u043f\\u0440\\u0438 \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0435\\n const observerOptions = {\\n threshold: 0.1,\\n rootMargin: '0px 0px -100px 0px'\\n };\\n\\n const observer = new IntersectionObserver((entries) => {\\n entries.forEach(entry => {\\n if (entry.isIntersecting) {\\n entry.target.style.opacity = '1';\\n entry.target.style.transform = 'translateY(0)';\\n }\\n });\\n }, observerOptions);\\n\\n \\\/\\\/ \\u041d\\u0430\\u0431\\u043b\\u044e\\u0434\\u0430\\u0435\\u043c \\u0437\\u0430 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u0430\\u043c\\u0438 \\u0434\\u043b\\u044f \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\n const elements = document.querySelectorAll('.benefit-item, .cta-section');\\n elements.forEach(el => {\\n el.style.opacity = '0';\\n el.style.transform = 'translateY(30px)';\\n el.style.transition = 'all 0.6s ease-out';\\n observer.observe(el);\\n });\\n});\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\"}}]}]}]}],\"version\":\"4.5.28\"} --><\/p>","protected":false},"excerpt":{"rendered":"<p>BIFA+ Join Us JOIN US Be part of the BIFA+ global movement connecting nations through football and innovation Volunteers Representatives Ambassadors \ud83e\udd1d Become a BIFA+ Volunteer Join our passionate community of volunteers making a difference in global sports diplomacy. Help organize events, support youth programs, and connect communities across BRICS+ nations. \ud83c\udf0d Global Impact Contribute […]<\/p>","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":7,"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1144,"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/pages\/15\/revisions\/1144"}],"wp:attachment":[{"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n
\n
\n
\n
\nBIFA+ Join Us<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* CSS \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u0446\u0432\u0435\u0442\u043e\u0432 BIFA+ *\/\n:root {\n --deep-navy: #0A1F44;\n --heritage-gold: #D4AF37;\n --civic-green: #1D6143;\n --bright-white: #FFFFFF;\n --soft-black: #1A1A1A;<\/p>\n<p> --primary: var(--deep-navy);\n --secondary: var(--heritage-gold);\n --tertiary: var(--civic-green);\n --text-primary: var(--deep-navy);\n --text-secondary: #6B7280;\n --shadow-sm: 0 2px 10px rgba(10, 31, 68, 0.08);\n --shadow-md: 0 10px 40px rgba(10, 31, 68, 0.12);\n --shadow-lg: 0 20px 60px rgba(10, 31, 68, 0.15);\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n --radius: 12px;\n}<\/p>\n<p>* { box-sizing: border-box; }<\/p>\n<p>\/* \u0423\u0441\u0438\u043b\u0435\u043d\u043d\u044b\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0441 \u0432\u044b\u0441\u043e\u043a\u0438\u043c \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043e\u043c *\/\n.join-section * {\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>\/* \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0430 \u0441 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043e\u043c *\/\n.join-section h1,\n.join-section h2,\n.join-section h3,\n.join-section h4,\n.join-section h5,\n.join-section h6 {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 700 !important;\n line-height: 1.3 !important;\n margin-top: 0 !important;\n color: var(--deep-navy) !important;\n}<\/p>\n<p>.join-section p {\n font-family: 'Poppins', sans-serif !important;\n line-height: 1.6 !important;\n color: var(--text-secondary) !important;\n}<\/p>\n<p>\/* \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0434\u043b\u044f p \u0432 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n.join-section .contact-info p {\n color: var(--bright-white) !important;\n}<\/p>\n<p>\/* \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0434\u043b\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432 \u0432 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n.join-section .contact-info h1,\n.join-section .contact-info h2,\n.join-section .contact-info h3,\n.join-section .contact-info h4,\n.join-section .contact-info h5,\n.join-section .contact-info h6 {\n color: var(--bright-white) !important;\n}<\/p>\n<p>.join-section a {\n text-decoration: none !important;\n}<\/p>\n<p>\/* \u0423\u0431\u0435\u0434\u0438\u043c\u0441\u044f \u0447\u0442\u043e \u0446\u0432\u0435\u0442\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f *\/\n.join-section {\n --deep-navy: #0A1F44 !important;\n --heritage-gold: #D4AF37 !important;\n --civic-green: #1D6143 !important;\n --bright-white: #FFFFFF !important;\n --soft-black: #1A1A1A !important;\n --text-primary: #0A1F44 !important;\n --text-secondary: #6B7280 !important;\n}<\/p>\n<p>body { \n margin: 0; \n padding: 0; \n background: #f8f9fa;\n color: var(--text-primary);\n}<\/p>\n<p>\/* \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 *\/\n.join-section {\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n padding: 80px 0;\n background: linear-gradient(135deg, var(--bright-white) 0%, #f8f9fa 100%);\n position: relative;\n overflow: hidden;\n}<\/p>\n<p>\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b *\/\n.join-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.05), transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(10, 31, 68, 0.03), transparent 50%);\n animation: float 20s ease-in-out infinite;\n}<\/p>\n<p>@keyframes float {\n 0%, 100% { transform: rotate(0deg) scale(1); }\n 50% { transform: rotate(180deg) scale(1.1); }\n}<\/p>\n<p>.join-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n}<\/p>\n<p>\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a *\/\n.join-header {\n text-align: center !important;\n margin-bottom: 60px !important;\n}<\/p>\n<p>.join-section .join-title {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 800 !important;\n font-size: 56px !important;\n color: var(--deep-navy) !important;\n margin: 0 0 20px !important;\n text-transform: uppercase !important;\n letter-spacing: 2px !important;\n position: relative;\n display: inline-block;\n line-height: 1.2 !important;\n}<\/p>\n<p>.join-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 5px;\n background: var(--heritage-gold);\n border-radius: 3px;\n}<\/p>\n<p>.join-section .join-subtitle {\n font-size: 20px !important;\n color: var(--text-secondary) !important;\n margin: 0 !important;\n line-height: 1.6 !important;\n font-weight: 400 !important;\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>\/* \u0422\u0430\u0431\u044b \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n.join-tabs {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin-bottom: 60px;\n flex-wrap: wrap;\n}<\/p>\n<p>.join-section .tab-button {\n background: var(--bright-white) !important;\n border: 2px solid var(--deep-navy) !important;\n padding: 18px 40px !important;\n border-radius: 50px !important;\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 600 !important;\n font-size: 16px !important;\n color: var(--deep-navy) !important;\n cursor: pointer !important;\n transition: var(--transition) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n text-decoration: none !important;\n position: relative;\n overflow: hidden;\n line-height: 1 !important;\n display: inline-block !important;\n}<\/p>\n<p>.join-section .tab-button::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n background: var(--heritage-gold) !important;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n transition: all 0.5s ease;\n z-index: 0;\n}<\/p>\n<p>.join-section .tab-button:hover::before {\n width: 300px !important;\n height: 300px !important;\n}<\/p>\n<p>.join-section .tab-button:hover {\n color: var(--deep-navy) !important;\n border-color: var(--heritage-gold) !important;\n transform: translateY(-3px) !important;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3) !important;\n}<\/p>\n<p>.join-section .tab-button.active {\n background: var(--deep-navy) !important;\n color: var(--bright-white) !important;\n border-color: var(--deep-navy) !important;\n}<\/p>\n<p>.join-section .cta-button svg {\n width: 20px !important;\n height: 20px !important;\n fill: currentColor !important;\n}<\/p>\n<p>.join-section .contact-email svg {\n width: 24px !important;\n height: 24px !important;\n fill: currentColor !important;\n}<\/p>\n<p>\/* \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u0438\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f YooTheme \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 *\/\n.join-section .content-card * {\n box-sizing: border-box !important;\n}<\/p>\n<p>.join-section button {\n font-family: inherit !important;\n font-size: inherit !important;\n line-height: inherit !important;\n}<\/p>\n<p>.join-section .tab-button span {\n position: relative;\n z-index: 1;\n color: inherit !important;\n font-weight: inherit !important;\n}<\/p>\n<p>\/* \u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0442\u0430\u0431\u043e\u0432 *\/\n.tab-content {\n display: none;\n animation: fadeInUp 0.6s ease;\n}<\/p>\n<p>.tab-content.active {\n display: block;\n}<\/p>\n<p>@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}<\/p>\n<p>\/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 *\/\n.join-section .content-card {\n background: var(--bright-white) !important;\n border-radius: var(--radius) !important;\n padding: 60px !important;\n box-shadow: var(--shadow-lg) !important;\n position: relative;\n overflow: hidden;\n color: var(--text-primary) !important;\n}<\/p>\n<p>.join-section .content-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, var(--heritage-gold), #ffd700) !important;\n}<\/p>\n<p>.join-section .card-icon {\n width: 100px !important;\n height: 100px !important;\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700) !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n font-size: 48px !important;\n margin: 0 auto 30px !important;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3) !important;\n}<\/p>\n<p>.join-section .card-title {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 700 !important;\n font-size: 32px !important;\n color: var(--deep-navy) !important;\n text-align: center !important;\n margin: 0 0 20px !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n line-height: 1.3 !important;\n}<\/p>\n<p>.join-section .card-description {\n font-size: 18px !important;\n color: var(--text-secondary) !important;\n line-height: 1.8 !important;\n text-align: center !important;\n margin: 0 0 40px !important;\n font-weight: 400 !important;\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>\/* \u0421\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432 *\/\n.join-section .benefits-list {\n display: grid !important;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\n gap: 30px !important;\n margin-bottom: 50px !important;\n}<\/p>\n<p>.join-section .benefit-item {\n display: flex !important;\n align-items: flex-start !important;\n gap: 20px !important;\n}<\/p>\n<p>.join-section .benefit-icon {\n width: 50px !important;\n height: 50px !important;\n background: rgba(212, 175, 55, 0.1) !important;\n border-radius: 50% !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n font-size: 24px !important;\n flex-shrink: 0 !important;\n}<\/p>\n<p>.benefit-content {\n flex: 1;\n}<\/p>\n<p>.join-section .benefit-title {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 600 !important;\n font-size: 20px !important;\n color: var(--deep-navy) !important;\n margin: 0 0 8px !important;\n line-height: 1.4 !important;\n}<\/p>\n<p>.join-section .benefit-text {\n font-size: 16px !important;\n color: var(--text-secondary) !important;\n line-height: 1.6 !important;\n margin: 0 !important;\n font-weight: 400 !important;\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>\/* CTA \u0441\u0435\u043a\u0446\u0438\u044f *\/\n.join-section .cta-section {\n text-align: center !important;\n padding: 40px !important;\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(212, 175, 55, 0.05) 100%) !important;\n border-radius: var(--radius) !important;\n margin-top: 40px !important;\n}<\/p>\n<p>.join-section .cta-section h3,\n.join-section .cta-section h4,\n.join-section .cta-section p {\n color: var(--deep-navy) !important;\n}<\/p>\n<p>.cta-title {\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 28px;\n color: var(--deep-navy);\n margin: 0 0 20px;\n}<\/p>\n<p>.cta-buttons {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n}<\/p>\n<p>.cta-button {\n padding: 16px 36px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-radius: 50px;\n text-decoration: none;\n transition: var(--transition);\n display: inline-flex;\n align-items: center;\n gap: 10px;\n}<\/p>\n<p>.cta-button.primary {\n background: var(--deep-navy);\n color: var(--bright-white);\n box-shadow: 0 10px 30px rgba(10, 31, 68, 0.3);\n}<\/p>\n<p>.cta-button.primary:hover {\n background: #162e5a;\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(10, 31, 68, 0.4);\n}<\/p>\n<p>.cta-button.secondary {\n background: var(--bright-white);\n color: var(--deep-navy);\n border: 2px solid var(--deep-navy);\n}<\/p>\n<p>.cta-button.secondary:hover {\n background: var(--deep-navy);\n color: var(--bright-white);\n transform: translateY(-3px);\n}<\/p>\n<p>\/* \u0424\u043e\u0440\u043c\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430 *\/\n.join-section .contact-info {\n background: var(--deep-navy) !important;\n color: var(--bright-white) !important;\n padding: 40px !important;\n border-radius: var(--radius) !important;\n margin-top: 40px !important;\n text-align: center !important;\n}<\/p>\n<p>.join-section .contact-info * {\n color: var(--bright-white) !important;\n}<\/p>\n<p>\/* \u0418\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0434\u043b\u044f email \u0441\u0441\u044b\u043b\u043a\u0438 *\/\n.join-section .contact-email,\n.join-section .contact-email * {\n color: var(--heritage-gold) !important;\n}<\/p>\n<p>.join-section .contact-email:hover {\n color: #ffd700 !important;\n transform: translateY(-2px) !important;\n}<\/p>\n<p>.join-section .contact-title {\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 700 !important;\n font-size: 24px !important;\n margin: 0 0 20px !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n color: var(--bright-white) !important;\n line-height: 1.3 !important;\n}<\/p>\n<p>.join-section .contact-info p {\n margin-bottom: 15px !important;\n color: var(--bright-white) !important;\n font-size: 16px !important;\n line-height: 1.6 !important;\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>.join-section .contact-email {\n display: inline-flex !important;\n align-items: center !important;\n gap: 10px !important;\n color: var(--heritage-gold) !important;\n font-size: 20px !important;\n text-decoration: none !important;\n transition: var(--transition) !important;\n font-weight: 500 !important;\n font-family: 'Poppins', sans-serif !important;\n}<\/p>\n<p>.contact-email:hover {\n color: #ffd700;\n transform: translateY(-2px);\n}<\/p>\n<p>\/* \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f *\/\n@media (max-width: 768px) {\n .join-section .join-title {\n font-size: 36px !important;\n }<\/p>\n<p> .join-tabs {\n gap: 15px !important;\n }<\/p>\n<p> .join-section .tab-button {\n padding: 14px 28px !important;\n font-size: 14px !important;\n }<\/p>\n<p> .join-section .content-card {\n padding: 40px 20px !important;\n }<\/p>\n<p> .join-section .card-title {\n font-size: 24px !important;\n }<\/p>\n<p> .benefits-list {\n grid-template-columns: 1fr !important;\n }<\/p>\n<p> .cta-buttons {\n flex-direction: column !important;\n align-items: center !important;\n }<\/p>\n<p> .join-section .cta-button {\n width: 100% !important;\n max-width: 300px !important;\n justify-content: center !important;\n }\n}<\/p>\n<p>\/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\n.join-section .card-icon {\n transition: transform 0.3s ease !important;\n}<\/p>\n<p>.join-section .content-card:hover .card-icon {\n transform: scale(1.1) rotate(5deg) !important;\n}<\/p>\n<p>\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0442\u043e\u0447\u043a\u0438 *\/\n.join-section .decorative-dots {\n position: absolute;\n width: 100px;\n height: 100px;\n opacity: 0.1;\n pointer-events: none;\n}<\/p>\n<p>.join-section .dots-1 {\n top: 50px;\n right: 50px;\n background-image: radial-gradient(circle, var(--heritage-gold) 2px, transparent 2px);\n background-size: 20px 20px;\n}<\/p>\n<p>.join-section .dots-2 {\n bottom: 50px;\n left: 50px;\n background-image: radial-gradient(circle, var(--deep-navy) 2px, transparent 2px);\n background-size: 20px 20px;\n}<\/p>\n<p>\/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u044f\u043a\u043e\u0440\u0435\u0439 *\/\n.anchor-target {\n scroll-margin-top: 100px; \/* \u041e\u0442\u0441\u0442\u0443\u043f \u043e\u0442 \u0432\u0435\u0440\u0445\u0430 \u043f\u0440\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435 \u043a \u044f\u043a\u043e\u0440\u044e *\/\n position: relative;\n}\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section class=\"join-section\" id=\"join-us\">\n<div class=\"join-container\">\n<div class=\"join-header\">\n<h2 class=\"join-title\">\u0939\u092e\u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902<\/h2>\n<p class=\"join-subtitle\">\u092b\u0941\u091f\u092c\u0949\u0932 \u0914\u0930 \u0928\u0935\u093e\u091a\u093e\u0930 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0930\u093e\u0937\u094d\u091f\u094d\u0930\u094b\u0902 \u0915\u094b \u091c\u094b\u0921\u093c\u0928\u0947 \u0935\u093e\u0932\u0947 BIFA+ \u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u0906\u0902\u0926\u094b\u0932\u0928 \u0915\u093e \u0939\u093f\u0938\u094d\u0938\u093e \u092c\u0928\u0947\u0902<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"join-tabs\">\n <button class=\"tab-button active\" onclick=\"showTab('volunteers')\"><br \/>\n <span>\u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915\u094b\u0902<\/span><br \/>\n <\/button><br \/>\n <button class=\"tab-button\" onclick=\"showTab('representatives')\"><br \/>\n <span>\u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f\u092f\u094b\u0902<\/span><br \/>\n <\/button><br \/>\n <button class=\"tab-button\" onclick=\"showTab('ambassadors')\"><br \/>\n <span>\u0930\u093e\u091c\u0926\u0942\u0924\u094b\u0902<\/span><br \/>\n <\/button>\n <\/div>\n<p> <\/p>\n<div id=\"volunteers\" class=\"tab-content active\">\n<div class=\"content-card\">\n<div class=\"decorative-dots dots-1\"><\/div>\n<div class=\"decorative-dots dots-2\"><\/div>\n<div class=\"card-icon\">\ud83e\udd1d<\/div>\n<h3 class=\"card-title\">BIFA+ \u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915 \u092c\u0928\u0947\u0902<\/h3>\n<p class=\"card-description\">\n Join our passionate community of volunteers making a difference in global sports diplomacy.<br \/>\n Help organize events, support youth programs, and connect communities across BRICS+ nations.\n <\/p>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udf0d<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u092a\u094d\u0930\u092d\u093e\u0935<\/h4>\n<p class=\"benefit-text\">\u0916\u0947\u0932\u094b\u0902 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0905\u0902\u0924\u0930\u094d\u0930\u093e\u0937\u094d\u091f\u094d\u0930\u0940\u092f \u0938\u0939\u092f\u094b\u0917 \u0914\u0930 \u0938\u093e\u0902\u0938\u094d\u0915\u0943\u0924\u093f\u0915 \u0906\u0926\u093e\u0928-\u092a\u094d\u0930\u0926\u093e\u0928 \u092e\u0947\u0902 \u092f\u094b\u0917\u0926\u093e\u0928 \u0926\u0947\u0928\u093e<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udfaf<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0915\u094c\u0936\u0932 \u0935\u093f\u0915\u093e\u0938<\/h4>\n<p class=\"benefit-text\">\u0907\u0935\u0947\u0902\u091f \u092a\u094d\u0930\u092c\u0902\u0927\u0928, \u0915\u0942\u091f\u0928\u0940\u0924\u093f \u0914\u0930 \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u092e\u0947\u0902 \u092c\u0939\u0941\u092e\u0942\u0932\u094d\u092f \u0905\u0928\u0941\u092d\u0935 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83e\udd32<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u0928\u093f\u0930\u094d\u092e\u093e\u0923<\/h4>\n<p class=\"benefit-text\">\u0926\u0941\u0928\u093f\u092f\u093e \u092d\u0930 \u0915\u0947 \u092a\u0947\u0936\u0947\u0935\u0930\u094b\u0902 \u0914\u0930 \u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915\u094b\u0902 \u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83d\udcdc<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 \u092e\u093e\u0928\u094d\u092f\u0924\u093e<\/h4>\n<p class=\"benefit-text\">\u0905\u092a\u0928\u0947 \u092f\u094b\u0917\u0926\u093e\u0928 \u0915\u0947 \u0932\u093f\u090f \u092a\u094d\u0930\u092e\u093e\u0923 \u092a\u0924\u094d\u0930 \u0914\u0930 \u0938\u093f\u092b\u093e\u0930\u093f\u0936\u0947\u0902 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-section\">\n<h4 class=\"cta-title\">\u0915\u094d\u092f\u093e \u0906\u092a \u092c\u0926\u0932\u093e\u0935 \u0932\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0924\u0948\u092f\u093e\u0930 \u0939\u0948\u0902?<\/h4>\n<div class=\"cta-buttons\">\n <a href=\"https:\/\/bifa.ai\/contacts\/\" class=\"cta-button primary\"><br \/>\n \u0905\u092d\u0940 \u0905\u092a\u094d\u0932\u093e\u0908 \u0915\u0930\u0947\u0902<br \/>\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/bifa.ai\/initiatives\/\" class=\"cta-button secondary\">\u0914\u0930 \u0905\u0927\u093f\u0915 \u091c\u093e\u0928\u0947\u0902<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"contact-info\">\n<h4 class=\"contact-title\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\/h4>\n<p style=\"margin-bottom: 15px;\">\u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u093e \u0915\u0947 \u0905\u0935\u0938\u0930\u094b\u0902 \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u0905\u0927\u093f\u0915 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u0915\u0947 \u0932\u093f\u090f:<\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-email\"><br \/>\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n <\/svg><br \/>\n info@bifa.ai<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"representatives\" class=\"tab-content\">\n<div class=\"content-card\">\n<div class=\"decorative-dots dots-1\"><\/div>\n<div class=\"decorative-dots dots-2\"><\/div>\n<div class=\"card-icon\">\ud83c\udfdb\ufe0f<\/div>\n<h3 class=\"card-title\">BIFA+ \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u092c\u0928\u0947\u0902<\/h3>\n<p class=\"card-description\">\n Represent BIFA+ in your country or region. Lead initiatives, build partnerships,<br \/>\n and drive the growth of our global sports and cultural alliance.\n <\/p>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83d\udc54<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 \u0938\u094d\u0925\u093f\u0924\u093f<\/h4>\n<p class=\"benefit-text\">\u0905\u092a\u0928\u0947 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u092e\u0947\u0902 \u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 BIFA+ \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0915\u093e\u0930\u094d\u092f \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udfaf<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0940 \u092d\u0942\u092e\u093f\u0915\u093e<\/h4>\n<p class=\"benefit-text\">\u0915\u094d\u0937\u0947\u0924\u094d\u0930\u0940\u092f \u092a\u0939\u0932\u094b\u0902 \u0915\u093e \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0930\u0947\u0902 \u0914\u0930 \u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e\u094b\u0902 \u0915\u093e \u0938\u092e\u0928\u094d\u0935\u092f \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83e\udd1d<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0928\u093f\u0930\u094d\u092e\u093e\u0923<\/h4>\n<p class=\"benefit-text\">\u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0938\u0902\u0917\u0920\u0928\u094b\u0902 \u0915\u0947 \u0938\u093e\u0925 \u0930\u0923\u0928\u0940\u0924\u093f\u0915 \u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0935\u093f\u0915\u0938\u093f\u0924 \u0915\u0930\u0928\u093e<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83d\udcbc<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0935\u094d\u092f\u093e\u0935\u0938\u093e\u092f\u093f\u0915 \u0935\u093f\u0915\u093e\u0938<\/h4>\n<p class=\"benefit-text\">\u0905\u092a\u0928\u0947 \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0914\u0930 \u0915\u0942\u091f\u0928\u0940\u0924\u093f\u0915 \u0915\u094c\u0936\u0932 \u0915\u094b \u092c\u0922\u093c\u093e\u090f\u0901<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-section\">\n<h4 class=\"cta-title\">\u0905\u092a\u0928\u0947 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u092e\u0947\u0902 BIFA+ \u0915\u093e \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0930\u0947\u0902<\/h4>\n<div class=\"cta-buttons\">\n <a href=\"https:\/\/bifa.ai\/contacts\/\" class=\"cta-button primary\"><br \/>\n \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u0915\u0947 \u0932\u093f\u090f \u0906\u0935\u0947\u0926\u0928 \u0915\u0930\u0947\u0902<br \/>\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z\"\/>\n <\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/bifa.ai\/initiatives\/\" class=\"cta-button secondary\">\u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e\u090f\u0901 \u0926\u0947\u0916\u0947\u0902<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"contact-info\">\n<h4 class=\"contact-title\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\/h4>\n<p style=\"margin-bottom: 15px;\">\u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u092a\u0942\u091b\u0924\u093e\u091b \u0914\u0930 \u0906\u0935\u0947\u0926\u0928 \u0915\u0947 \u0932\u093f\u090f:<\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-email\"><br \/>\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n <\/svg><br \/>\n info@bifa.ai<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"ambassadors\" class=\"tab-content\">\n<div class=\"content-card\">\n<div class=\"decorative-dots dots-1\"><\/div>\n<div class=\"decorative-dots dots-2\"><\/div>\n<div class=\"card-icon\">\u2b50<\/div>\n<h3 class=\"card-title\">BIFA+ \u090f\u092e\u094d\u092c\u0947\u0938\u0921\u0930 \u092c\u0928\u0947\u0902<\/h3>\n<p class=\"card-description\">\n Join elite athletes, business leaders, and cultural icons as a BIFA+ Ambassador.<br \/>\n Use your influence to promote sports diplomacy and international cooperation.\n <\/p>\n<div class=\"benefits-list\">\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udf1f<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u092e\u0902\u091a<\/h4>\n<p class=\"benefit-text\">\u0905\u0902\u0924\u0930\u094d\u0930\u093e\u0937\u094d\u091f\u094d\u0930\u0940\u092f \u0916\u0947\u0932 \u0914\u0930 \u0938\u093e\u0902\u0938\u094d\u0915\u0943\u0924\u093f\u0915 \u092e\u0941\u0926\u094d\u0926\u094b\u0902 \u092a\u0930 \u0905\u092a\u0928\u0940 \u0906\u0935\u093e\u091c\u093c \u092c\u0941\u0932\u0902\u0926 \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udfad<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0935\u093f\u0936\u0947\u0937 \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e<\/h4>\n<p class=\"benefit-text\">\u0909\u091a\u094d\u091a-\u0938\u094d\u0924\u0930\u0940\u092f \u092e\u0902\u091a\u094b\u0902 \u0914\u0930 \u0930\u093e\u091c\u0928\u092f\u093f\u0915 \u0938\u092e\u093e\u0930\u094b\u0939\u094b\u0902 \u092e\u0947\u0902 \u092d\u093e\u0917 \u0932\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udfc6<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0935\u093f\u0930\u093e\u0938\u0924 \u092d\u0935\u0928<\/h4>\n<p class=\"benefit-text\">\u092f\u0941\u0935\u093e \u0914\u0930 \u0938\u093e\u092e\u0941\u0926\u093e\u092f\u093f\u0915 \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e\u094b\u0902 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0938\u094d\u0925\u093e\u092f\u0940 \u092a\u094d\u0930\u092d\u093e\u0935 \u092a\u0948\u0926\u093e \u0915\u0930\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n<div class=\"benefit-icon\">\ud83c\udf10<\/div>\n<div class=\"benefit-content\">\n<h4 class=\"benefit-title\">\u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u090f\u0915\u094d\u0938\u0947\u0938<\/h4>\n<p class=\"benefit-text\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u0928\u0947\u0924\u093e\u0913\u0902 \u0914\u0930 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928\u0915\u0930\u094d\u0924\u093e\u0913\u0902 \u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"cta-section\">\n<h4 class=\"cta-title\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u090f\u0915\u0924\u093e \u0915\u0947 \u0932\u093f\u090f \u0906\u0935\u093e\u091c\u093c \u092c\u0928\u0947\u0902<\/h4>\n<div class=\"cta-buttons\">\n <a href=\"https:\/\/bifa.ai\/contacts\/\" class=\"cta-button primary\"><br \/>\n \u0928\u093e\u092e\u093e\u0902\u0915\u0928 \u092a\u094d\u0930\u0915\u094d\u0930\u093f\u092f\u093e<br \/>\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n <\/svg><br \/>\n <\/a><br \/>\n <a href=\"https:\/\/bifa.ai\/initiatives\/\" class=\"cta-button secondary\">\u0930\u093e\u091c\u0926\u0942\u0924 \u092e\u093e\u0928\u0926\u0902\u0921<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"contact-info\">\n<h4 class=\"contact-title\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\/h4>\n<p style=\"margin-bottom: 15px;\">\u0930\u093e\u091c\u0926\u0942\u0924 \u0928\u093e\u092e\u093e\u0902\u0915\u0928 \u0914\u0930 \u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0915\u0947 \u0932\u093f\u090f:<\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-email\"><br \/>\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n <\/svg><br \/>\n info@bifa.ai<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><script>\nfunction showTab(tabName) {\n \/\/ \u0421\u043a\u0440\u044b\u0442\u044c \u0432\u0441\u0435 \u0442\u0430\u0431\u044b\n const tabs = document.querySelectorAll('.tab-content');\n tabs.forEach(tab => {\n tab.classList.remove('active');\n });<\/p>\n<p> \/\/ \u0423\u0431\u0440\u0430\u0442\u044c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0441\u043e \u0432\u0441\u0435\u0445 \u043a\u043d\u043e\u043f\u043e\u043a\n const buttons = document.querySelectorAll('.tab-button');\n buttons.forEach(button => {\n button.classList.remove('active');\n });<\/p>\n<p> \/\/ \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0439 \u0442\u0430\u0431\n document.getElementById(tabName).classList.add('active');<\/p>\n<p> \/\/ \u0410\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443\n event.target.closest('.tab-button').classList.add('active');\n}<\/p>\n<p>\/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u0430\u043a\u0442\u0438\u0432\u0430\u0446\u0438\u0438 \u043d\u0443\u0436\u043d\u043e\u0433\u043e \u0442\u0430\u0431\u0430 \u043f\u043e \u0438\u043c\u0435\u043d\u0438\nfunction activateTab(tabName) {\n \/\/ \u0421\u043a\u0440\u044b\u0442\u044c \u0432\u0441\u0435 \u0442\u0430\u0431\u044b\n const tabs = document.querySelectorAll('.tab-content');\n tabs.forEach(tab => {\n tab.classList.remove('active');\n });<\/p>\n<p> \/\/ \u0423\u0431\u0440\u0430\u0442\u044c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0441\u043e \u0432\u0441\u0435\u0445 \u043a\u043d\u043e\u043f\u043e\u043a\n const buttons = document.querySelectorAll('.tab-button');\n buttons.forEach(button => {\n button.classList.remove('active');\n });<\/p>\n<p> \/\/ \u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0439 \u0442\u0430\u0431\n const targetTab = document.getElementById(tabName);\n if (targetTab) {\n targetTab.classList.add('active');\n }<\/p>\n<p> \/\/ \u0410\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443\n buttons.forEach(button => {\n const buttonText = button.textContent.trim().toLowerCase();\n if (buttonText.includes(tabName.replace('s', ''))) {\n button.classList.add('active');\n }\n });\n}<\/p>\n<p>\/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0445\u0435\u0448\u0430\nfunction handleHashChange() {\n const hash = window.location.hash;\n const sectionMap = {\n '#volunteers': 'volunteers',\n '#representatives': 'representatives',\n '#ambassadors': 'ambassadors'\n };<\/p>\n<p> const section = sectionMap[hash];\n if (section) {\n activateTab(section);\n }\n}<\/p>\n<p>\/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u044f\u043a\u043e\u0440\u0435\u0439 \u0438\u0437 URL \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0445\u0435\u0448\u0430\n handleHashChange();<\/p>\n<p> \/\/ \u0421\u043b\u0443\u0448\u0430\u0435\u043c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0445\u0435\u0448\u0430 (\u0434\u043b\u044f \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0442\u0430\u0431\u0430\u043c\u0438 \u043a\u043e\u0433\u0434\u0430 \u0443\u0436\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435)\n window.addEventListener('hashchange', handleHashChange);<\/p>\n<p> \/\/ \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u043b\u044f \u043a\u043b\u0438\u043a\u043e\u0432 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0430\u043c \u0441 \u044f\u043a\u043e\u0440\u044f\u043c\u0438\n \/\/ \u042d\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u0441\u043b\u0443\u0447\u0430\u0435\u0432, \u043a\u043e\u0433\u0434\u0430 WordPress \u043c\u0435\u043d\u044e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u043f\u043e\u043b\u043d\u044b\u0435 URL\n document.addEventListener('click', function(e) {\n \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0435\u0441\u043b\u0438 \u043a\u043b\u0438\u043a \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435\n const link = e.target.closest('a');\n if (!link) return;<\/p>\n<p> const href = link.getAttribute('href');\n if (!href) return;<\/p>\n<p> \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430\u0448\u0438 \u044f\u043a\u043e\u0440\u044f\n const anchors = ['#volunteers', '#representatives', '#ambassadors'];\n const foundAnchor = anchors.find(anchor => href.includes(anchor));<\/p>\n<p> if (foundAnchor) {\n \/\/ \u0415\u0441\u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0430 \u0432\u0435\u0434\u0451\u0442 \u043d\u0430 \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u044f\u043a\u043e\u0440\u0435\u043c\n const currentUrl = window.location.pathname;\n const linkUrl = link.pathname || '';<\/p>\n<p> if (currentUrl === linkUrl || href.startsWith('#')) {\n \/\/ \u041c\u044b \u043d\u0430 \u0442\u043e\u0439 \u0436\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043f\u0440\u043e\u0441\u0442\u043e \u043c\u0435\u043d\u044f\u0435\u043c \u0445\u0435\u0448\n e.preventDefault();\n window.location.hash = foundAnchor;\n handleHashChange();\n }\n }\n });<\/p>\n<p> \/\/ \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043f\u0440\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };<\/p>\n<p> const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);<\/p>\n<p> \/\/ \u041d\u0430\u0431\u043b\u044e\u0434\u0430\u0435\u043c \u0437\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\n const elements = document.querySelectorAll('.benefit-item, .cta-section');\n elements.forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'all 0.6s ease-out';\n observer.observe(el);\n });\n});\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<p><br \/>\n\\n <\/p>\n<div class=\"\\\"join-tabs\\\"\">\\n <button class=\"\\\"tab-button\" active\\\" onclick=\"\\\"showTab('volunteers')\\\"\">\\n <span>\u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915\u094b\u0902<\\\/span>\\n <\\\/button>\\n <button class=\"\\\"tab-button\\\"\" onclick=\"\\\"showTab('representatives')\\\"\">\\n <span>\u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f\u092f\u094b\u0902<\\\/span>\\n <\\\/button>\\n <button class=\"\\\"tab-button\\\"\" onclick=\"\\\"showTab('ambassadors')\\\"\">\\n <span>\u0930\u093e\u091c\u0926\u0942\u0924\u094b\u0902<\\\/span>\\n <\\\/button>\\n <\\\/div>\\n\\n \\n <\/p>\n<div id=\"\\\"volunteers\\\"\" class=\"\\\"tab-content\" active\\\">\\n <\/p>\n<div class=\"\\\"content-card\\\"\">\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83e\\udd1d<\\\/div>\\n <\/p>\n<h3 class=\"\\\"card-title\\\"\">BIFA+ \u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915 \u092c\u0928\u0947\u0902<\\\/h3>\\n <\/p>\n<p class=\"\\\"card-description\\\"\">\\n Join our passionate community of volunteers making a difference in global sports diplomacy. \\n Help organize events, support youth programs, and connect communities across BRICS+ nations.\\n <\\\/p>\\n\\n <\/p>\n<div class=\"\\\"benefits-list\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udf0d<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u092a\u094d\u0930\u092d\u093e\u0935<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0916\u0947\u0932\u094b\u0902 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0905\u0902\u0924\u0930\u094d\u0930\u093e\u0937\u094d\u091f\u094d\u0930\u0940\u092f \u0938\u0939\u092f\u094b\u0917 \u0914\u0930 \u0938\u093e\u0902\u0938\u094d\u0915\u0943\u0924\u093f\u0915 \u0906\u0926\u093e\u0928-\u092a\u094d\u0930\u0926\u093e\u0928 \u092e\u0947\u0902 \u092f\u094b\u0917\u0926\u093e\u0928 \u0926\u0947\u0928\u093e<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udfaf<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0915\u094c\u0936\u0932 \u0935\u093f\u0915\u093e\u0938<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0907\u0935\u0947\u0902\u091f \u092a\u094d\u0930\u092c\u0902\u0927\u0928, \u0915\u0942\u091f\u0928\u0940\u0924\u093f \u0914\u0930 \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u092e\u0947\u0902 \u092c\u0939\u0941\u092e\u0942\u0932\u094d\u092f \u0905\u0928\u0941\u092d\u0935 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83e\\udd32<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u0928\u093f\u0930\u094d\u092e\u093e\u0923<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0926\u0941\u0928\u093f\u092f\u093e \u092d\u0930 \u0915\u0947 \u092a\u0947\u0936\u0947\u0935\u0930\u094b\u0902 \u0914\u0930 \u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u0915\u094b\u0902 \u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83d\\udcdc<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 \u092e\u093e\u0928\u094d\u092f\u0924\u093e<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0905\u092a\u0928\u0947 \u092f\u094b\u0917\u0926\u093e\u0928 \u0915\u0947 \u0932\u093f\u090f \u092a\u094d\u0930\u092e\u093e\u0923 \u092a\u0924\u094d\u0930 \u0914\u0930 \u0938\u093f\u092b\u093e\u0930\u093f\u0936\u0947\u0902 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"cta-section\\\"\">\\n <\/p>\n<h4 class=\"\\\"cta-title\\\"\">\u0915\u094d\u092f\u093e \u0906\u092a \u092c\u0926\u0932\u093e\u0935 \u0932\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0924\u0948\u092f\u093e\u0930 \u0939\u0948\u0902?<\\\/h4>\\n <\/p>\n<div class=\"\\\"cta-buttons\\\"\">\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/contacts\\\/\\\"\" class=\"\\\"cta-button\" primary\\\">\\n Apply Now\\n <svg width=\"\\\"20\\\"\" height=\"\\\"20\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M12\" 2l3.09 6.26l22 9.27l-5 4.87 1.18 6.88l12 17.77l-6.18 3.25l7 14.14 2 9.27l6.91-1.01l12 2z\\\"\\>\\n <\\\/svg>\\n <\\\/a>\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/initiatives\\\/\\\"\" class=\"\\\"cta-button\" secondary\\\">\u0914\u0930 \u0905\u0927\u093f\u0915 \u091c\u093e\u0928\u0947\u0902<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"contact-info\\\"\">\\n <\/p>\n<h4 class=\"\\\"contact-title\\\"\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\\\/h4>\\n <\/p>\n<p style=\"\\\"margin-bottom:\" 15px;\\\">\u0938\u094d\u0935\u092f\u0902\u0938\u0947\u0935\u093e \u0915\u0947 \u0905\u0935\u0938\u0930\u094b\u0902 \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u0905\u0927\u093f\u0915 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u0915\u0947 \u0932\u093f\u090f:<\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-email\\\"\">\\n <svg width=\"\\\"24\\\"\" height=\"\\\"24\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M20\" 4h4c-1.1 0-1.99.9-1.99 2l2 18c0 1.1.9 2 2h16c1.1 0 2-.9 2-2v6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5v6l8 5 8-5v2z\\\"\\>\\n <\\\/svg>\\n info@bifa.ai\\n <\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div id=\"\\\"representatives\\\"\" class=\"\\\"tab-content\\\"\">\\n <\/p>\n<div class=\"\\\"content-card\\\"\">\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83c\\udfdb\\ufe0f<\\\/div>\\n <\/p>\n<h3 class=\"\\\"card-title\\\"\">BIFA+ \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u092c\u0928\u0947\u0902<\\\/h3>\\n <\/p>\n<p class=\"\\\"card-description\\\"\">\\n Represent BIFA+ in your country or region. Lead initiatives, build partnerships, \\n and drive the growth of our global sports and cultural alliance.\\n <\\\/p>\\n\\n <\/p>\n<div class=\"\\\"benefits-list\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83d\\udc54<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 \u0938\u094d\u0925\u093f\u0924\u093f<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0905\u092a\u0928\u0947 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u092e\u0947\u0902 \u0906\u0927\u093f\u0915\u093e\u0930\u093f\u0915 BIFA+ \u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0915\u093e\u0930\u094d\u092f \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udfaf<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0940 \u092d\u0942\u092e\u093f\u0915\u093e<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0915\u094d\u0937\u0947\u0924\u094d\u0930\u0940\u092f \u092a\u0939\u0932\u094b\u0902 \u0915\u093e \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0930\u0947\u0902 \u0914\u0930 \u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e\u094b\u0902 \u0915\u093e \u0938\u092e\u0928\u094d\u0935\u092f \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83e\\udd1d<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0928\u093f\u0930\u094d\u092e\u093e\u0923<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0938\u094d\u0925\u093e\u0928\u0940\u092f \u0938\u0902\u0917\u0920\u0928\u094b\u0902 \u0915\u0947 \u0938\u093e\u0925 \u0930\u0923\u0928\u0940\u0924\u093f\u0915 \u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0935\u093f\u0915\u0938\u093f\u0924 \u0915\u0930\u0928\u093e<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83d\\udcbc<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0935\u094d\u092f\u093e\u0935\u0938\u093e\u092f\u093f\u0915 \u0935\u093f\u0915\u093e\u0938<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0905\u092a\u0928\u0947 \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0914\u0930 \u0915\u0942\u091f\u0928\u0940\u0924\u093f\u0915 \u0915\u094c\u0936\u0932 \u0915\u094b \u092c\u0922\u093c\u093e\u090f\u0901<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"cta-section\\\"\">\\n <\/p>\n<h4 class=\"\\\"cta-title\\\"\">\u0905\u092a\u0928\u0947 \u0915\u094d\u0937\u0947\u0924\u094d\u0930 \u092e\u0947\u0902 BIFA+ \u0915\u093e \u0928\u0947\u0924\u0943\u0924\u094d\u0935 \u0915\u0930\u0947\u0902<\\\/h4>\\n <\/p>\n<div class=\"\\\"cta-buttons\\\"\">\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/contacts\\\/\\\"\" class=\"\\\"cta-button\" primary\\\">\\n Apply for Representative\\n <svg width=\"\\\"20\\\"\" height=\"\\\"20\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M19\" 3h-4.18c14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2h5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2h14c1.1 0 2-.9 2-2v5c0-1.1-.9-2-2-2zm-7 0c.55 .45 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14h7v-2h7v2zm3-4h7v-2h10v2zm0-4h7v7h10v2z\\\"\\>\\n <\\\/svg>\\n <\\\/a>\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/initiatives\\\/\\\"\" class=\"\\\"cta-button\" secondary\\\">\u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e\u090f\u0901 \u0926\u0947\u0916\u0947\u0902<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"contact-info\\\"\">\\n <\/p>\n<h4 class=\"\\\"contact-title\\\"\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\\\/h4>\\n <\/p>\n<p style=\"\\\"margin-bottom:\" 15px;\\\">\u092a\u094d\u0930\u0924\u093f\u0928\u093f\u0927\u093f \u092a\u0942\u091b\u0924\u093e\u091b \u0914\u0930 \u0906\u0935\u0947\u0926\u0928 \u0915\u0947 \u0932\u093f\u090f:<\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-email\\\"\">\\n <svg width=\"\\\"24\\\"\" height=\"\\\"24\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M20\" 4h4c-1.1 0-1.99.9-1.99 2l2 18c0 1.1.9 2 2h16c1.1 0 2-.9 2-2v6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5v6l8 5 8-5v2z\\\"\\>\\n <\\\/svg>\\n info@bifa.ai\\n <\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div id=\"\\\"ambassadors\\\"\" class=\"\\\"tab-content\\\"\">\\n <\/p>\n<div class=\"\\\"content-card\\\"\">\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-dots\" dots-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\u2b50<\\\/div>\\n <\/p>\n<h3 class=\"\\\"card-title\\\"\">BIFA+ \u090f\u092e\u094d\u092c\u0947\u0938\u0921\u0930 \u092c\u0928\u0947\u0902<\\\/h3>\\n <\/p>\n<p class=\"\\\"card-description\\\"\">\\n Join elite athletes, business leaders, and cultural icons as a BIFA+ Ambassador. \\n Use your influence to promote sports diplomacy and international cooperation.\\n <\\\/p>\\n\\n <\/p>\n<div class=\"\\\"benefits-list\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udf1f<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u092e\u0902\u091a<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0905\u0902\u0924\u0930\u094d\u0930\u093e\u0937\u094d\u091f\u094d\u0930\u0940\u092f \u0916\u0947\u0932 \u0914\u0930 \u0938\u093e\u0902\u0938\u094d\u0915\u0943\u0924\u093f\u0915 \u092e\u0941\u0926\u094d\u0926\u094b\u0902 \u092a\u0930 \u0905\u092a\u0928\u0940 \u0906\u0935\u093e\u091c\u093c \u092c\u0941\u0932\u0902\u0926 \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udfad<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0935\u093f\u0936\u0947\u0937 \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0909\u091a\u094d\u091a-\u0938\u094d\u0924\u0930\u0940\u092f \u092e\u0902\u091a\u094b\u0902 \u0914\u0930 \u0930\u093e\u091c\u0928\u092f\u093f\u0915 \u0938\u092e\u093e\u0930\u094b\u0939\u094b\u0902 \u092e\u0947\u0902 \u092d\u093e\u0917 \u0932\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udfc6<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0935\u093f\u0930\u093e\u0938\u0924 \u092d\u0935\u0928<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u092f\u0941\u0935\u093e \u0914\u0930 \u0938\u093e\u092e\u0941\u0926\u093e\u092f\u093f\u0915 \u0915\u093e\u0930\u094d\u092f\u0915\u094d\u0930\u092e\u094b\u0902 \u0915\u0947 \u092e\u093e\u0927\u094d\u092f\u092e \u0938\u0947 \u0938\u094d\u0925\u093e\u092f\u0940 \u092a\u094d\u0930\u092d\u093e\u0935 \u092a\u0948\u0926\u093e \u0915\u0930\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"benefit-item\\\"\">\\n <\/p>\n<div class=\"\\\"benefit-icon\\\"\">\\ud83c\\udf10<\\\/div>\\n <\/p>\n<div class=\"\\\"benefit-content\\\"\">\\n <\/p>\n<h4 class=\"\\\"benefit-title\\\"\">\u0928\u0947\u091f\u0935\u0930\u094d\u0915 \u090f\u0915\u094d\u0938\u0947\u0938<\\\/h4>\\n <\/p>\n<p class=\"\\\"benefit-text\\\"\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u0928\u0947\u0924\u093e\u0913\u0902 \u0914\u0930 \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928\u0915\u0930\u094d\u0924\u093e\u0913\u0902 \u0938\u0947 \u091c\u0941\u0921\u093c\u0947\u0902<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"cta-section\\\"\">\\n <\/p>\n<h4 class=\"\\\"cta-title\\\"\">\u0935\u0948\u0936\u094d\u0935\u093f\u0915 \u090f\u0915\u0924\u093e \u0915\u0947 \u0932\u093f\u090f \u0906\u0935\u093e\u091c\u093c \u092c\u0928\u0947\u0902<\\\/h4>\\n <\/p>\n<div class=\"\\\"cta-buttons\\\"\">\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/contacts\\\/\\\"\" class=\"\\\"cta-button\" primary\\\">\\n Nomination Process\\n <svg width=\"\\\"20\\\"\" height=\"\\\"20\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M12\" 2c6.48 2 6.48 12s4.48 10 10-4.48 10-10s17.52 12 2zm-2 15l-5-5 1.41-1.41l10 14.17l7.59-7.59l19 8l-9 9z\\\"\\>\\n <\\\/svg>\\n <\\\/a>\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/initiatives\\\/\\\"\" class=\"\\\"cta-button\" secondary\\\">\u0930\u093e\u091c\u0926\u0942\u0924 \u092e\u093e\u0928\u0926\u0902\u0921<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"contact-info\\\"\">\\n <\/p>\n<h4 class=\"\\\"contact-title\\\"\">\u0939\u092e\u0938\u0947 \u0938\u0902\u092a\u0930\u094d\u0915 \u0915\u0930\u0947\u0902<\\\/h4>\\n <\/p>\n<p style=\"\\\"margin-bottom:\" 15px;\\\">\u0930\u093e\u091c\u0926\u0942\u0924 \u0928\u093e\u092e\u093e\u0902\u0915\u0928 \u0914\u0930 \u0938\u093e\u091d\u0947\u0926\u093e\u0930\u0940 \u0915\u0947 \u0932\u093f\u090f:<\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-email\\\"\">\\n <svg width=\"\\\"24\\\"\" height=\"\\\"24\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"currentColor\\\"\">\\n <path d=\"\\\"M20\" 4h4c-1.1 0-1.99.9-1.99 2l2 18c0 1.1.9 2 2h16c1.1 0 2-.9 2-2v6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5v6l8 5 8-5v2z\\\"\\>\\n <\\\/svg>\\n info@bifa.ai\\n <\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n<\\\/section>\\n\\n<script>\\nfunction showTab(tabName) {\\n \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0430\\u0431\\u044b\\n const tabs = document.querySelectorAll('.tab-content');\\n tabs.forEach(tab => {\\n tab.classList.remove('active');\\n });\\n \\n \\\/\\\/ \\u0423\\u0431\\u0440\\u0430\\u0442\\u044c \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u044b\\u0439 \\u043a\\u043b\\u0430\\u0441\\u0441 \\u0441\\u043e \\u0432\\u0441\\u0435\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n const buttons = document.querySelectorAll('.tab-button');\\n buttons.forEach(button => {\\n button.classList.remove('active');\\n });\\n \\n \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0439 \\u0442\\u0430\\u0431\\n document.getElementById(tabName).classList.add('active');\\n \\n \\\/\\\/ \\u0410\\u043a\\u0442\\u0438\\u0432\\u0438\\u0440\\u043e\\u0432\\u0430\\u0442\\u044c \\u0441\\u043e\\u043e\\u0442\\u0432\\u0435\\u0442\\u0441\\u0442\\u0432\\u0443\\u044e\\u0449\\u0443\\u044e \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443\\n event.target.closest('.tab-button').classList.add('active');\\n}\\n\\n\\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0430\\u043a\\u0442\\u0438\\u0432\\u0430\\u0446\\u0438\\u0438 \\u043d\\u0443\\u0436\\u043d\\u043e\\u0433\\u043e \\u0442\\u0430\\u0431\\u0430 \\u043f\\u043e \\u0438\\u043c\\u0435\\u043d\\u0438\\nfunction activateTab(tabName) {\\n \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0430\\u0431\\u044b\\n const tabs = document.querySelectorAll('.tab-content');\\n tabs.forEach(tab => {\\n tab.classList.remove('active');\\n });\\n \\n \\\/\\\/ \\u0423\\u0431\\u0440\\u0430\\u0442\\u044c \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u044b\\u0439 \\u043a\\u043b\\u0430\\u0441\\u0441 \\u0441\\u043e \\u0432\\u0441\\u0435\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n const buttons = document.querySelectorAll('.tab-button');\\n buttons.forEach(button => {\\n button.classList.remove('active');\\n });\\n \\n \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043d\\u0443\\u0436\\u043d\\u044b\\u0439 \\u0442\\u0430\\u0431\\n const targetTab = document.getElementById(tabName);\\n if (targetTab) {\\n targetTab.classList.add('active');\\n }\\n \\n \\\/\\\/ \\u0410\\u043a\\u0442\\u0438\\u0432\\u0438\\u0440\\u043e\\u0432\\u0430\\u0442\\u044c \\u0441\\u043e\\u043e\\u0442\\u0432\\u0435\\u0442\\u0441\\u0442\\u0432\\u0443\\u044e\\u0449\\u0443\\u044e \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443\\n buttons.forEach(button => {\\n const buttonText = button.textContent.trim().toLowerCase();\\n if (buttonText.includes(tabName.replace('s', ''))) {\\n button.classList.add('active');\\n }\\n });\\n}\\n\\n\\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0438 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u044f \\u0445\\u0435\\u0448\\u0430\\nfunction handleHashChange() {\\n const hash = window.location.hash;\\n const sectionMap = {\\n '#volunteers': 'volunteers',\\n '#representatives': 'representatives',\\n '#ambassadors': 'ambassadors'\\n };\\n \\n const section = sectionMap[hash];\\n if (section) {\\n activateTab(section);\\n }\\n}\\n\\n\\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u044f\\u043a\\u043e\\u0440\\u0435\\u0439 \\u0438\\u0437 URL \\u043f\\u0440\\u0438 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\ndocument.addEventListener('DOMContentLoaded', function() {\\n \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u044c\\u043d\\u043e\\u0433\\u043e \\u0445\\u0435\\u0448\\u0430\\n handleHashChange();\\n \\n \\\/\\\/ \\u0421\\u043b\\u0443\\u0448\\u0430\\u0435\\u043c \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u044f \\u0445\\u0435\\u0448\\u0430 (\\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0442\\u0430\\u0431\\u0430\\u043c\\u0438 \\u043a\\u043e\\u0433\\u0434\\u0430 \\u0443\\u0436\\u0435 \\u043d\\u0430 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0435)\\n window.addEventListener('hashchange', handleHashChange);\\n \\n \\\/\\\/ \\u0414\\u043e\\u043f\\u043e\\u043b\\u043d\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u044b\\u0439 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u0434\\u043b\\u044f \\u043a\\u043b\\u0438\\u043a\\u043e\\u0432 \\u043f\\u043e \\u0441\\u0441\\u044b\\u043b\\u043a\\u0430\\u043c \\u0441 \\u044f\\u043a\\u043e\\u0440\\u044f\\u043c\\u0438\\n \\\/\\\/ \\u042d\\u0442\\u043e \\u043d\\u0443\\u0436\\u043d\\u043e \\u0434\\u043b\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0435\\u0432, \\u043a\\u043e\\u0433\\u0434\\u0430 WordPress \\u043c\\u0435\\u043d\\u044e \\u0438\\u0441\\u043f\\u043e\\u043b\\u044c\\u0437\\u0443\\u0435\\u0442 \\u043f\\u043e\\u043b\\u043d\\u044b\\u0435 URL\\n document.addEventListener('click', function(e) {\\n \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c, \\u0435\\u0441\\u043b\\u0438 \\u043a\\u043b\\u0438\\u043a \\u043f\\u043e \\u0441\\u0441\\u044b\\u043b\\u043a\\u0435\\n const link = e.target.closest('a');\\n if (!link) return;\\n \\n const href = link.getAttribute('href');\\n if (!href) return;\\n \\n \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c, \\u0441\\u043e\\u0434\\u0435\\u0440\\u0436\\u0438\\u0442 \\u043b\\u0438 \\u0441\\u0441\\u044b\\u043b\\u043a\\u0430 \\u043d\\u0430\\u0448\\u0438 \\u044f\\u043a\\u043e\\u0440\\u044f\\n const anchors = ['#volunteers', '#representatives', '#ambassadors'];\\n const foundAnchor = anchors.find(anchor => href.includes(anchor));\\n \\n if (foundAnchor) {\\n \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u0441\\u0441\\u044b\\u043b\\u043a\\u0430 \\u0432\\u0435\\u0434\\u0451\\u0442 \\u043d\\u0430 \\u0442\\u0435\\u043a\\u0443\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0443 \\u0441 \\u044f\\u043a\\u043e\\u0440\\u0435\\u043c\\n const currentUrl = window.location.pathname;\\n const linkUrl = link.pathname || '';\\n \\n if (currentUrl === linkUrl || href.startsWith('#')) {\\n \\\/\\\/ \\u041c\\u044b \\u043d\\u0430 \\u0442\\u043e\\u0439 \\u0436\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u0435, \\u043f\\u0440\\u043e\\u0441\\u0442\\u043e \\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u0445\\u0435\\u0448\\n e.preventDefault();\\n window.location.hash = foundAnchor;\\n handleHashChange();\\n }\\n }\\n });\\n \\n \\\/\\\/ \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u044f \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u043e\\u0432 \\u043f\\u0440\\u0438 \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0435\\n const observerOptions = {\\n threshold: 0.1,\\n rootMargin: '0px 0px -100px 0px'\\n };\\n\\n const observer = new IntersectionObserver((entries) => {\\n entries.forEach(entry => {\\n if (entry.isIntersecting) {\\n entry.target.style.opacity = '1';\\n entry.target.style.transform = 'translateY(0)';\\n }\\n });\\n }, observerOptions);\\n\\n \\\/\\\/ \\u041d\\u0430\\u0431\\u043b\\u044e\\u0434\\u0430\\u0435\\u043c \\u0437\\u0430 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u0430\\u043c\\u0438 \\u0434\\u043b\\u044f \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\n const elements = document.querySelectorAll('.benefit-item, .cta-section');\\n elements.forEach(el => {\\n el.style.opacity = '0';\\n el.style.transform = 'translateY(30px)';\\n el.style.transition = 'all 0.6s ease-out';\\n observer.observe(el);\\n });\\n});\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\"}}]}]}]}],\"version\":\"4.5.28\"} --><\/p>","protected":false},"excerpt":{"rendered":"<p>BIFA+ Join Us JOIN US Be part of the BIFA+ global movement connecting nations through football and innovation Volunteers Representatives Ambassadors \ud83e\udd1d Become a BIFA+ Volunteer Join our passionate community of volunteers making a difference in global sports diplomacy. Help organize events, support youth programs, and connect communities across BRICS+ nations. \ud83c\udf0d Global Impact Contribute […]<\/p>","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":7,"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1144,"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/pages\/15\/revisions\/1144"}],"wp:attachment":[{"href":"https:\/\/bifa.ai\/hi\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}