BIFA+ – Partners & Sponsors<\/title><\/p>\n<p> \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n \/* ========= \u0413\u041b\u041e\u0411\u0410\u041b\u042c\u041d\u042b\u0415 \u041f\u0415\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415 BIFA+ ========= *\/\n :root {\n \/* \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 BIFA+ *\/\n --bifa-deep-navy: #0A1F44;\n --bifa-heritage-gold: #D4AF37;\n --bifa-civic-green: #1D6143;\n --bifa-bright-white: #FFFFFF;\n --bifa-soft-black: #1A1A1A;<\/p>\n<p> \/* \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0448\u0440\u0438\u0444\u0442\u044b BIFA+ *\/\n --bifa-font-heading: 'Montserrat', 'Cairo', sans-serif;\n --bifa-font-body: 'Poppins', 'Tajawal', sans-serif;\n --bifa-font-arabic: 'Cairo', 'Tajawal', 'GE SS Text', sans-serif;\n }<\/p>\n<p> \/* ========= RESET ========= *\/\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }<\/p>\n<p> body {\n font-family: var(--bifa-font-body);\n overflow-x: hidden;\n background: var(--bifa-bright-white);\n }<\/p>\n<p> \/* ========= \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u0418 ========= *\/\n @keyframes goldPulse {\n 0%, 100% { opacity: 0.6; }\n 50% { opacity: 1; }\n }<\/p>\n<p> @keyframes float {\n 0% {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 15% { opacity: 1; }\n 85% { opacity: 1; }\n 100% {\n transform: translateY(-100vh) translateX(50px);\n opacity: 0;\n }\n }<\/p>\n<p> @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }<\/p>\n<p> @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }<\/p>\n<p> @keyframes partners-pulse {\n 0%, 100% { \n filter: brightness(1.1) drop-shadow(0 0 10px rgba(212, 175, 55, 0.4)); \n transform: scale(1);\n }\n 50% { \n filter: brightness(1.3) drop-shadow(0 0 20px rgba(212, 175, 55, 0.6)); \n transform: scale(1.02);\n }\n }<\/p>\n<p> @keyframes partners-twinkle {\n 0%, 100% { \n opacity: 0.3; \n transform: scale(1); \n }\n 50% { \n opacity: 1; \n transform: scale(1.5); \n }\n }<\/p>\n<p> @keyframes partners-float-neon {\n 0%, 100% {\n transform: translate(0, 0) scale(1);\n }\n 33% {\n transform: translate(50px, -80px) scale(1.1);\n }\n 66% {\n transform: translate(-50px, 50px) scale(0.9);\n }\n }<\/p>\n<p> @keyframes partners-rotate-slow {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }<\/p>\n<p> @keyframes textRotate {\n 0% {\n opacity: 0;\n transform: translateY(-50%) translateY(20px);\n }\n 10% {\n opacity: 1;\n transform: translateY(-50%) translateY(0);\n }\n 40% {\n opacity: 1;\n transform: translateY(-50%) translateY(0);\n }\n 50% {\n opacity: 0;\n transform: translateY(-50%) translateY(-20px);\n }\n 100% {\n opacity: 0;\n transform: translateY(-50%) translateY(-20px);\n }\n }<\/p>\n<p> @keyframes textGlow {\n 0%, 100% {\n text-shadow: \n 0 0 10px rgba(212, 175, 55, 0.3),\n 0 0 20px rgba(212, 175, 55, 0.2),\n 0 0 30px rgba(212, 175, 55, 0.1);\n filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.2));\n }\n 50% {\n text-shadow: \n 0 0 15px rgba(212, 175, 55, 0.5),\n 0 0 30px rgba(212, 175, 55, 0.4),\n 0 0 45px rgba(212, 175, 55, 0.3),\n 0 0 60px rgba(212, 175, 55, 0.2);\n filter: drop-shadow(0 0 25px rgba(212, 175, 55, 0.3));\n }\n }<\/p>\n<p> \/* ========= \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u0419 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 ========= *\/\n .partners-section-wrapper {\n width: 100vw;\n position: relative;\n left: 50%;\n margin-left: -50vw;\n background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);\n overflow: hidden;\n }<\/p>\n<p> \/* \u0421\u0432\u044f\u0437\u0443\u044e\u0449\u0430\u044f \u043b\u0438\u043d\u0438\u044f \u0441 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0441\u0435\u043a\u0446\u0438\u0435\u0439 *\/\n .partners-section-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, \n rgba(212, 175, 55, 0.3) 0%, \n rgba(212, 175, 55, 0.8) 50%, \n rgba(212, 175, 55, 0.3) 100%\n );\n box-shadow: \n 0 0 10px rgba(212, 175, 55, 0.4),\n 0 0 20px rgba(212, 175, 55, 0.2);\n z-index: 100;\n animation: goldPulse 3s ease-in-out infinite;\n }<\/p>\n<p> .bifa-partners-container {\n position: relative;\n padding: 80px 0;\n background: transparent;\n overflow: hidden;\n }<\/p>\n<p> .bifa-partners-container::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.03), transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(10, 31, 68, 0.03), transparent 50%);\n z-index: 0;\n }<\/p>\n<p> \/* ========= \u0427\u0410\u0421\u0422\u0418\u0426\u042b \u0418 \u0414\u0415\u041a\u041e\u0420\u0410\u0422\u0418\u0412\u041d\u042b\u0415 \u042d\u041b\u0415\u041c\u0415\u041d\u0422\u042b ========= *\/\n .bg-particles {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 2;\n }<\/p>\n<p> .particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n border-radius: 50%;\n animation: float 15s infinite linear;\n box-shadow: 0 0 8px rgba(212, 175, 55, 0.3);\n opacity: 0.3;\n }<\/p>\n<p> .neon-elements {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 0;\n pointer-events: none;\n }<\/p>\n<p> .neon-circle {\n position: absolute;\n border-radius: 50%;\n filter: blur(40px);\n animation: partners-float-neon 20s ease-in-out infinite;\n }<\/p>\n<p> .neon-circle:nth-child(1) {\n width: 300px;\n height: 300px;\n background: rgba(212, 175, 55, 0.08);\n top: -150px;\n left: -150px;\n animation: partners-float-neon 18s ease-in-out infinite;\n }<\/p>\n<p> .neon-circle:nth-child(2) {\n width: 400px;\n height: 400px;\n background: rgba(10, 31, 68, 0.06);\n bottom: -200px;\n right: -200px;\n animation: partners-float-neon 25s ease-in-out infinite;\n animation-delay: 5s;\n }<\/p>\n<p> .neon-circle:nth-child(3) {\n width: 250px;\n height: 250px;\n background: rgba(29, 97, 67, 0.05);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n animation: partners-float-neon 30s ease-in-out infinite;\n animation-delay: 10s;\n }<\/p>\n<p> .glow-dot {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(212, 175, 55, 0.8);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(212, 175, 55, 0.8);\n animation: partners-twinkle 3s ease-in-out infinite;\n }<\/p>\n<p> .glow-dot:nth-child(6) {\n top: 15%;\n right: 10%;\n animation-delay: 0s;\n }<\/p>\n<p> .glow-dot:nth-child(7) {\n bottom: 25%;\n left: 8%;\n animation-delay: 1.5s;\n }<\/p>\n<p> .glow-dot:nth-child(8) {\n top: 70%;\n right: 30%;\n animation-delay: 2.5s;\n }<\/p>\n<p> \/* ========= \u041a\u041e\u041d\u0422\u0415\u041d\u0422 ========= *\/\n .content-wrapper {\n position: relative;\n z-index: 2;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 40px;\n }<\/p>\n<p> \/* ========= \u0417\u0410\u0413\u041e\u041b\u041e\u0412\u041e\u041a \u0421\u0415\u041a\u0426\u0418\u0418 ========= *\/\n .section-header {\n text-align: center;\n margin-bottom: 60px;\n position: relative;\n z-index: 1;\n animation: fadeInDown 1.2s ease;\n }<\/p>\n<p> .partners-title {\n font-family: var(--bifa-font-heading);\n font-size: clamp(3rem, 5vw, 4.5rem);\n font-weight: 900;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin-bottom: 25px;\n text-transform: uppercase;\n position: relative;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-block;\n }<\/p>\n<p> .partners-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--bifa-heritage-gold), #ffd700);\n transition: width 0.4s ease;\n }<\/p>\n<p> .partners-title:hover {\n transform: translateY(-3px);\n }<\/p>\n<p> .partners-title:hover::after {\n width: 100%;\n }<\/p>\n<p> \/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0441\u043c\u0435\u043d\u044b \u0442\u0435\u043a\u0441\u0442\u043e\u0432 *\/\n .subtitle-container {\n position: relative;\n height: 60px;\n margin-bottom: 20px;\n overflow: visible;\n display: flex;\n align-items: center;\n justify-content: center;\n }<\/p>\n<p> .partners-subtitle,\n .partners-slogan {\n font-family: var(--bifa-font-body);\n font-size: clamp(1.2rem, 2.5vw, 1.8rem);\n color: var(--bifa-deep-navy);\n font-weight: 600;\n letter-spacing: 2px;\n position: absolute;\n width: 100%;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n margin: 0;\n text-align: center;\n opacity: 0;\n z-index: 2;\n }<\/p>\n<p> .partners-subtitle {\n animation: textRotate 8s ease-in-out infinite;\n }<\/p>\n<p> .partners-slogan {\n font-family: var(--bifa-font-heading);\n font-weight: 700;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n animation: textRotate 8s ease-in-out infinite, textGlow 2s ease-in-out infinite;\n animation-delay: 4s, 4s;\n }<\/p>\n<p> .partners-description {\n max-width: 900px;\n margin: 0 auto;\n font-family: var(--bifa-font-body);\n font-size: clamp(1rem, 1.5vw, 1.2rem);\n line-height: 1.8;\n color: #4a5568;\n font-weight: 400;\n opacity: 0;\n animation: fadeInUp 1s ease forwards;\n animation-delay: 2s;\n }<\/p>\n<p> .highlight {\n font-weight: 700;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }<\/p>\n<p> \/* ========= \u041a\u0410\u0422\u0415\u0413\u041e\u0420\u0418\u0418 \u041f\u0410\u0420\u0422\u041d\u0415\u0420\u041e\u0412 ========= *\/\n .partner-categories {\n margin-bottom: 50px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out 0.2s both;\n }<\/p>\n<p> .category-tabs {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n }<\/p>\n<p> .category-tab {\n padding: 14px 35px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border: 2px solid rgba(212, 175, 55, 0.2);\n border-radius: 50px;\n font-weight: 600;\n color: var(--bifa-deep-navy);\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n font-family: var(--bifa-font-heading);\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> .category-tab::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n transition: left 0.5s ease;\n }<\/p>\n<p> .category-tab:hover::before {\n left: 100%;\n }<\/p>\n<p> .category-tab:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2);\n border-color: var(--bifa-heritage-gold);\n background: rgba(255, 255, 255, 1);\n }<\/p>\n<p> .category-tab.active {\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\n color: var(--bifa-deep-navy);\n border-color: transparent;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n font-weight: 800;\n }<\/p>\n<p> \/* ========= \u0421\u0415\u0422\u041a\u0410 \u041f\u0410\u0420\u0422\u041d\u0415\u0420\u041e\u0412 ========= *\/\n .partners-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-bottom: 60px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out 0.4s both;\n }<\/p>\n<p> .partner-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n border: 2px solid rgba(212, 175, 55, 0.1);\n height: 250px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px 30px;\n }<\/p>\n<p> .partner-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(212, 175, 55, 0.05) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }<\/p>\n<p> .partner-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\n border-color: rgba(212, 175, 55, 0.3);\n }<\/p>\n<p> .partner-card:hover::before {\n opacity: 1;\n }<\/p>\n<p> .partner-tier-badge {\n position: absolute;\n top: 15px;\n right: 15px;\n padding: 5px 12px;\n border-radius: 20px;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n font-family: var(--bifa-font-heading);\n backdrop-filter: blur(10px);\n z-index: 2;\n }<\/p>\n<p> .tier-platinum {\n background: linear-gradient(135deg, #e5e7eb 0%, #9ca3af 100%);\n color: #1f2937;\n box-shadow: 0 2px 10px rgba(156, 163, 175, 0.4);\n }<\/p>\n<p> .tier-gold {\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\n color: var(--bifa-deep-navy);\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.4);\n }<\/p>\n<p> .tier-silver {\n background: linear-gradient(135deg, #d1d5db 0%, #e5e7eb 100%);\n color: #374151;\n box-shadow: 0 2px 10px rgba(209, 213, 219, 0.4);\n }<\/p>\n<p> .tier-media {\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\n color: white;\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\n }\n .tier-strategic {\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\n color: white;\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\n }\n .tier-institutional {\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\n color: white;\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\n }<\/p>\n<p> .partner-logo {\n width: 100%;\n max-width: 200px;\n height: 100px;\n object-fit: contain;\n filter: grayscale(100%);\n opacity: 0.7;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }<\/p>\n<p> .partner-card:hover .partner-logo {\n filter: grayscale(0%);\n opacity: 1;\n transform: scale(1.05);\n }<\/p>\n<p> .partner-info {\n text-align: center;\n margin-top: 20px;\n position: relative;\n z-index: 1;\n }<\/p>\n<p> .partner-name {\n font-weight: 700;\n color: var(--bifa-deep-navy);\n font-size: 1.2rem;\n margin-bottom: 5px;\n transition: color 0.3s ease;\n font-family: var(--bifa-font-heading);\n }<\/p>\n<p> .partner-card:hover .partner-name {\n color: var(--bifa-heritage-gold);\n }<\/p>\n<p> .partner-description {\n font-size: 0.9rem;\n color: #64748b;\n line-height: 1.4;\n font-family: var(--bifa-font-body);\n }<\/p>\n<p> \/* ========= CTA \u0421\u0415\u041a\u0426\u0418\u042f ========= *\/\n .partners-cta {\n text-align: center;\n padding: 60px 40px;\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.08) 100%);\n backdrop-filter: blur(10px);\n border-radius: 25px;\n position: relative;\n z-index: 1;\n overflow: hidden;\n animation: fadeInUp 1s ease-out 0.6s both;\n border: 2px solid rgba(212, 175, 55, 0.2);\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n }<\/p>\n<p> .partners-cta::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 50%);\n animation: partners-rotate-slow 20s linear infinite;\n }<\/p>\n<p> .cta-title {\n font-family: var(--bifa-font-heading);\n font-size: 2.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin-bottom: 20px;\n position: relative;\n z-index: 1;\n }<\/p>\n<p> .cta-description {\n font-size: 1.2rem;\n color: var(--bifa-deep-navy);\n margin-bottom: 30px;\n line-height: 1.6;\n position: relative;\n z-index: 1;\n font-family: var(--bifa-font-body);\n }<\/p>\n<p> .cta-button {\n display: inline-block;\n padding: 18px 50px;\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\n color: var(--bifa-deep-navy);\n text-decoration: none;\n border-radius: 50px;\n font-weight: 700;\n font-size: 1.1rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n font-family: var(--bifa-font-heading);\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n position: relative;\n z-index: 1;\n overflow: hidden;\n }<\/p>\n<p> .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n }<\/p>\n<p> .cta-button:hover::before {\n left: 100%;\n }<\/p>\n<p> .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\n }<\/p>\n<p> \/* ========= \u0421\u041e\u0421\u0422\u041e\u042f\u041d\u0418\u0415 \u0417\u0410\u0413\u0420\u0423\u0417\u041a\u0418 ========= *\/\n .loading-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 80px 20px;\n text-align: center;\n }<\/p>\n<p> .loading-content {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n padding: 40px 30px;\n border: 2px solid rgba(212, 175, 55, 0.2);\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> .loading-icon {\n font-size: 48px;\n margin-bottom: 20px;\n animation: partners-pulse 2s ease-in-out infinite;\n }<\/p>\n<p> .loading-title {\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--bifa-deep-navy);\n margin-bottom: 10px;\n font-family: var(--bifa-font-heading);\n }<\/p>\n<p> .loading-subtitle {\n font-size: 1rem;\n color: #64748b;\n font-family: var(--bifa-font-body);\n }<\/p>\n<p> \/* ========= RESPONSIVE DESIGN ========= *\/\n @media (max-width: 1024px) {\n .content-wrapper {\n padding: 0 30px;\n }<\/p>\n<p> .partners-grid {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n }<\/p>\n<p> .partners-title {\n font-size: 3rem;\n }\n }<\/p>\n<p> @media (max-width: 768px) {\n .content-wrapper {\n padding: 0 20px;\n }<\/p>\n<p> .partners-title {\n font-size: 2.5rem;\n }<\/p>\n<p> .subtitle-container {\n height: 50px;\n }<\/p>\n<p> .partners-subtitle,\n .partners-slogan {\n font-size: 1.2rem;\n }<\/p>\n<p> .partners-grid {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n }<\/p>\n<p> .partner-card {\n height: 220px;\n padding: 30px 20px;\n }<\/p>\n<p> .cta-title {\n font-size: 2rem;\n }<\/p>\n<p> .cta-button {\n padding: 15px 40px;\n font-size: 1rem;\n }<\/p>\n<p> .category-tab {\n padding: 12px 25px;\n font-size: 0.9rem;\n }\n }<\/p>\n<p> @media (max-width: 480px) {\n .partners-grid {\n grid-template-columns: 1fr;\n }<\/p>\n<p> .partners-title {\n font-size: 2rem;\n }<\/p>\n<p> .subtitle-container {\n height: 30px;\n margin-bottom: 15px;\n padding: 10px 0;\n }<\/p>\n<p> .partners-subtitle,\n .partners-slogan {\n font-size: 1rem;\n letter-spacing: 1px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"partners-section-wrapper\">\n <\/p>\n<div class=\"bg-particles\"><\/div>\n<p> <\/p>\n<section class=\"bifa-partners-container\">\n <\/p>\n<div class=\"neon-elements\">\n<div class=\"neon-circle\"><\/div>\n<div class=\"neon-circle\"><\/div>\n<div class=\"neon-circle\"><\/div>\n<div class=\"glow-dot\"><\/div>\n<div class=\"glow-dot\"><\/div>\n<div class=\"glow-dot\"><\/div>\n<\/p><\/div>\n<div class=\"content-wrapper\">\n <\/p>\n<div class=\"section-header\">\n<div class=\"partners-title\">\u041f\u0430\u0440\u0442\u043d\u0435\u0440\u044b \u0438 \u0441\u043f\u043e\u043d\u0441\u043e\u0440\u044b<\/div>\n<div class=\"subtitle-container\">\n<p class=\"partners-subtitle\">\u0412\u043c\u0435\u0441\u0442\u0435 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u042e\u0433\u0430<\/p>\n<p class=\"partners-slogan\">\u0418\u0433\u0440\u0430\u0439\u0442\u0435 \u0441 \u0434\u0443\u0445\u043e\u043c. \u0412\u0435\u0441\u0442\u0438 \u0437\u0430 \u0441\u043e\u0431\u043e\u0439.<\/p>\n<\/p><\/div>\n<p class=\"partners-description\">\n \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0435\u0442\u044c <span class=\"highlight\">\u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u044b<\/span> \u0438<br \/>\n <span class=\"highlight\">\u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u043f\u043e\u043d\u0441\u043e\u0440\u044b<\/span> \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044f \u043c\u0438\u0441\u0441\u0438\u044e BIFA+ \u043f\u043e \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044e<br \/>\n <span class=\"highlight\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u042e\u0433<\/span> \u0447\u0435\u0440\u0435\u0437 \u0444\u0443\u0442\u0431\u043e\u043b, \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u043d\u044b\u0439 \u043e\u0431\u043c\u0435\u043d \u0438<br \/>\n <span class=\"highlight\">\u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u0430\u044f \u0434\u0438\u043f\u043b\u043e\u043c\u0430\u0442\u0438\u044f<\/span>. From technology innovators to media giants,<br \/>\n our partners share our vision of creating bridges between nations and empowering the next generation.\n <\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"partner-categories\">\n<div class=\"category-tabs\">\n <button class=\"category-tab active\" onclick=\"filterPartners('all')\">\u0412\u0441\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('platinum')\">\u041f\u043b\u0430\u0442\u0438\u043d\u0430<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('gold')\">\u0417\u043e\u043b\u043e\u0442\u043e<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('silver')\">\u0421\u0435\u0440\u0435\u0431\u0440\u043e<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('media')\">\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('strategic')\">\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('institutional')\">\u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/button>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"partners-grid\" id=\"partnersGrid\">\n<div class=\"loading-container\">\n<div class=\"loading-content\">\n<div class=\"loading-icon\">\u2728<\/div>\n<h3 class=\"loading-title\">\u0421\u0442\u0440\u043e\u0438\u043c \u0432\u043c\u0435\u0441\u0442\u0435<\/h3>\n<p class=\"loading-subtitle\"> BIFA \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0430\u0435\u0442 \u0441 \u043f\u0440\u0430\u0432\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430\u043c\u0438, \u043a\u043b\u0443\u0431\u0430\u043c\u0438 \u0438 \u043d\u043e\u0432\u0430\u0442\u043e\u0440\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c \u0444\u0443\u0442\u0431\u043e\u043b \u043d\u0430 \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u043c \u042e\u0433\u0435. \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b \u0431\u0443\u0434\u0443\u0442 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"partners-cta\">\n<h3 class=\"cta-title\">\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044e BIFA+<\/h3>\n<p class=\"cta-description\">\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0430\u0439\u0442\u0435 \u0441 \u043d\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u043e\u0435 \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u0434\u043b\u044f \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0433\u043e \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0430 \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u042e\u0433\u0430<\/p>\n<p> <a href=\"https:\/\/bifa.ai\/partners\/\" class=\"cta-button\">\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0430\u0439\u0442\u0435 \u0441 \u043d\u0430\u043c\u0438<\/a>\n <\/div>\n<\/p><\/div>\n<\/section><\/div>\n<p> <script>\n \/\/ Partner data will be loaded from API\n let partnersData = [];<\/p>\n<p> \/\/ Function to load partners from backend\n async function loadPartners() {\n try {\n const response = await fetch('\/wp-json\/bifa\/v1\/partners');\n if (!response.ok) {\n throw new Error('Failed to load partners');\n }\n const data = await response.json();\n partnersData = data;\n displayPartners('all');\n } catch (error) {\n console.error('Error loading partners:', error);\n showError();\n }\n }<\/p>\n<p> \/\/ Function to display partners\n function displayPartners(filterType = 'all') {\n const grid = document.getElementById('partnersGrid');\n grid.innerHTML = '';<\/p>\n<p> \/\/ Filter partners\n const filteredPartners = filterType === 'all' \n ? partnersData \n : partnersData.filter(partner => partner.type === filterType);<\/p>\n<p> \/\/ Sort by order\n filteredPartners.sort((a, b) => a.order - b.order);<\/p>\n<p> if (filteredPartners.length === 0) {\n grid.innerHTML = `<\/p>\n<div class=\"loading-container\" style=\"grid-column: 1 \/ -1;\">\n<div class=\"loading-content\">\n<div class=\"loading-icon\">\ud83e\udd1d<\/div>\n<h3 class=\"loading-title\">Building Together<\/h3>\n<p class=\"loading-subtitle\">BIFA collaborates with governments, clubs, and innovators to grow football across the Global South. Official partners will be announced soon<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> `;\n return;\n }<\/p>\n<p> \/\/ Create partner cards\n filteredPartners.forEach(partner => {\n const card = createPartnerCard(partner);\n grid.appendChild(card);\n });<\/p>\n<p> \/\/ Add animation delay to cards\n const cards = grid.querySelectorAll('.partner-card');\n cards.forEach((card, index) => {\n card.style.animationDelay = `${index * 0.1}s`;\n });\n }<\/p>\n<p> \/\/ Function to create partner card\n function createPartnerCard(partner) {\n const card = document.createElement('div');\n card.className = 'partner-card';\n card.style.animation = 'fadeInUp 0.6s ease-out both';<\/p>\n<p> \/\/ Tier badge\n const tierBadge = document.createElement('div');\n tierBadge.className = `partner-tier-badge tier-${partner.type}`;\n tierBadge.textContent = partner.type;<\/p>\n<p> \/\/ Logo\n const logo = document.createElement('img');\n logo.className = 'partner-logo';\n logo.src = partner.logo_url;\n logo.alt = partner.name;\n logo.loading = 'lazy';<\/p>\n<p> \/\/ Info container\n const info = document.createElement('div');\n info.className = 'partner-info';<\/p>\n<p> const name = document.createElement('h3');\n name.className = 'partner-name';\n name.textContent = partner.name;<\/p>\n<p> const description = document.createElement('p');\n description.className = 'partner-description';\n description.textContent = partner.description || '';<\/p>\n<p> info.appendChild(name);\n if (partner.description) {\n info.appendChild(description);\n }<\/p>\n<p> \/\/ Assemble card\n card.appendChild(tierBadge);\n card.appendChild(logo);\n card.appendChild(info);<\/p>\n<p> \/\/ Add click handler\n if (partner.website) {\n card.style.cursor = 'pointer';\n card.onclick = () => window.open(partner.website, '_blank');\n }<\/p>\n<p> return card;\n }<\/p>\n<p> \/\/ Function to filter partners\n function filterPartners(type) {\n \/\/ Update active tab\n document.querySelectorAll('.category-tab').forEach(tab => {\n tab.classList.remove('active');\n });\n event.target.classList.add('active');<\/p>\n<p> \/\/ Display filtered partners\n displayPartners(type);\n }<\/p>\n<p> \/\/ Function to show error state\n function showError() {\n const grid = document.getElementById('partnersGrid');\n grid.innerHTML = `<\/p>\n<div class=\"loading-container\" style=\"grid-column: 1 \/ -1;\">\n<div class=\"loading-content\">\n<div class=\"loading-icon\">\u26a0\ufe0f<\/div>\n<h3 class=\"loading-title\">Loading Error<\/h3>\n<p class=\"loading-subtitle\">Please refresh the page<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> `;\n }<\/p>\n<p> \/\/ Initialize on page load\n document.addEventListener('DOMContentLoaded', function() {\n loadPartners();<\/p>\n<p> \/\/ Create optimized floating particles (reduced count for performance)\n const particlesContainer = document.querySelector('.bg-particles');\n const particleCount = 15; \/\/ Reduced for better performance<\/p>\n<p> for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 15 + 's';\n particle.style.animationDuration = (12 + Math.random() * 6) + 's';\n \n const size = 3 + Math.random() * 3; \/\/ Smaller particles\n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n \n particlesContainer.appendChild(particle);\n }\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html>\n<\/div>\n<div>\n<p> <!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n<title>BIFA+ - Become a Partner<\/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 --bg-gradient: linear-gradient(135deg, rgba(10, 31, 68, 0.03) 0%, rgba(212, 175, 55, 0.03) 100%);\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>\/* \u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 *\/\n* { \n box-sizing: border-box; \n margin: 0;\n padding: 0;\n}<\/p>\n<p>body { \n font-family: 'Poppins', sans-serif;\n background: var(--bright-white);\n color: var(--text-primary);\n line-height: 1.6;\n}<\/p>\n<p>\/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 *\/\n@keyframes float { \n 0%, 100% { transform: translateY(0); opacity: 1; }\n 50% { transform: translateY(-10px); opacity: 0.8; }\n}<\/p>\n<p>@keyframes fadeIn { \n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}<\/p>\n<p>@keyframes spin { to { transform: rotate(360deg); } }<\/p>\n<p>\/* \u0424\u043e\u0440\u043c\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 - \u0411\u0415\u0417 \u0412\u0415\u0420\u0425\u041d\u0415\u0419 \u0413\u0420\u0410\u041d\u0418\u0426\u042b *\/\n.registration-section {\n position: relative;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n padding: 80px 0;\n background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);\n overflow: hidden;\n}<\/p>\n<p>\/* \u0424\u043e\u043d\u043e\u0432\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043a\u0430\u043a \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 *\/\n.registration-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.03), transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(10, 31, 68, 0.03), transparent 50%);\n z-index: 0;\n}<\/p>\n<p>\/* \u0427\u0430\u0441\u0442\u0438\u0446\u044b *\/\n.particles {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 1;\n}<\/p>\n<p>.particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(212, 175, 55, 0.2);\n border-radius: 50%;\n animation: float 15s ease-in-out infinite;\n}<\/p>\n<p>.particle:nth-child(2n) { background: rgba(10, 31, 68, 0.15); animation-duration: 18s; }\n.particle:nth-child(3n) { background: rgba(29, 97, 67, 0.1); animation-duration: 20s; }<\/p>\n<p>\/* \u041a\u043e\u043d\u0442\u0435\u043d\u0442 wrapper *\/\n.content-wrapper {\n position: relative;\n z-index: 2;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 40px;\n}<\/p>\n<p>.form-container {\n max-width: 800px;\n margin: 0 auto;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n padding: 50px;\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n position: relative;\n z-index: 2;\n animation: fadeIn 1.2s ease-out;\n border: 2px solid rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.form-header {\n text-align: center;\n margin-bottom: 40px;\n}<\/p>\n<p>.form-header h3 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: clamp(2rem, 4vw, 3rem);\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin: 0 0 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n position: relative;\n display: inline-block;\n}<\/p>\n<p>.form-header h3:after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 120px;\n height: 5px;\n background: var(--heritage-gold);\n border-radius: 3px;\n}<\/p>\n<p>.form-header p {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(1rem, 1.5vw, 1.2rem);\n color: var(--text-secondary);\n margin: 20px 0 0;\n line-height: 1.8;\n}<\/p>\n<p>\/* \u0421\u0442\u0438\u043b\u0438 \u0444\u043e\u0440\u043c\u044b *\/\n.registration-form {\n display: grid;\n gap: 25px;\n}<\/p>\n<p>.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n}<\/p>\n<p>.form-group {\n position: relative;\n}<\/p>\n<p>.form-group.full-width {\n grid-column: 1 \/ -1;\n}<\/p>\n<p>.form-label {\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--deep-navy);\n margin-bottom: 8px;\n display: block;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}<\/p>\n<p>.form-label .required {\n color: #dc2626;\n margin-left: 4px;\n}<\/p>\n<p>.form-input,\n.form-select,\n.form-textarea {\n width: 100%;\n padding: 14px 20px;\n background: var(--bright-white);\n border: 2px solid #e5e7eb;\n border-radius: var(--radius);\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n color: var(--text-primary);\n transition: var(--transition);\n outline: none;\n}<\/p>\n<p>.form-input:focus,\n.form-select:focus,\n.form-textarea:focus {\n border-color: var(--heritage-gold);\n box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.form-textarea {\n min-height: 120px;\n resize: vertical;\n}<\/p>\n<p>.form-select {\n cursor: pointer;\n appearance: none;\n background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n background-repeat: no-repeat;\n background-position: right 20px center;\n background-size: 20px;\n padding-right: 50px;\n}<\/p>\n<p>\/* \u041a\u043d\u043e\u043f\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 *\/\n.submit-button {\n background: linear-gradient(135deg, var(--heritage-gold) 0%, #ffd700 100%);\n color: var(--deep-navy);\n border: none;\n padding: 16px 40px;\n border-radius: 50px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n transition: var(--transition);\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n width: 100%;\n margin-top: 20px;\n position: relative;\n overflow: hidden;\n}<\/p>\n<p>.submit-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n}<\/p>\n<p>.submit-button:hover::before {\n left: 100%;\n}<\/p>\n<p>.submit-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\n}<\/p>\n<p>.submit-button:active {\n transform: translateY(-1px);\n}<\/p>\n<p>\/* \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043e\u0431 \u0443\u0441\u043f\u0435\u0445\u0435\/\u043e\u0448\u0438\u0431\u043a\u0435 *\/\n.message {\n padding: 16px 20px;\n border-radius: var(--radius);\n margin-bottom: 20px;\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n display: none;\n animation: fadeIn 0.5s ease-out;\n}<\/p>\n<p>.message.success {\n background: #10b981;\n color: white;\n}<\/p>\n<p>.message.error {\n background: #ef4444;\n color: white;\n}<\/p>\n<p>\/* \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u043f\u043e\u0434 \u0444\u043e\u0440\u043c\u043e\u0439 *\/\n.info-section {\n margin-top: 80px;\n position: relative;\n z-index: 2;\n}<\/p>\n<p>.info-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n max-width: 1000px;\n margin: 0 auto;\n}<\/p>\n<p>.info-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n padding: 40px 30px;\n border-radius: 20px;\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n transition: var(--transition);\n text-align: center;\n border: 2px solid rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.info-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\n border-color: rgba(212, 175, 55, 0.3);\n}<\/p>\n<p>.info-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--heritage-gold) 0%, #ffd700 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n margin: 0 auto 20px;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n}<\/p>\n<p>.info-title {\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 22px;\n color: var(--deep-navy);\n margin: 0 0 15px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}<\/p>\n<p>.info-text {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n color: var(--text-secondary);\n line-height: 1.8;\n margin: 0;\n}<\/p>\n<p>\/* \u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 *\/\n.spinner {\n width: 20px;\n height: 20px;\n border: 3px solid rgba(10, 31, 68, 0.1);\n border-top-color: var(--deep-navy);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n display: inline-block;\n vertical-align: middle;\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 .content-wrapper {\n padding: 0 20px;\n }<\/p>\n<p> .form-container { \n padding: 30px 20px; \n }<\/p>\n<p> .form-row { \n grid-template-columns: 1fr; \n }<\/p>\n<p> .form-header h3 { \n font-size: 28px; \n }<\/p>\n<p> .info-cards { \n grid-template-columns: 1fr; \n }\n}\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><\/p>\n<div class=\"registration-section\">\n<div class=\"particles\">\n<div class=\"particle\" style=\"left:10%;animation-delay:0s\"><\/div>\n<div class=\"particle\" style=\"left:30%;animation-delay:2s\"><\/div>\n<div class=\"particle\" style=\"left:50%;animation-delay:4s\"><\/div>\n<div class=\"particle\" style=\"left:70%;animation-delay:6s\"><\/div>\n<div class=\"particle\" style=\"left:90%;animation-delay:8s\"><\/div>\n<\/p><\/div>\n<div class=\"content-wrapper\">\n<div class=\"form-container\">\n<div class=\"form-header\">\n<h3>\u0421\u0442\u0430\u043d\u044c\u0442\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u043c BIFA+<\/h3>\n<p>\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a \u043d\u0430\u0448\u0435\u0439 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0439, \u0441\u0442\u0440\u0435\u043c\u044f\u0449\u0438\u0445\u0441\u044f \u0441\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0438 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u043c\u0443 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044e \u0441\u0442\u0440\u0430\u043d \u0411\u0420\u0418\u041a\u0421+.<\/p>\n<\/p><\/div>\n<div id=\"successMessage\" class=\"message success\">\n \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u0440\u043e\u044f\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0435\u0441! \u0412\u0430\u0448\u0430 \u0437\u0430\u044f\u0432\u043a\u0430 \u0431\u044b\u043b\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.\n <\/div>\n<div id=\"errorMessage\" class=\"message error\">\n \u041f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0432\u0430\u0448\u0435\u0439 \u0437\u0430\u044f\u0432\u043a\u0438 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437 \u0438\u043b\u0438 \u0441\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e.\n <\/div>\n<form class=\"registration-form\" id=\"partnerForm\" onsubmit=\"handleFormSubmit(event)\" action=\"\">\n<div class=\"form-row\">\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"name\"><br \/>\n \u041f\u043e\u043b\u043d\u043e\u0435 \u0438\u043c\u044f <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" required>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"organization\"><br \/>\n \u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input type=\"text\" id=\"organization\" name=\"organization\" class=\"form-input\" required>\n <\/div>\n<\/p><\/div>\n<div class=\"form-row\">\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"email\"><br \/>\n \u0410\u0434\u0440\u0435\u0441 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" required>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"phone\"><br \/>\n \u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" required>\n <\/div>\n<\/p><\/div>\n<div class=\"form-row\">\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"country\"><br \/>\n \u0421\u0442\u0440\u0430\u043d\u0430 <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input type=\"text\" id=\"country\" name=\"country\" class=\"form-input\" required>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"partnershipType\"><br \/>\n \u0422\u0438\u043f \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <select id=\"partnershipType\" name=\"partnershipType\" class=\"form-select\" required><option value=\"\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043f \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430<\/option><option value=\"platinum\">\u041f\u043b\u0430\u0442\u0438\u043d\u043e\u0432\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><option value=\"strategic\">\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><option value=\"gold\">\u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><option value=\"silver\">\u0421\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><option value=\"institutional\">\u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><option value=\"media\">\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><\/select>\n <\/div>\n<\/p><\/div>\n<div class=\"form-group full-width\">\n <label class=\"form-label\" for=\"message\"><br \/>\n \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <textarea id=\"message\" name=\"message\" class=\"form-textarea\" required placeholder=\"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u043d\u0430\u043c \u043e \u0432\u0430\u0448\u0435\u0439 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0432\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u0431\u044b \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0430\u0442\u044c \u0441 BIFA+\"><\/textarea>\n <\/div>\n<p> <button type=\"submit\" class=\"submit-button\" id=\"submitBtn\"><br \/>\n \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<br \/>\n <\/button><br \/>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ru\"\/><\/form>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"info-section\">\n<div class=\"info-cards\">\n<div class=\"info-card\">\n<div class=\"info-icon\">\ud83e\udd1d<\/div>\n<h4 class=\"info-title\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430<\/h4>\n<p class=\"info-text\">\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u043d\u0430\u043b\u0430\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432, \u043f\u0440\u0438\u043c\u0438\u0442\u0435 \u0443\u0447\u0430\u0441\u0442\u0438\u0435 \u0432 \u0444\u043e\u0440\u0443\u043c\u0430\u0445 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0439 \u0442\u043e\u0440\u0433\u043e\u0432\u043b\u0438.<\/p>\n<\/p><\/div>\n<div class=\"info-card\">\n<div class=\"info-icon\">\ud83c\udf10<\/div>\n<h4 class=\"info-title\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0445\u0432\u0430\u0442<\/h4>\n<p class=\"info-text\">\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0441 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f\u043c\u0438 \u0438\u0437 \u0441\u0442\u0440\u0430\u043d \u0411\u0420\u0418\u041a\u0421+ \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u0435 \u0434\u0435\u043b\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043d\u0430 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0449\u0438\u0445\u0441\u044f \u0440\u044b\u043d\u043a\u0430\u0445.<\/p>\n<\/p><\/div>\n<div class=\"info-card\">\n<div class=\"info-icon\">\ud83d\udcc8<\/div>\n<h4 class=\"info-title\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0440\u043e\u0441\u0442\u0430<\/h4>\n<p class=\"info-text\">\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u043d\u043e\u0432\u044b\u0435 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u043a\u0438\u0435 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f, \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u043c\u0443 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0440\u043e\u0441\u0442\u0443.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><script>\n\/\/ \u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438\nasync function handleFormSubmit(event) {\n event.preventDefault();<\/p>\n<p> const form = event.target;\n const submitBtn = document.getElementById('submitBtn');\n const successMsg = document.getElementById('successMessage');\n const errorMsg = document.getElementById('errorMessage');<\/p>\n<p> \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f\n successMsg.style.display = 'none';\n errorMsg.style.display = 'none';<\/p>\n<p> \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443\n const originalText = submitBtn.innerHTML;\n submitBtn.innerHTML = '<span class=\"spinner\"><\/span> Submitting...';\n submitBtn.disabled = true;<\/p>\n<p> \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b\n const formData = new FormData(form);\n const data = {\n name: formData.get('name'),\n organization: formData.get('organization'),\n email: formData.get('email'),\n phone: formData.get('phone'),\n country: formData.get('country'),\n partnershipType: formData.get('partnershipType'),\n message: formData.get('message')\n };<\/p>\n<p> try {\n \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0447\u0435\u0440\u0435\u0437 WordPress AJAX\n const response = await fetch('\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/x-www-form-urlencoded',\n },\n body: new URLSearchParams({\n action: 'bifa_partner_registration',\n ...data\n })\n });<\/p>\n<p> const result = await response.json();<\/p>\n<p> if (result.success) {\n successMsg.style.display = 'block';\n form.reset();\n successMsg.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n throw new Error('Submission failed');\n }\n } catch (error) {\n console.error('Error:', error);\n errorMsg.style.display = 'block';\n errorMsg.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } finally {\n \/\/ \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443\n submitBtn.innerHTML = originalText;\n submitBtn.disabled = false;\n }\n}<\/p>\n<p>\/\/ \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0440\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435\nconst 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 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\ndocument.addEventListener('DOMContentLoaded', function() {\n const infoCards = document.querySelectorAll('.info-card');\n infoCards.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<div>\n<p> <!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n<title>BIFA+ Partnership Opportunities<\/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;\n --platinum: #E5E4E2;<\/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: 16px;\n}<\/p>\n<p>* { box-sizing: border-box; font-family: 'Poppins', sans-serif; margin: 0; padding: 0; }\nbody { \n background: var(--bright-white);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n}<\/p>\n<p>\/* \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 *\/\n.partnerships-showcase {\n position: relative;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n padding: 80px 0 0 0; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043d\u0438\u0436\u043d\u0438\u0439 padding *\/\n background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%);\n overflow: hidden;\n \/* Custom property \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u0437\u043e\u0440\u043e\u043c *\/\n --partnership-bottom-gap: 0;\n \/* \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c custom property \u0434\u043b\u044f margin-bottom *\/\n margin-bottom: var(--partnership-bottom-gap) !important;\n \/* \u0418\u0437\u043e\u043b\u0438\u0440\u0443\u0435\u043c layout \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0432\u043b\u0438\u044f\u043d\u0438\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b *\/\n contain: layout style;\n}<\/p>\n<p>\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0444\u043e\u043d *\/\n.partnerships-showcase::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 70% 20%, rgba(212, 175, 55, 0.05), transparent 50%),\n radial-gradient(circle at 30% 80%, rgba(212, 175, 55, 0.03), transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(10, 31, 68, 0.02), transparent 70%);\n z-index: 0;\n}<\/p>\n<p>\/* \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043b\u0430\u0432\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u0441\u0432\u0435\u0440\u0445\u0443 *\/\n.partnerships-showcase::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100px;\n background: linear-gradient(to bottom, rgba(212, 175, 55, 0.02), transparent);\n z-index: 1;\n pointer-events: none;\n}\n.particles {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 1;\n}<\/p>\n<p>.particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(212, 175, 55, 0.3);\n border-radius: 50%;\n animation: float 15s ease-in-out infinite;\n}<\/p>\n<p>.particle:nth-child(2n) { background: rgba(212, 175, 55, 0.25); animation-duration: 18s; }\n.particle:nth-child(3n) { background: rgba(10, 31, 68, 0.2); animation-duration: 20s; }<\/p>\n<p>.showcase-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 40px;\n position: relative;\n z-index: 2;\n}<\/p>\n<p>\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a *\/\n.showcase-header {\n text-align: center;\n margin-bottom: 80px;\n animation: fadeInDown 1s ease;\n}<\/p>\n<p>@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}<\/p>\n<p>@keyframes float {\n 0%, 100% { transform: translateY(0); opacity: 1; }\n 50% { transform: translateY(-10px); opacity: 0.8; }\n}<\/p>\n<p>.showcase-title {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: 64px;\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin: 0 0 20px;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-shadow: 0 4px 20px rgba(212, 175, 55, 0.2);\n}<\/p>\n<p>.showcase-subtitle {\n font-size: 24px;\n color: var(--text-secondary);\n font-weight: 400;\n letter-spacing: 1px;\n}<\/p>\n<p>\/* \u0420\u0430\u0437\u0434\u0435\u043b \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 *\/\n.partnership-section {\n margin-bottom: 100px;\n opacity: 0;\n animation: fadeInUp 1s ease forwards;\n scroll-margin-top: 100px; \/* \u041e\u0442\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0448\u0430\u043f\u043a\u0438 *\/\n position: relative;\n}<\/p>\n<p>\/* \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u0431\u0435\u0437 \u043d\u0438\u0436\u043d\u0435\u0433\u043e \u043e\u0442\u0441\u0442\u0443\u043f\u0430 *\/\n.partnership-section:last-child {\n margin-bottom: 0;\n padding-bottom: 0; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0439 \u043e\u0442\u0441\u0442\u0443\u043f *\/\n}<\/p>\n<p>.partnership-section:nth-child(2) { animation-delay: 0.2s; }\n.partnership-section:nth-child(3) { animation-delay: 0.4s; }\n.partnership-section:nth-child(4) { animation-delay: 0.6s; }\n.partnership-section:nth-child(5) { animation-delay: 0.8s; }\n.partnership-section:nth-child(6) { animation-delay: 1s; }\n.partnership-section:nth-child(7) { animation-delay: 1.2s; }<\/p>\n<p>@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(50px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}<\/p>\n<p>\/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 *\/\n.partnership-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n padding: 80px;\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n position: relative;\n overflow: hidden;\n transition: var(--transition);\n cursor: pointer;\n border: 2px solid rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.partnership-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(90deg, var(--heritage-gold), #ffd700);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.5s ease;\n}<\/p>\n<p>.partnership-card:hover::before {\n transform: scaleX(1);\n}<\/p>\n<p>.partnership-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\n border-color: rgba(212, 175, 55, 0.3);\n}<\/p>\n<p>\/* \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f Platinum *\/\n.partnership-card.platinum {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(229, 228, 226, 0.1) 100%);\n backdrop-filter: blur(10px);\n border: 2px solid var(--platinum);\n}<\/p>\n<p>.partnership-card.platinum::before {\n background: linear-gradient(90deg, var(--platinum), #f5f5f5);\n}<\/p>\n<p>\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n.card-header {\n display: flex;\n align-items: center;\n gap: 30px;\n margin-bottom: 50px;\n}<\/p>\n<p>.card-icon {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 60px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n}<\/p>\n<p>.card-icon::after {\n content: '';\n position: absolute;\n inset: -2px;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.5), transparent);\n transform: translateX(-100%);\n transition: transform 0.6s;\n}<\/p>\n<p>.partnership-card:hover .card-icon::after {\n transform: translateX(100%);\n}<\/p>\n<p>\/* \u0426\u0432\u0435\u0442\u0430 \u0438\u043a\u043e\u043d\u043e\u043a \u043f\u043e \u0442\u0438\u043f\u0430\u043c *\/\n.platinum .card-icon { \n background: linear-gradient(135deg, var(--platinum), #f5f5f5); \n box-shadow: 0 10px 40px rgba(229, 228, 226, 0.5);\n}\n.strategic .card-icon { \n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.5);\n}\n.gold .card-icon { \n background: linear-gradient(135deg, #FFD700, #FFA500);\n box-shadow: 0 10px 40px rgba(255, 215, 0, 0.5);\n}\n.silver .card-icon { \n background: linear-gradient(135deg, #C0C0C0, #E5E5E5);\n box-shadow: 0 10px 40px rgba(192, 192, 192, 0.5);\n}\n.institutional .card-icon { \n background: linear-gradient(135deg, var(--civic-green), #2a8a5e);\n box-shadow: 0 10px 40px rgba(29, 97, 67, 0.5);\n}\n.media .card-icon { \n background: linear-gradient(135deg, #8B4513, #A0522D);\n box-shadow: 0 10px 40px rgba(139, 69, 19, 0.5);\n}<\/p>\n<p>.card-content {\n flex: 1;\n}<\/p>\n<p>.card-title {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: 48px;\n color: var(--deep-navy);\n margin: 0 0 15px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}<\/p>\n<p>.card-subtitle {\n font-size: 20px;\n color: var(--text-secondary);\n font-weight: 500;\n}<\/p>\n<p>\/* \u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n.card-body {\n text-align: center;\n padding: 50px 0;\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.02) 100%);\n border-radius: var(--radius);\n margin: 0 -80px;\n padding: 60px 80px;\n}<\/p>\n<p>.coming-soon-text {\n font-family: 'Montserrat', sans-serif;\n font-size: 28px;\n font-weight: 700;\n color: var(--deep-navy);\n margin: 0 0 30px;\n text-transform: uppercase;\n letter-spacing: 2px;\n}<\/p>\n<p>.contact-text {\n font-size: 20px;\n color: var(--text-secondary);\n line-height: 1.8;\n margin-bottom: 40px;\n}<\/p>\n<p>.contact-button {\n display: inline-flex;\n align-items: center;\n gap: 15px;\n background: var(--deep-navy);\n color: var(--bright-white);\n padding: 20px 50px;\n border-radius: 50px;\n text-decoration: none;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: var(--transition);\n box-shadow: 0 10px 30px rgba(10, 31, 68, 0.3);\n}<\/p>\n<p>.contact-button:hover {\n background: #162e5a;\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(10, 31, 68, 0.4);\n}<\/p>\n<p>.contact-button svg {\n width: 24px;\n height: 24px;\n fill: currentColor;\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.decorative-pattern {\n position: absolute;\n width: 200px;\n height: 200px;\n opacity: 0.05;\n pointer-events: none;\n}<\/p>\n<p>.pattern-1 {\n top: -50px;\n right: -50px;\n background-image: repeating-linear-gradient(45deg, var(--heritage-gold) 0, var(--heritage-gold) 2px, transparent 2px, transparent 20px);\n}<\/p>\n<p>.pattern-2 {\n bottom: -50px;\n left: -50px;\n background-image: radial-gradient(circle, var(--deep-navy) 2px, transparent 2px);\n background-size: 30px 30px;\n}<\/p>\n<p>\/* \u0413\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043d\u0430\u044f \u043b\u0438\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u0435\u043a\u0446\u0438\u044f\u043c\u0438 *\/\n.section-divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--heritage-gold), transparent);\n margin: 80px auto;\n max-width: 600px;\n opacity: 0.3;\n}<\/p>\n<p>\/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c *\/\n.partnership-section:nth-last-child(2) + .section-divider {\n display: none;\n}<\/p>\n<p>\/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043b\u044e\u0431\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 *\/\n.partnerships-showcase {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n}<\/p>\n<p>\/* \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u043f\u0435\u0440\u0435\u0434 footer *\/\n.partnerships-showcase + footer,\n.partnerships-showcase + .footer,\n.partnerships-showcase + [class*=\"footer\"],\n.partnerships-showcase + .uk-section-secondary {\n margin-top: 0 !important;\n padding-top: 60px !important; \/* \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c padding \u0432\u043d\u0443\u0442\u0440\u0438 footer \u0432\u043c\u0435\u0441\u0442\u043e margin *\/\n}<\/p>\n<p>\/* YOOtheme specific fixes - \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u043b\u044e\u0431\u044b\u0435 \u0437\u0430\u0437\u043e\u0440\u044b *\/\n.partnerships-showcase.uk-section {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n}<\/p>\n<p>.partnerships-showcase + .uk-section,\n.partnerships-showcase + .tm-footer,\n.partnerships-showcase + .uk-section-secondary,\n.partnerships-showcase + footer {\n margin-top: 0 !important;\n}<\/p>\n<p>\/* \u0415\u0441\u043b\u0438 YOOtheme \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 wrapper \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b *\/\n.partnerships-showcase:last-child {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n}<\/p>\n<p>\/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b YOOtheme \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 *\/\n.uk-section:has(.partnerships-showcase) {\n padding-bottom: 0 !important;\n}<\/p>\n<p>\/* \u041f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0430 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0441\u0435\u043a\u0446\u0438\u0438 *\/\n.partnership-section.highlight {\n animation: highlightPulse 2s ease-out;\n}<\/p>\n<p>@keyframes highlightPulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);\n }\n 50% {\n box-shadow: 0 0 30px 10px rgba(212, 175, 55, 0.3);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);\n }\n}<\/p>\n<p>\/* \u0418\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440 \u044f\u043a\u043e\u0440\u044f *\/\n.partnership-section::before {\n content: '';\n position: absolute;\n top: -100px;\n left: 0;\n width: 0;\n height: 0;\n visibility: hidden;\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 .showcase-title {\n font-size: 42px;\n }<\/p>\n<p> .showcase-subtitle {\n font-size: 18px;\n }<\/p>\n<p> .partnership-card {\n padding: 40px 20px;\n }<\/p>\n<p> .card-header {\n flex-direction: column;\n text-align: center;\n }<\/p>\n<p> .card-icon {\n width: 100px;\n height: 100px;\n font-size: 48px;\n }<\/p>\n<p> .card-title {\n font-size: 32px;\n }<\/p>\n<p> .card-body {\n margin: 0 -20px;\n padding: 40px 20px;\n }<\/p>\n<p> .coming-soon-text {\n font-size: 22px;\n }<\/p>\n<p> .contact-text {\n font-size: 16px;\n }<\/p>\n<p> .contact-button {\n padding: 16px 30px;\n font-size: 14px;\n }\n}<\/p>\n<p>\/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0443\u043b\u044c\u0441\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0438\u043a\u043e\u043d\u043e\u043a *\/\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.5);\n }\n 50% {\n transform: scale(1.05);\n box-shadow: 0 15px 50px rgba(212, 175, 55, 0.6);\n }\n}<\/p>\n<p>.partnership-card:hover .card-icon {\n animation: pulse 2s ease-in-out infinite;\n}\n<\/style>\n<p><\/p>\n<style>\n\/* \u042d\u0442\u0438 \u0441\u0442\u0438\u043b\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c\u0438 \u0438 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442 \u0432\u0441\u0451 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 *\/\nbody .partnerships-showcase:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\nbody footer { margin-top: 0 !important; }\nbody .tm-footer { margin-top: 0 !important; }\nbody .uk-section-secondary { margin-top: 0 !important; }\nbody .partnerships-showcase:last-child { margin-bottom: 0 !important; }\nbody > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\nbody main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\nbody .tm-main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"partnerships-showcase\" style=\"margin-bottom: 0 !important; padding-bottom: 0 !important;\">\n <\/p>\n<div class=\"particles\">\n<div class=\"particle\" style=\"left:10%;animation-delay:0s\"><\/div>\n<div class=\"particle\" style=\"left:30%;animation-delay:2s\"><\/div>\n<div class=\"particle\" style=\"left:50%;animation-delay:4s\"><\/div>\n<div class=\"particle\" style=\"left:70%;animation-delay:6s\"><\/div>\n<div class=\"particle\" style=\"left:90%;animation-delay:8s\"><\/div>\n<\/p><\/div>\n<div class=\"showcase-container\">\n<div class=\"showcase-header\">\n<h1 class=\"showcase-title\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430<\/h1>\n<p class=\"showcase-subtitle\">\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a BIFA+ \u0432 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0435 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043c\u043e\u0441\u0442\u043e\u0432<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"platinum-partner\">\n<div class=\"partnership-card platinum\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83d\udc8e<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u041f\u043b\u0430\u0442\u0438\u043d\u043e\u0432\u043e\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0412\u0435\u0440\u0448\u0438\u043d\u0430 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<div class=\"section-divider\"><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"strategic-partner\">\n<div class=\"partnership-card strategic\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83c\udf0d<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u0445 \u0438\u043d\u0438\u0446\u0438\u0430\u0442\u0438\u0432<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<div class=\"section-divider\"><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"gold-partner\">\n<div class=\"partnership-card gold\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83c\udfc6<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u0417\u043e\u043b\u043e\u0442\u043e\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043f\u0440\u0435\u043c\u0438\u0443\u043c-\u043a\u043b\u0430\u0441\u0441\u0430<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<div class=\"section-divider\"><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"silver-partner\">\n<div class=\"partnership-card silver\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83e\udd48<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u0421\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u043e\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0421\u0435\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<div class=\"section-divider\"><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"institutional-partner\">\n<div class=\"partnership-card institutional\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83c\udfdb\ufe0f<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0438 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435 \u043f\u0440\u0435\u0432\u043e\u0441\u0445\u043e\u0434\u0441\u0442\u0432\u043e<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<div class=\"section-divider\"><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"media-partner\">\n<div class=\"partnership-card media\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83d\udcfa<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u041c\u0435\u0434\u0438\u0430\u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0423\u0441\u0438\u043b\u0435\u043d\u0438\u0435 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<\/div>\n<p><script>\n\/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043b\u0430\u0432\u043d\u0443\u044e \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443 \u043a \u044f\u043a\u043e\u0440\u044f\u043c \u0441 \u0442\u043e\u0447\u043d\u044b\u043c \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u0441\u0435\u0445 \u0441\u0441\u044b\u043b\u043e\u043a \u0441 \u044f\u043a\u043e\u0440\u044f\u043c\u0438\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n const targetId = this.getAttribute('href');\n if (targetId && targetId !== '#') {\n e.preventDefault();\n const target = document.querySelector(targetId);\n if (target) {\n \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432\u044b\u0441\u043e\u0442\u0443 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0448\u0430\u043f\u043a\u0438 (\u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c)\n const headerHeight = document.querySelector('header')?.offsetHeight || 80;<\/p>\n<p> \/\/ \u0412\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u043e\u0442\u0441\u0442\u0443\u043f\u0430\n const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;<\/p>\n<p> \/\/ \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430\n window.scrollTo({\n top: targetPosition,\n behavior: 'smooth'\n });<\/p>\n<p> \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0443 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0441\u0435\u043a\u0446\u0438\u0438\n target.classList.add('highlight');\n setTimeout(() => {\n target.classList.remove('highlight');\n }, 2000);\n }\n }\n });\n });<\/p>\n<p> \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u0440\u044f\u043c\u044b\u0445 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432 \u043f\u043e \u0445\u0435\u0448\u0443 \u0432 URL\n if (window.location.hash) {\n setTimeout(() => {\n const target = document.querySelector(window.location.hash);\n if (target) {\n const headerHeight = document.querySelector('header')?.offsetHeight || 80;\n const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;\n window.scrollTo({\n top: targetPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n});<\/p>\n<p>\/\/ \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0440\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435\nconst 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>\/\/ \u041f\u043b\u0430\u0432\u043d\u044b\u0439 \u0441\u043a\u0440\u043e\u043b\u043b \u043a \u0441\u0435\u043a\u0446\u0438\u044f\u043c\ndocument.querySelectorAll('.partnership-card').forEach(card => {\n card.addEventListener('click', function(e) {\n if (!e.target.closest('a')) {\n const email = this.querySelector('.contact-button');\n if (email) {\n email.click();\n }\n }\n });\n});<\/p>\n<p>\/\/ \u041f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u0437\u0430\u0437\u043e\u0440\u044b \u043c\u0435\u0436\u0434\u0443 \u0431\u043b\u043e\u043a\u043e\u043c \u0438 footer\ndocument.addEventListener('DOMContentLoaded', function() {\n const partnershipWrapper = document.querySelector('.partnerships-showcase');\n if (partnershipWrapper) {\n \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u0441\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b\n partnershipWrapper.style.marginBottom = '0';\n partnershipWrapper.style.paddingBottom = '0';<\/p>\n<p> \/\/ \u041d\u0430\u0445\u043e\u0434\u0438\u043c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b YOOtheme \u0438 \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u0438\u0445 \u043e\u0442\u0441\u0442\u0443\u043f\u044b\n let parent = partnershipWrapper.parentElement;\n while (parent && parent !== document.body) {\n if (parent.classList.contains('uk-section') || \n parent.classList.contains('tm-main') ||\n parent.classList.contains('uk-container')) {\n parent.style.paddingBottom = '0';\n parent.style.marginBottom = '0';\n }\n parent = parent.parentElement;\n }<\/p>\n<p> \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f \u0443 footer\n const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\n if (footer) {\n footer.style.marginTop = '0';\n if (footer.parentElement && footer.parentElement !== document.body) {\n footer.parentElement.style.marginTop = '0';\n }\n }<\/p>\n<p> \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0437\u0430\u0437\u043e\u0440 \u0447\u0435\u0440\u0435\u0437 100ms\n setTimeout(() => {\n if (footer && partnershipWrapper) {\n const wrapperRect = partnershipWrapper.getBoundingClientRect();\n const footerRect = footer.getBoundingClientRect();\n const gap = footerRect.top - wrapperRect.bottom;<\/p>\n<p> if (gap > 5) {\n partnershipWrapper.style.setProperty('--partnership-bottom-gap', `-${gap}px`);\n }\n }\n }, 100);<\/p>\n<p> \/\/ \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0434\u043b\u044f YOOtheme\n const ukSection = partnershipWrapper.closest('.uk-section');\n if (ukSection && ukSection.nextElementSibling) {\n ukSection.style.paddingBottom = '0';\n ukSection.style.marginBottom = '0';\n ukSection.nextElementSibling.style.marginTop = '0';\n }<\/p>\n<p> \/\/ \u0424\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0438 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435\n function removeGapCompletely() {\n setTimeout(() => {\n const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\n if (footer && partnershipWrapper) {\n const wrapperRect = partnershipWrapper.getBoundingClientRect();\n const footerRect = footer.getBoundingClientRect();\n const realGap = footerRect.top - wrapperRect.bottom;<\/p>\n<p> if (realGap > 2) {\n partnershipWrapper.style.marginBottom = `-${realGap}px`;\n }\n }\n }, 1000);\n }<\/p>\n<p> if (document.readyState === 'complete') {\n removeGapCompletely();\n } else {\n window.addEventListener('load', removeGapCompletely);\n }\n }\n});<\/p>\n<p>\/\/ \u041f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441 \u044d\u0444\u0444\u0435\u043a\u0442 \u0434\u043b\u044f \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432\nwindow.addEventListener('scroll', () => {\n const scrolled = window.pageYOffset;\n const patterns = document.querySelectorAll('.decorative-pattern');<\/p>\n<p> patterns.forEach((pattern, index) => {\n const speed = index % 2 === 0 ? 0.5 : -0.5;\n pattern.style.transform = `translateY(${scrolled * speed}px)`;\n });\n});\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<div>\n<p> <!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n <meta charset=\"UTF-8\"><br \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n <title>BIFA+ Featured Stories \/ Ambassadors Block<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ========= \u0413\u041b\u041e\u0411\u0410\u041b\u042c\u041d\u042b\u0415 \u041f\u0415\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415 BIFA+ ========= *\/\n:root {\n \/* \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 BIFA+ *\/\n --bifa-deep-navy: #0A1F44;\n --bifa-heritage-gold: #D4AF37;\n --bifa-civic-green: #1D6143;\n --bifa-bright-white: #FFFFFF;\n --bifa-soft-black: #1A1A1A;\n --bifa-gray-light: #F8F9FA;\n --bifa-gray: #6C757D;<\/p>\n<p> \/* \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0448\u0440\u0438\u0444\u0442\u044b BIFA+ *\/\n --bifa-font-heading: 'Montserrat', 'Cairo', sans-serif;\n --bifa-font-body: 'Poppins', 'Tajawal', sans-serif;\n --bifa-font-arabic: 'Cairo', 'Tajawal', 'GE SS Text', sans-serif;<\/p>\n<p> \/* \u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u043d\u0438 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u044b *\/\n --bifa-shadow-premium: 0 25px 80px rgba(10, 31, 68, 0.15);\n --bifa-shadow-hover: 0 35px 100px rgba(10, 31, 68, 0.2);\n --bifa-shadow-gold: 0 15px 40px rgba(212, 175, 55, 0.3);\n --bifa-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}<\/p>\n<p>\/* ========= RESET ========= *\/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}<\/p>\n<p>*, *::before, *::after {\n box-sizing: border-box;\n}<\/p>\n<p>html {\n scroll-behavior: smooth;\n}<\/p>\n<p>body {\n font-family: var(--bifa-font-body);\n overflow-x: hidden;\n background: var(--bifa-bright-white);\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: var(--bifa-soft-black);\n}<\/p>\n<p>\/* ========= FORCE BIFA+ STYLES PRIORITY ========= *\/\n.bifa-ambassadors-section h2,\n.bifa-ambassadors-section h3 {\n font-family: var(--bifa-font-heading) !important;\n -webkit-font-smoothing: antialiased !important;\n}<\/p>\n<p>.bifa-ambassadors-section p,\n.bifa-ambassadors-section span {\n font-family: var(--bifa-font-body) !important;\n -webkit-font-smoothing: antialiased !important;\n}<\/p>\n<p>\/* Force button text to be white *\/\nbutton.bifa-view-all-button,\nbutton.bifa-view-all-button span,\nbutton.bifa-view-all-button .bifa-button-text,\nbutton.bifa-view-all-button .bifa-ambassador-count {\n color: #FFFFFF !important;\n}<\/p>\n<p>\/* Force SVG icon to be white *\/\n.bifa-view-all-button svg,\n.bifa-view-all-button svg path {\n stroke: #FFFFFF !important;\n fill: none !important;\n}<\/p>\n<p>\/* Specific overrides for YooTheme *\/\n.bifa-ambassadors-section button {\n font-family: inherit;\n}<\/p>\n<p>\/* ========= AMBASSADORS SECTION WRAPPER ========= *\/\n.bifa-ambassadors-section-wrapper {\n width: 100vw;\n position: relative;\n left: 50%;\n margin-left: -50vw;\n background: transparent; \/* \u0411\u0435\u0437 \u0444\u043e\u043d\u0430 *\/\n overflow: hidden;\n}<\/p>\n<p>\/* ========= MAIN AMBASSADORS SECTION ========= *\/\n.bifa-ambassadors-section {\n padding: 100px 20px 80px;\n position: relative;\n background: transparent;\n}<\/p>\n<p>\/* ========= ANIMATED BACKGROUND ELEMENTS ========= *\/\n.bifa-ambassadors-bg-animation {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 1;\n top: 0;\n left: 0;\n}<\/p>\n<p>\/* \u0417\u043e\u043b\u043e\u0442\u044b\u0435 \u0447\u0430\u0441\u0442\u0438\u0446\u044b BIFA+ *\/\n.bifa-ambassadors-particle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n border-radius: 50%;\n animation: floatAmbassadors 20s infinite linear;\n box-shadow: 0 0 6px rgba(212, 175, 55, 0.2);\n opacity: 0.25;\n will-change: transform;\n}<\/p>\n<p>@keyframes floatAmbassadors {\n 0% {\n transform: translateY(100vh) translateX(0) rotate(0deg);\n opacity: 0;\n }\n 10% { opacity: 0.3; }\n 90% { opacity: 0.3; }\n 100% {\n transform: translateY(-100vh) translateX(70px) rotate(360deg);\n opacity: 0;\n }\n}<\/p>\n<p>\/* \u041f\u043b\u0430\u0432\u0430\u044e\u0449\u0438\u0435 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0444\u0438\u0433\u0443\u0440\u044b BIFA+ *\/\n.bifa-floating-shape-amb {\n position: absolute;\n border-radius: 50%;\n filter: blur(120px);\n animation: morphFloatAmbassadors 25s ease-in-out infinite;\n pointer-events: none;\n opacity: 0.4;\n}<\/p>\n<p>.bifa-shape-ambassadors-1 {\n width: 400px;\n height: 400px;\n background: radial-gradient(circle at 30% 30%, rgba(212, 175, 55, 0.07), transparent);\n top: -200px;\n right: -200px;\n}<\/p>\n<p>.bifa-shape-ambassadors-2 {\n width: 350px;\n height: 350px;\n background: radial-gradient(circle at 70% 70%, rgba(10, 31, 68, 0.05), transparent);\n bottom: -175px;\n left: -175px;\n animation-delay: 8s;\n}<\/p>\n<p>.bifa-shape-ambassadors-3 {\n width: 300px;\n height: 300px;\n background: radial-gradient(circle at 50% 50%, rgba(29, 97, 67, 0.06), transparent);\n top: 40%;\n left: 60%;\n animation-delay: 16s;\n}<\/p>\n<p>@keyframes morphFloatAmbassadors {\n 0%, 100% { \n transform: translate(0, 0) scale(1) rotate(0deg);\n filter: blur(120px);\n }\n 25% { \n transform: translate(100px, -80px) scale(1.2) rotate(90deg);\n filter: blur(140px);\n }\n 50% { \n transform: translate(-80px, 100px) scale(0.8) rotate(180deg);\n filter: blur(100px);\n }\n 75% { \n transform: translate(-100px, -60px) scale(1.1) rotate(270deg);\n filter: blur(130px);\n }\n}<\/p>\n<p>\/* ========= CONTAINER ========= *\/\n.bifa-ambassadors-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 10;\n}<\/p>\n<p>\/* ========= SECTION TITLE - Premium Style ========= *\/\n.bifa-ambassadors-title-wrapper {\n text-align: center;\n margin-bottom: 80px;\n}<\/p>\n<p>.bifa-ambassadors-section-title {\n font-family: var(--bifa-font-heading) !important;\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n font-weight: 900 !important;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent !important;\n position: relative;\n animation: fadeInUp 1s ease-out 0.3s both;\n line-height: 1.2;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: -0.5px;\n text-shadow: 0 2px 4px rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.bifa-ambassadors-section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--bifa-heritage-gold), #ffd700);\n animation: expandWidth 0.8s ease-out 1s both;\n border-radius: 2px;\n}<\/p>\n<p>.bifa-ambassadors-subtitle {\n font-family: var(--bifa-font-body) !important;\n font-size: 1.3rem;\n font-weight: 600 !important;\n color: var(--bifa-gray) !important;\n margin-top: 30px;\n animation: fadeInUp 1s ease-out 0.5s both;\n line-height: 1.6;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}<\/p>\n<p>\/* ========= AMBASSADORS GRID ========= *\/\n.bifa-ambassadors-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n margin-bottom: 60px;\n position: relative;\n transition: max-height 0.6s ease-out;\n}<\/p>\n<p>\/* Hide cards beyond the first 3 by default *\/\n.bifa-ambassador-card:nth-child(n+4) {\n display: none;\n opacity: 0;\n}<\/p>\n<p>\/* Show all cards when expanded *\/\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+4) {\n display: block;\n animation: fadeInUp 0.8s ease-out forwards;\n}<\/p>\n<p>\/* Stagger animations for expanded cards *\/\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\n animation-delay: 0.1s;\n}<\/p>\n<p>.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\n animation-delay: 0.2s;\n}<\/p>\n<p>.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\n animation-delay: 0.3s;\n}<\/p>\n<p>.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(7) {\n animation-delay: 0.4s;\n}<\/p>\n<p>.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(8) {\n animation-delay: 0.5s;\n}<\/p>\n<p>.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(9) {\n animation-delay: 0.6s;\n}<\/p>\n<p>\/* ========= AMBASSADOR CARD - Premium Style ========= *\/\n.bifa-ambassador-card {\n background: var(--bifa-bright-white) !important;\n border-radius: 25px;\n overflow: hidden;\n box-shadow: var(--bifa-shadow-premium);\n transition: var(--bifa-transition);\n animation: fadeInUp 1s ease-out both;\n border: 1px solid rgba(212, 175, 55, 0.1);\n position: relative;\n}<\/p>\n<p>.bifa-ambassador-card * {\n font-family: inherit !important;\n}<\/p>\n<p>.bifa-ambassador-card:nth-child(1) {\n animation-delay: 0.8s;\n}<\/p>\n<p>.bifa-ambassador-card:nth-child(2) {\n animation-delay: 1s;\n}<\/p>\n<p>.bifa-ambassador-card:nth-child(3) {\n animation-delay: 1.2s;\n}<\/p>\n<p>.bifa-ambassador-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--bifa-shadow-hover);\n border-color: rgba(212, 175, 55, 0.3);\n}<\/p>\n<p>\/* Ambassador Image Container *\/\n.bifa-ambassador-image {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n background: linear-gradient(135deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 2s infinite linear;\n}<\/p>\n<p>.bifa-ambassador-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.5s ease;\n}<\/p>\n<p>.bifa-ambassador-card:hover .bifa-ambassador-image img {\n transform: scale(1.1);\n}<\/p>\n<p>\/* Gold Overlay Effect *\/\n.bifa-ambassador-image::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, \n transparent 50%, \n rgba(10, 31, 68, 0.7) 100%\n );\n opacity: 0;\n transition: opacity 0.3s ease;\n}<\/p>\n<p>.bifa-ambassador-card:hover .bifa-ambassador-image::after {\n opacity: 1;\n}<\/p>\n<p>\/* Ambassador Content *\/\n.bifa-ambassador-content {\n padding: 35px 30px;\n position: relative;\n}<\/p>\n<p>.bifa-ambassador-name {\n font-family: var(--bifa-font-heading) !important;\n font-size: 1.5rem;\n font-weight: 900 !important;\n color: var(--bifa-deep-navy) !important;\n margin-bottom: 8px;\n line-height: 1.2;\n transition: color 0.3s ease;\n}<\/p>\n<p>.bifa-ambassador-card:hover .bifa-ambassador-name {\n color: var(--bifa-heritage-gold) !important;\n}<\/p>\n<p>.bifa-ambassador-role {\n font-family: var(--bifa-font-body) !important;\n font-size: 1rem;\n font-weight: 700 !important;\n color: var(--bifa-heritage-gold) !important;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}<\/p>\n<p>.bifa-ambassador-quote {\n font-family: var(--bifa-font-body) !important;\n font-size: 1.05rem;\n font-weight: 500 !important;\n line-height: 1.7;\n color: #4a5568 !important;\n font-style: italic;\n position: relative;\n padding-left: 25px;\n}<\/p>\n<p>.bifa-ambassador-quote::before {\n content: '\"';\n position: absolute;\n left: 0;\n top: -5px;\n font-size: 2.5rem;\n color: var(--bifa-heritage-gold);\n font-family: var(--bifa-font-heading);\n font-weight: 800;\n opacity: 0.3;\n}<\/p>\n<p>\/* Gold Badge for Special Ambassadors *\/\n.bifa-ambassador-badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n color: var(--bifa-deep-navy);\n padding: 8px 16px;\n border-radius: 50px;\n font-family: var(--bifa-font-heading);\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: var(--bifa-shadow-gold);\n opacity: 0;\n transform: translateY(-10px);\n animation: slideDown 0.5s ease-out 2s forwards;\n}<\/p>\n<p>@keyframes slideDown {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}<\/p>\n<p>\/* ========= VIEW ALL BUTTON ========= *\/\n.bifa-ambassadors-cta {\n text-align: center;\n margin-top: 60px;\n animation: fadeInUp 1s ease-out 1.2s both;\n}<\/p>\n<p>.bifa-view-all-button {\n \/* Reset button defaults first *\/\n background: none;\n border: none;\n font: inherit;\n cursor: pointer;\n outline: inherit;<\/p>\n<p> \/* Apply BIFA styles *\/\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n padding: 20px 50px !important;\n background: linear-gradient(135deg, #0A1F44, #162e5a) !important;\n color: #FFFFFF !important;\n text-decoration: none !important;\n border-radius: 50px;\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 800 !important;\n font-size: 1.15rem !important;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 25px 60px rgba(10, 31, 68, 0.3), \n 0 10px 20px rgba(10, 31, 68, 0.2),\n inset 0 -2px 4px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: hidden;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n border: 2px solid rgba(212, 175, 55, 0.2) !important;\n transform: translateZ(0);\n backface-visibility: hidden;\n}<\/p>\n<p>\/* Force white color for all button text elements *\/\n.bifa-view-all-button,\n.bifa-view-all-button * {\n color: var(--bifa-bright-white) !important;\n}<\/p>\n<p>.bifa-view-all-button span,\n.bifa-view-all-button .bifa-button-text {\n color: var(--bifa-bright-white) !important;\n}<\/p>\n<p>\/* Override any inherited styles *\/\n.bifa-ambassadors-section .bifa-view-all-button,\n.bifa-ambassadors-section .bifa-view-all-button *,\n.bifa-ambassadors-section-wrapper .bifa-view-all-button,\n.bifa-ambassadors-section-wrapper .bifa-view-all-button * {\n color: #FFFFFF !important;\n}<\/p>\n<p>\/* Force styles on hover too *\/\n.bifa-view-all-button:hover,\n.bifa-view-all-button:hover *,\n.bifa-view-all-button:focus,\n.bifa-view-all-button:focus *,\n.bifa-view-all-button:active,\n.bifa-view-all-button:active * {\n color: var(--bifa-bright-white) !important;\n}<\/p>\n<p>\/* Golden glow effect *\/\n.bifa-view-all-button::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 120%;\n height: 120%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n transform: translate(-50%, -50%) scale(0);\n transition: transform 0.5s ease;\n opacity: 0;\n}<\/p>\n<p>.bifa-view-all-button:hover::after {\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n}<\/p>\n<p>\/* Button text transitions *\/\n.bifa-button-text {\n transition: opacity 0.3s ease;\n font-weight: 700 !important;\n position: relative;\n z-index: 2;\n}<\/p>\n<p>.bifa-view-all-button svg {\n transition: transform 0.3s ease;\n position: relative;\n z-index: 2;\n}<\/p>\n<p>\/* Rotate arrow when expanded *\/\n.bifa-view-all-button.expanded svg {\n transform: rotate(90deg);\n}<\/p>\n<p>\/* Premium counter badge *\/\n.bifa-ambassador-count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n color: var(--bifa-deep-navy) !important;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n font-size: 1rem !important;\n font-weight: 900 !important;\n margin-left: 10px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);\n position: relative;\n z-index: 2;\n}<\/p>\n<p>.bifa-view-all-button:hover .bifa-ambassador-count {\n transform: scale(1.2) rotate(10deg);\n box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6);\n}<\/p>\n<p>\/* Button shimmer effect *\/\n.bifa-view-all-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transition: left 0.5s ease;\n z-index: 1;\n}<\/p>\n<p>.bifa-view-all-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 30px 80px rgba(10, 31, 68, 0.4), \n 0 15px 30px rgba(10, 31, 68, 0.3),\n inset 0 -2px 4px rgba(0, 0, 0, 0.1);\n background: linear-gradient(135deg, #162e5a, var(--bifa-deep-navy));\n}<\/p>\n<p>.bifa-view-all-button:hover::before {\n left: 100%;\n}<\/p>\n<p>\/* ========= ANIMATIONS ========= *\/\n@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>@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 120px;\n }\n}<\/p>\n<p>\/* ========= RESPONSIVE ========= *\/\n@media (max-width: 1024px) {\n .bifa-ambassadors-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 35px;\n }<\/p>\n<p> \/* Show only 2 cards on tablet *\/\n .bifa-ambassador-card:nth-child(n+3) {\n display: none;\n opacity: 0;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+3) {\n display: block;\n animation: fadeInUp 0.8s ease-out forwards;\n }<\/p>\n<p> \/* Stagger animations for expanded cards on mobile *\/\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\n animation-delay: 0.1s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\n animation-delay: 0.2s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\n animation-delay: 0.3s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\n animation-delay: 0.4s;\n }<\/p>\n<p> \/* Stagger animations for expanded cards on tablet *\/\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\n animation-delay: 0.1s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\n animation-delay: 0.2s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\n animation-delay: 0.3s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\n animation-delay: 0.4s;\n }\n}<\/p>\n<p>@media (max-width: 768px) {\n .bifa-ambassadors-section {\n padding: 80px 20px 60px;\n }<\/p>\n<p> .bifa-ambassadors-section-title {\n font-size: 2rem;\n }<\/p>\n<p> .bifa-ambassadors-subtitle {\n font-size: 1.1rem;\n }<\/p>\n<p> .bifa-ambassadors-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }<\/p>\n<p> \/* Show only 2 cards on mobile *\/\n .bifa-ambassador-card:nth-child(n+3) {\n display: none;\n opacity: 0;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+3) {\n display: block;\n animation: fadeInUp 0.8s ease-out forwards;\n }<\/p>\n<p> .bifa-ambassador-card {\n animation-delay: 0s !important;\n }<\/p>\n<p> .bifa-ambassador-image {\n height: 250px;\n }<\/p>\n<p> .bifa-ambassador-content {\n padding: 30px 25px;\n }<\/p>\n<p> .bifa-ambassador-name {\n font-size: 1.3rem;\n }<\/p>\n<p> .bifa-ambassador-role {\n font-size: 0.9rem;\n }<\/p>\n<p> .bifa-ambassador-quote {\n font-size: 1rem;\n }<\/p>\n<p> .bifa-view-all-button {\n padding: 16px 40px;\n font-size: 1.05rem !important;\n min-width: 220px;\n }<\/p>\n<p> .bifa-ambassador-count {\n width: 26px;\n height: 26px;\n font-size: 0.85rem !important;\n }\n}<\/p>\n<p>@media (max-width: 480px) {\n .bifa-ambassadors-section {\n padding: 60px 15px 50px;\n }<\/p>\n<p> .bifa-ambassadors-section-title {\n font-size: 1.8rem;\n }<\/p>\n<p> .bifa-ambassadors-subtitle {\n font-size: 1rem;\n margin-top: 20px;\n }<\/p>\n<p> .bifa-ambassadors-title-wrapper {\n margin-bottom: 60px;\n }<\/p>\n<p> \/* Show only 1 card on small mobile *\/\n .bifa-ambassador-card:nth-child(n+2) {\n display: none;\n opacity: 0;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+2) {\n display: block;\n animation: fadeInUp 0.8s ease-out forwards;\n }<\/p>\n<p> \/* Stagger animations for expanded cards on small mobile *\/\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(2) {\n animation-delay: 0.1s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\n animation-delay: 0.2s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\n animation-delay: 0.3s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\n animation-delay: 0.4s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\n animation-delay: 0.5s;\n }<\/p>\n<p> .bifa-ambassador-image {\n height: 220px;\n }<\/p>\n<p> .bifa-ambassador-content {\n padding: 25px 20px;\n }<\/p>\n<p> .bifa-ambassador-name {\n font-size: 1.2rem;\n }<\/p>\n<p> .bifa-ambassador-role {\n font-size: 0.85rem;\n }<\/p>\n<p> .bifa-ambassador-quote {\n font-size: 0.95rem;\n padding-left: 20px;\n }<\/p>\n<p> .bifa-ambassador-quote::before {\n font-size: 2rem;\n }<\/p>\n<p> .bifa-view-all-button {\n padding: 15px 35px;\n font-size: 1rem !important;\n min-width: 200px;\n }<\/p>\n<p> .bifa-ambassador-count {\n width: 24px;\n height: 24px;\n font-size: 0.8rem !important;\n }<\/p>\n<p> .bifa-ambassador-badge {\n font-size: 0.7rem;\n padding: 6px 12px;\n top: 15px;\n right: 15px;\n }\n}<\/p>\n<p>\/* ========= LOADING PLACEHOLDER ========= *\/\n.bifa-ambassador-placeholder {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n}<\/p>\n<p>@keyframes loading {\n 0% {\n background-position: 200% 0;\n }\n 100% {\n background-position: -200% 0;\n }\n}<\/p>\n<p>\/* ========= CAROUSEL INDICATORS (Desktop Hidden) ========= *\/\n.bifa-carousel-indicators {\n display: none;\n}<\/p>\n<p>\/* ========= ENSURE WHITE TEXT IN BUTTON ========= *\/\n.bifa-ambassadors-section-wrapper .bifa-view-all-button,\n.bifa-ambassadors-section-wrapper .bifa-view-all-button * {\n color: #FFFFFF !important;\n}<\/p>\n<p>.bifa-ambassadors-section-wrapper .bifa-ambassador-count {\n color: #0A1F44 !important;\n}\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"bifa-ambassadors-section-wrapper\">\n <\/p>\n<section class=\"bifa-ambassadors-section\">\n <\/p>\n<div class=\"bifa-ambassadors-bg-animation\">\n <\/p>\n<div class=\"bifa-floating-shape-amb bifa-shape-ambassadors-1\"><\/div>\n<div class=\"bifa-floating-shape-amb bifa-shape-ambassadors-2\"><\/div>\n<div class=\"bifa-floating-shape-amb bifa-shape-ambassadors-3\"><\/div>\n<p> \n <\/div>\n<div class=\"bifa-ambassadors-container\">\n<div class=\"bifa-ambassadors-title-wrapper\">\n<h2 class=\"bifa-ambassadors-section-title\">\u041f\u043e\u0434\u043b\u0438\u043d\u043d\u044b\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \/ \u041f\u043e\u0441\u043b\u044b<\/h2>\n<p class=\"bifa-ambassadors-subtitle\">\n \u0422\u0435\u043a\u0441\u0442 \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u043e \u043f\u043e\u0441\u043b\u0430\u0445 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d \u0437\u0434\u0435\u0441\u044c\n <\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassadors-grid\">\n <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-badge\">\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a<\/div>\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-1.jpg\" alt=\"Ambassador 1\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 1<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-2.jpg\" alt=\"Ambassador 2\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 2<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-badge\">\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a<\/div>\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-3.jpg\" alt=\"Ambassador 3\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 3<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-4.jpg\" alt=\"Ambassador 4\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 4<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-badge\">\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a<\/div>\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-5.jpg\" alt=\"Ambassador 5\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 5<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-6.jpg\" alt=\"Ambassador 6\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 6<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-carousel-indicators\"><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassadors-cta\">\n <button class=\"bifa-view-all-button\" onclick=\"BifaAmbassadors.toggleAllAmbassadors()\"><br \/>\n <span class=\"bifa-button-text\">\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435\u0445 \u043f\u043e\u0441\u043b\u043e\u0432<\/span><br \/>\n <span class=\"bifa-ambassador-count\">3<\/span><br \/>\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.5\">\n <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"#FFFFFF\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg><br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/section>\n<\/div>\n<p><script>\n\/\/ BIFA+ Premium Ambassadors Module\nconst BifaAmbassadors = {\n \/\/ Configuration\n config: {\n particleCount: 12,\n animationDelay: 100,\n observerThreshold: 0.1,\n visibleCards: 3,\n isExpanded: false,\n currentSlide: 0,\n autoScrollInterval: null,\n autoScrollDelay: 5000 \/\/ 5 seconds between slides\n },<\/p>\n<p> \/\/ Initialize\n init() {\n this.createParticles();\n this.setupIntersectionObserver();\n this.setupImageLazyLoading();\n this.setupHoverEffects();\n this.initializeToggleButton();\n this.initializeMobileCarousel();\n },<\/p>\n<p> \/\/ Initialize mobile carousel\n initializeMobileCarousel() {\n if (window.innerWidth > 768) return;<\/p>\n<p> const grid = document.querySelector('.bifa-ambassadors-grid');\n const cards = document.querySelectorAll('.bifa-ambassador-card');\n const indicatorsContainer = document.querySelector('.bifa-carousel-indicators');<\/p>\n<p> \/\/ Clear existing indicators\n indicatorsContainer.innerHTML = '';<\/p>\n<p> \/\/ Create indicators\n cards.forEach((_, index) => {\n const dot = document.createElement('button');\n dot.className = 'bifa-carousel-dot';\n dot.setAttribute('aria-label', `Go to ambassador ${index + 1}`);\n if (index === 0) dot.classList.add('active');\n dot.addEventListener('click', () => this.scrollToCard(index));\n indicatorsContainer.appendChild(dot);\n });<\/p>\n<p> \/\/ Setup scroll listener with debounce\n let scrollTimeout;\n grid.addEventListener('scroll', () => {\n clearTimeout(scrollTimeout);\n scrollTimeout = setTimeout(() => {\n this.updateActiveIndicator();\n }, 50);\n });<\/p>\n<p> \/\/ Start auto-scroll\n this.startAutoScroll();<\/p>\n<p> \/\/ Pause auto-scroll on interaction\n grid.addEventListener('touchstart', () => this.pauseAutoScroll());\n grid.addEventListener('mouseenter', () => this.pauseAutoScroll());\n grid.addEventListener('mouseleave', () => this.startAutoScroll());<\/p>\n<p> \/\/ Resume auto-scroll after touch ends\n grid.addEventListener('touchend', () => {\n setTimeout(() => this.startAutoScroll(), 1000);\n });\n },<\/p>\n<p> \/\/ Scroll to specific card\n scrollToCard(index) {\n const grid = document.querySelector('.bifa-ambassadors-grid');\n const cards = document.querySelectorAll('.bifa-ambassador-card');<\/p>\n<p> if (cards[index]) {\n const card = cards[index];\n const cardLeft = card.offsetLeft;\n const cardWidth = card.offsetWidth;\n const gridWidth = grid.offsetWidth;<\/p>\n<p> \/\/ Center the card in view\n const scrollPosition = cardLeft - (gridWidth - cardWidth) \/ 2;<\/p>\n<p> grid.scrollTo({\n left: scrollPosition,\n behavior: 'smooth'\n });<\/p>\n<p> this.config.currentSlide = index;\n this.updateActiveIndicator();\n }\n },<\/p>\n<p> \/\/ Update active indicator\n updateActiveIndicator() {\n const grid = document.querySelector('.bifa-ambassadors-grid');\n const cards = document.querySelectorAll('.bifa-ambassador-card');\n const dots = document.querySelectorAll('.bifa-carousel-dot');<\/p>\n<p> if (!cards.length) return;<\/p>\n<p> const scrollLeft = grid.scrollLeft;\n const gridWidth = grid.offsetWidth;<\/p>\n<p> \/\/ Find which card is most centered\n let closestIndex = 0;\n let closestDistance = Infinity;<\/p>\n<p> cards.forEach((card, index) => {\n const cardLeft = card.offsetLeft;\n const cardWidth = card.offsetWidth;\n const cardCenter = cardLeft + cardWidth \/ 2;\n const gridCenter = scrollLeft + gridWidth \/ 2;\n const distance = Math.abs(cardCenter - gridCenter);<\/p>\n<p> if (distance < closestDistance) {\n closestDistance = distance;\n closestIndex = index;\n }\n });\n \n \/\/ Update dots\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === closestIndex);\n });<\/p>\n<p> this.config.currentSlide = closestIndex;\n },<\/p>\n<p> \/\/ Start auto-scroll\n startAutoScroll() {\n if (window.innerWidth > 768) return;<\/p>\n<p> this.pauseAutoScroll();<\/p>\n<p> this.config.autoScrollInterval = setInterval(() => {\n const cards = document.querySelectorAll('.bifa-ambassador-card');\n const nextSlide = (this.config.currentSlide + 1) % cards.length;\n this.scrollToCard(nextSlide);\n }, this.config.autoScrollDelay);\n },<\/p>\n<p> \/\/ Pause auto-scroll\n pauseAutoScroll() {\n if (this.config.autoScrollInterval) {\n clearInterval(this.config.autoScrollInterval);\n this.config.autoScrollInterval = null;\n }\n },<\/p>\n<p> \/\/ Initialize toggle button\n initializeToggleButton() {\n const cards = document.querySelectorAll('.bifa-ambassador-card');\n const totalCards = cards.length;<\/p>\n<p> \/\/ Determine visible cards based on screen size\n let visibleCards = 3; \/\/ Desktop default\n if (window.innerWidth <= 480) {\n visibleCards = 1;\n } else if (window.innerWidth <= 1024) {\n visibleCards = 2;\n }\n \n const hiddenCards = totalCards - visibleCards;\n \n \/\/ Update count badge\n const countBadge = document.querySelector('.bifa-ambassador-count');\n if (countBadge && hiddenCards > 0) {\n countBadge.textContent = hiddenCards;\n }<\/p>\n<p> \/\/ Hide button if not enough cards or on mobile\n const ctaSection = document.querySelector('.bifa-ambassadors-cta');\n if (totalCards <= visibleCards || window.innerWidth <= 768) {\n ctaSection.style.display = 'none';\n } else {\n ctaSection.style.display = 'block';\n }\n \n \/\/ Store visible cards count\n this.config.visibleCards = visibleCards;\n \n \/\/ Update on window resize\n let resizeTimeout;\n window.addEventListener('resize', () => {\n clearTimeout(resizeTimeout);\n resizeTimeout = setTimeout(() => {\n \/\/ Reset state and reinitialize\n const grid = document.querySelector('.bifa-ambassadors-grid');\n const button = document.querySelector('.bifa-view-all-button');\n if (grid.classList.contains('expanded')) {\n grid.classList.remove('expanded');\n button.classList.remove('expanded');\n this.config.isExpanded = false;\n }\n this.initializeToggleButton();<\/p>\n<p> \/\/ Reinitialize carousel if needed\n if (window.innerWidth <= 768) {\n this.initializeMobileCarousel();\n } else {\n this.pauseAutoScroll();\n }\n }, 250);\n });\n },\n\n \/\/ Toggle all ambassadors\n toggleAllAmbassadors() {\n const grid = document.querySelector('.bifa-ambassadors-grid');\n const button = document.querySelector('.bifa-view-all-button');\n const buttonText = button.querySelector('.bifa-button-text');\n const countBadge = button.querySelector('.bifa-ambassador-count');\n \n this.config.isExpanded = !this.config.isExpanded;\n \n if (this.config.isExpanded) {\n \/\/ Expand\n grid.classList.add('expanded');\n button.classList.add('expanded');\n buttonText.textContent = 'Show Less';\n countBadge.style.display = 'none';\n \n \/\/ Smooth scroll to newly visible cards\n setTimeout(() => {\n const fourthCard = document.querySelector('.bifa-ambassador-card:nth-child(4)');\n if (fourthCard) {\n const rect = fourthCard.getBoundingClientRect();\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n const targetY = rect.top + scrollTop - 100;<\/p>\n<p> window.scrollTo({\n top: targetY,\n behavior: 'smooth'\n });\n }\n }, 100);\n } else {\n \/\/ Collapse\n grid.classList.remove('expanded');\n button.classList.remove('expanded');\n buttonText.textContent = 'View All Ambassadors';\n countBadge.style.display = 'inline-flex';<\/p>\n<p> \/\/ Scroll back to top of section\n const section = document.querySelector('.bifa-ambassadors-section');\n section.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n },<\/p>\n<p> \/\/ Create golden particles\n createParticles() {\n const particlesContainer = document.querySelector('.bifa-ambassadors-bg-animation');\n if (!particlesContainer) return;<\/p>\n<p> for (let i = 0; i < this.config.particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'bifa-ambassadors-particle';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 20 + 's';\n particle.style.animationDuration = (18 + Math.random() * 10) + 's';\n \n const size = 3 + Math.random() * 2;\n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n \n particlesContainer.appendChild(particle);\n }\n },\n\n \/\/ Setup intersection observer for animations\n setupIntersectionObserver() {\n if (!window.IntersectionObserver) return;\n\n const observerOptions = {\n threshold: this.config.observerThreshold,\n rootMargin: '50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('animate-in');<\/p>\n<p> \/\/ Special animation for badges\n const badge = entry.target.querySelector('.bifa-ambassador-badge');\n if (badge) {\n setTimeout(() => {\n badge.style.animation = 'slideDown 0.5s ease-out forwards';\n }, 500);\n }\n }\n });\n }, observerOptions);<\/p>\n<p> \/\/ Observe only visible cards initially\n const cards = document.querySelectorAll('.bifa-ambassador-card');\n cards.forEach((card, index) => {\n if (window.innerWidth <= 768 || index < this.config.visibleCards || this.config.isExpanded) {\n observer.observe(card);\n }\n });\n },\n\n \/\/ Setup lazy loading for images\n setupImageLazyLoading() {\n const images = document.querySelectorAll('.bifa-ambassador-image img');\n \n if ('loading' in HTMLImageElement.prototype) {\n images.forEach(img => {\n img.loading = 'lazy';\n });\n } else {\n \/\/ Fallback for browsers that don't support lazy loading\n const imageObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const img = entry.target;\n if (img.dataset.src) {\n img.src = img.dataset.src;\n img.removeAttribute('data-src');\n imageObserver.unobserve(img);\n }\n }\n });\n });<\/p>\n<p> images.forEach(img => imageObserver.observe(img));\n }\n },<\/p>\n<p> \/\/ Setup hover effects\n setupHoverEffects() {\n const cards = document.querySelectorAll('.bifa-ambassador-card');<\/p>\n<p> cards.forEach(card => {\n card.addEventListener('mouseenter', (e) => {\n this.createHoverParticles(e.currentTarget);\n });<\/p>\n<p> card.addEventListener('mouseleave', (e) => {\n this.removeHoverParticles(e.currentTarget);\n });\n });\n },<\/p>\n<p> \/\/ Create hover particles effect\n createHoverParticles(card) {\n const particleCount = 5;\n const cardRect = card.getBoundingClientRect();<\/p>\n<p> for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'hover-particle';\n particle.style.cssText = `\n position: absolute;\n width: 4px;\n height: 4px;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n border-radius: 50%;\n pointer-events: none;\n animation: hoverFloat 2s ease-out forwards;\n left: ${Math.random() * cardRect.width}px;\n top: ${cardRect.height}px;\n opacity: 0;\n z-index: 100;\n `;\n \n card.appendChild(particle);\n }\n },\n\n \/\/ Remove hover particles\n removeHoverParticles(card) {\n const particles = card.querySelectorAll('.hover-particle');\n particles.forEach(p => {\n p.style.animation = 'fadeOut 0.3s ease-out forwards';\n setTimeout(() => p.remove(), 300);\n });\n },<\/p>\n<p> \/\/ Handle ambassador card click\n handleCardClick(ambassadorId) {\n console.log('Ambassador clicked:', ambassadorId);\n \/\/ Add your navigation logic here\n }\n};<\/p>\n<p>\/\/ Initialize when DOM is ready\ndocument.addEventListener('DOMContentLoaded', () => {\n BifaAmbassadors.init();\n});<\/p>\n<p>\/\/ Performance optimization - pause animations when not visible\ndocument.addEventListener('visibilitychange', () => {\n const particles = document.querySelectorAll('.bifa-ambassadors-particle');\n const shapes = document.querySelectorAll('.bifa-floating-shape-amb');<\/p>\n<p> if (document.hidden) {\n particles.forEach(p => p.style.animationPlayState = 'paused');\n shapes.forEach(s => s.style.animationPlayState = 'paused');\n } else {\n particles.forEach(p => p.style.animationPlayState = 'running');\n shapes.forEach(s => s.style.animationPlayState = 'running');\n }\n});<\/p>\n<p>\/\/ Add hover particle animation\nconst style = document.createElement('style');\nstyle.textContent = `\n @keyframes hoverFloat {\n 0% {\n transform: translateY(0) scale(0);\n opacity: 1;\n }\n 100% {\n transform: translateY(-100px) scale(1.5);\n opacity: 0;\n }\n }<\/p>\n<p> @keyframes fadeOut {\n to {\n opacity: 0;\n transform: scale(0);\n }\n }\n`;\ndocument.head.appendChild(style);\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<p><br \/>\n\\n <link rel=\"\\\"preconnect\\\"\" href=\"\\\"https:\\\/\\\/fonts.googleapis.com\\\"\">\\n <link rel=\"\\\"preconnect\\\"\" href=\"\\\"https:\\\/\\\/fonts.gstatic.com\\\"\" crossorigin>\\n <link href=\"\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap\\\"\" rel=\"\\\"stylesheet\\\"\">\\n \\n <\/p>\n<style>\\n \\\/* ========= \\u0413\\u041b\\u041e\\u0411\\u0410\\u041b\\u042c\\u041d\\u042b\\u0415 \\u041f\\u0415\\u0420\\u0415\\u041c\\u0415\\u041d\\u041d\\u042b\\u0415 BIFA+ ========= *\\\/\\n :root {\\n \\\/* \\u041e\\u0444\\u0438\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0446\\u0432\\u0435\\u0442\\u0430 BIFA+ *\\\/\\n --bifa-deep-navy: #0A1F44;\\n --bifa-heritage-gold: #D4AF37;\\n --bifa-civic-green: #1D6143;\\n --bifa-bright-white: #FFFFFF;\\n --bifa-soft-black: #1A1A1A;\\n \\n \\\/* \\u041e\\u0444\\u0438\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0448\\u0440\\u0438\\u0444\\u0442\\u044b BIFA+ *\\\/\\n --bifa-font-heading: 'Montserrat', 'Cairo', sans-serif;\\n --bifa-font-body: 'Poppins', 'Tajawal', sans-serif;\\n --bifa-font-arabic: 'Cairo', 'Tajawal', 'GE SS Text', sans-serif;\\n }\\n\\n \\\/* ========= RESET ========= *\\\/\\n * {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n }\\n \\n body {\\n font-family: var(--bifa-font-body);\\n overflow-x: hidden;\\n background: var(--bifa-bright-white);\\n }\\n\\n \\\/* ========= \\u0410\\u041d\\u0418\\u041c\\u0410\\u0426\\u0418\\u0418 ========= *\\\/\\n @keyframes goldPulse {\\n 0%, 100% { opacity: 0.6; }\\n 50% { opacity: 1; }\\n }\\n\\n @keyframes float {\\n 0% {\\n transform: translateY(100vh) translateX(0);\\n opacity: 0;\\n }\\n 15% { opacity: 1; }\\n 85% { opacity: 1; }\\n 100% {\\n transform: translateY(-100vh) translateX(50px);\\n opacity: 0;\\n }\\n }\\n \\n @keyframes fadeInDown {\\n from {\\n opacity: 0;\\n transform: translateY(-40px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n }\\n\\n @keyframes fadeInUp {\\n from {\\n opacity: 0;\\n transform: translateY(40px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n }\\n\\n @keyframes partners-pulse {\\n 0%, 100% { \\n filter: brightness(1.1) drop-shadow(0 0 10px rgba(212, 175, 55, 0.4)); \\n transform: scale(1);\\n }\\n 50% { \\n filter: brightness(1.3) drop-shadow(0 0 20px rgba(212, 175, 55, 0.6)); \\n transform: scale(1.02);\\n }\\n }\\n\\n @keyframes partners-twinkle {\\n 0%, 100% { \\n opacity: 0.3; \\n transform: scale(1); \\n }\\n 50% { \\n opacity: 1; \\n transform: scale(1.5); \\n }\\n }\\n\\n @keyframes partners-float-neon {\\n 0%, 100% {\\n transform: translate(0, 0) scale(1);\\n }\\n 33% {\\n transform: translate(50px, -80px) scale(1.1);\\n }\\n 66% {\\n transform: translate(-50px, 50px) scale(0.9);\\n }\\n }\\n\\n @keyframes partners-rotate-slow {\\n from { transform: rotate(0deg); }\\n to { transform: rotate(360deg); }\\n }\\n\\n @keyframes textRotate {\\n 0% {\\n opacity: 0;\\n transform: translateY(-50%) translateY(20px);\\n }\\n 10% {\\n opacity: 1;\\n transform: translateY(-50%) translateY(0);\\n }\\n 40% {\\n opacity: 1;\\n transform: translateY(-50%) translateY(0);\\n }\\n 50% {\\n opacity: 0;\\n transform: translateY(-50%) translateY(-20px);\\n }\\n 100% {\\n opacity: 0;\\n transform: translateY(-50%) translateY(-20px);\\n }\\n }\\n\\n @keyframes textGlow {\\n 0%, 100% {\\n text-shadow: \\n 0 0 10px rgba(212, 175, 55, 0.3),\\n 0 0 20px rgba(212, 175, 55, 0.2),\\n 0 0 30px rgba(212, 175, 55, 0.1);\\n filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.2));\\n }\\n 50% {\\n text-shadow: \\n 0 0 15px rgba(212, 175, 55, 0.5),\\n 0 0 30px rgba(212, 175, 55, 0.4),\\n 0 0 45px rgba(212, 175, 55, 0.3),\\n 0 0 60px rgba(212, 175, 55, 0.2);\\n filter: drop-shadow(0 0 25px rgba(212, 175, 55, 0.3));\\n }\\n }\\n\\n \\\/* ========= \\u041e\\u0421\\u041d\\u041e\\u0412\\u041d\\u041e\\u0419 \\u041a\\u041e\\u041d\\u0422\\u0415\\u0419\\u041d\\u0415\\u0420 ========= *\\\/\\n .partners-section-wrapper {\\n width: 100vw;\\n position: relative;\\n left: 50%;\\n margin-left: -50vw;\\n background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);\\n overflow: hidden;\\n }\\n\\n \\\/* \\u0421\\u0432\\u044f\\u0437\\u0443\\u044e\\u0449\\u0430\\u044f \\u043b\\u0438\\u043d\\u0438\\u044f \\u0441 \\u043f\\u0440\\u0435\\u0434\\u044b\\u0434\\u0443\\u0449\\u0435\\u0439 \\u0441\\u0435\\u043a\\u0446\\u0438\\u0435\\u0439 *\\\/\\n .partners-section-wrapper::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 2px;\\n background: linear-gradient(90deg, \\n rgba(212, 175, 55, 0.3) 0%, \\n rgba(212, 175, 55, 0.8) 50%, \\n rgba(212, 175, 55, 0.3) 100%\\n );\\n box-shadow: \\n 0 0 10px rgba(212, 175, 55, 0.4),\\n 0 0 20px rgba(212, 175, 55, 0.2);\\n z-index: 100;\\n animation: goldPulse 3s ease-in-out infinite;\\n }\\n\\n .bifa-partners-container {\\n position: relative;\\n padding: 80px 0;\\n background: transparent;\\n overflow: hidden;\\n }\\n\\n .bifa-partners-container::before {\\n content: '';\\n position: absolute;\\n inset: 0;\\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.03), transparent 50%),\\n radial-gradient(circle at 70% 80%, rgba(10, 31, 68, 0.03), transparent 50%);\\n z-index: 0;\\n }\\n\\n \\\/* ========= \\u0427\\u0410\\u0421\\u0422\\u0418\\u0426\\u042b \\u0418 \\u0414\\u0415\\u041a\\u041e\\u0420\\u0410\\u0422\\u0418\\u0412\\u041d\\u042b\\u0415 \\u042d\\u041b\\u0415\\u041c\\u0415\\u041d\\u0422\\u042b ========= *\\\/\\n .bg-particles {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n z-index: 2;\\n }\\n\\n .particle {\\n position: absolute;\\n width: 4px;\\n height: 4px;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n border-radius: 50%;\\n animation: float 15s infinite linear;\\n box-shadow: 0 0 8px rgba(212, 175, 55, 0.3);\\n opacity: 0.3;\\n }\\n\\n .neon-elements {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n z-index: 0;\\n pointer-events: none;\\n }\\n\\n .neon-circle {\\n position: absolute;\\n border-radius: 50%;\\n filter: blur(40px);\\n animation: partners-float-neon 20s ease-in-out infinite;\\n }\\n\\n .neon-circle:nth-child(1) {\\n width: 300px;\\n height: 300px;\\n background: rgba(212, 175, 55, 0.08);\\n top: -150px;\\n left: -150px;\\n animation: partners-float-neon 18s ease-in-out infinite;\\n }\\n\\n .neon-circle:nth-child(2) {\\n width: 400px;\\n height: 400px;\\n background: rgba(10, 31, 68, 0.06);\\n bottom: -200px;\\n right: -200px;\\n animation: partners-float-neon 25s ease-in-out infinite;\\n animation-delay: 5s;\\n }\\n\\n .neon-circle:nth-child(3) {\\n width: 250px;\\n height: 250px;\\n background: rgba(29, 97, 67, 0.05);\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n animation: partners-float-neon 30s ease-in-out infinite;\\n animation-delay: 10s;\\n }\\n\\n .glow-dot {\\n position: absolute;\\n width: 4px;\\n height: 4px;\\n background: rgba(212, 175, 55, 0.8);\\n border-radius: 50%;\\n box-shadow: 0 0 10px rgba(212, 175, 55, 0.8);\\n animation: partners-twinkle 3s ease-in-out infinite;\\n }\\n\\n .glow-dot:nth-child(6) {\\n top: 15%;\\n right: 10%;\\n animation-delay: 0s;\\n }\\n\\n .glow-dot:nth-child(7) {\\n bottom: 25%;\\n left: 8%;\\n animation-delay: 1.5s;\\n }\\n\\n .glow-dot:nth-child(8) {\\n top: 70%;\\n right: 30%;\\n animation-delay: 2.5s;\\n }\\n\\n \\\/* ========= \\u041a\\u041e\\u041d\\u0422\\u0415\\u041d\\u0422 ========= *\\\/\\n .content-wrapper {\\n position: relative;\\n z-index: 2;\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: 0 40px;\\n }\\n\\n \\\/* ========= \\u0417\\u0410\\u0413\\u041e\\u041b\\u041e\\u0412\\u041e\\u041a \\u0421\\u0415\\u041a\\u0426\\u0418\\u0418 ========= *\\\/\\n .section-header {\\n text-align: center;\\n margin-bottom: 60px;\\n position: relative;\\n z-index: 1;\\n animation: fadeInDown 1.2s ease;\\n }\\n\\n .partners-title {\\n font-family: var(--bifa-font-heading);\\n font-size: clamp(3rem, 5vw, 4.5rem);\\n font-weight: 900;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n margin-bottom: 25px;\\n text-transform: uppercase;\\n position: relative;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n text-decoration: none;\\n display: inline-block;\\n }\\n\\n .partners-title::after {\\n content: '';\\n position: absolute;\\n bottom: -10px;\\n left: 50%;\\n transform: translateX(-50%);\\n width: 0;\\n height: 3px;\\n background: linear-gradient(90deg, var(--bifa-heritage-gold), #ffd700);\\n transition: width 0.4s ease;\\n }\\n\\n .partners-title:hover {\\n transform: translateY(-3px);\\n }\\n\\n .partners-title:hover::after {\\n width: 100%;\\n }\\n\\n \\\/* \\u041a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440 \\u0434\\u043b\\u044f \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438 \\u0441\\u043c\\u0435\\u043d\\u044b \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432 *\\\/\\n .subtitle-container {\\n position: relative;\\n height: 60px;\\n margin-bottom: 20px;\\n overflow: visible;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n }\\n\\n .partners-subtitle,\\n .partners-slogan {\\n font-family: var(--bifa-font-body);\\n font-size: clamp(1.2rem, 2.5vw, 1.8rem);\\n color: var(--bifa-deep-navy);\\n font-weight: 600;\\n letter-spacing: 2px;\\n position: absolute;\\n width: 100%;\\n left: 0;\\n top: 50%;\\n transform: translateY(-50%);\\n margin: 0;\\n text-align: center;\\n opacity: 0;\\n z-index: 2;\\n }\\n\\n .partners-subtitle {\\n animation: textRotate 8s ease-in-out infinite;\\n }\\n\\n .partners-slogan {\\n font-family: var(--bifa-font-heading);\\n font-weight: 700;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n animation: textRotate 8s ease-in-out infinite, textGlow 2s ease-in-out infinite;\\n animation-delay: 4s, 4s;\\n }\\n\\n .partners-description {\\n max-width: 900px;\\n margin: 0 auto;\\n font-family: var(--bifa-font-body);\\n font-size: clamp(1rem, 1.5vw, 1.2rem);\\n line-height: 1.8;\\n color: #4a5568;\\n font-weight: 400;\\n opacity: 0;\\n animation: fadeInUp 1s ease forwards;\\n animation-delay: 2s;\\n }\\n\\n .highlight {\\n font-weight: 700;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n }\\n\\n \\\/* ========= \\u041a\\u0410\\u0422\\u0415\\u0413\\u041e\\u0420\\u0418\\u0418 \\u041f\\u0410\\u0420\\u0422\\u041d\\u0415\\u0420\\u041e\\u0412 ========= *\\\/\\n .partner-categories {\\n margin-bottom: 50px;\\n position: relative;\\n z-index: 1;\\n animation: fadeInUp 1s ease-out 0.2s both;\\n }\\n\\n .category-tabs {\\n display: flex;\\n justify-content: center;\\n gap: 20px;\\n flex-wrap: wrap;\\n }\\n\\n .category-tab {\\n padding: 14px 35px;\\n background: rgba(255, 255, 255, 0.95);\\n backdrop-filter: blur(10px);\\n border: 2px solid rgba(212, 175, 55, 0.2);\\n border-radius: 50px;\\n font-weight: 600;\\n color: var(--bifa-deep-navy);\\n cursor: pointer;\\n transition: all 0.3s ease;\\n font-size: 1rem;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n font-family: var(--bifa-font-heading);\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n position: relative;\\n overflow: hidden;\\n }\\n\\n .category-tab::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: -100%;\\n width: 100%;\\n height: 100%;\\n background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\\n transition: left 0.5s ease;\\n }\\n\\n .category-tab:hover::before {\\n left: 100%;\\n }\\n\\n .category-tab:hover {\\n transform: translateY(-3px);\\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2);\\n border-color: var(--bifa-heritage-gold);\\n background: rgba(255, 255, 255, 1);\\n }\\n\\n .category-tab.active {\\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\\n color: var(--bifa-deep-navy);\\n border-color: transparent;\\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\\n font-weight: 800;\\n }\\n\\n \\\/* ========= \\u0421\\u0415\\u0422\\u041a\\u0410 \\u041f\\u0410\\u0420\\u0422\\u041d\\u0415\\u0420\\u041e\\u0412 ========= *\\\/\\n .partners-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\n gap: 30px;\\n margin-bottom: 60px;\\n position: relative;\\n z-index: 1;\\n animation: fadeInUp 1s ease-out 0.4s both;\\n }\\n\\n .partner-card {\\n background: rgba(255, 255, 255, 0.98);\\n backdrop-filter: blur(10px);\\n border-radius: 20px;\\n overflow: hidden;\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n cursor: pointer;\\n transition: all 0.3s ease;\\n position: relative;\\n border: 2px solid rgba(212, 175, 55, 0.1);\\n height: 250px;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n padding: 40px 30px;\\n }\\n\\n .partner-card::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: radial-gradient(circle at center, rgba(212, 175, 55, 0.05) 0%, transparent 70%);\\n opacity: 0;\\n transition: opacity 0.4s ease;\\n }\\n\\n .partner-card:hover {\\n transform: translateY(-10px);\\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\\n border-color: rgba(212, 175, 55, 0.3);\\n }\\n\\n .partner-card:hover::before {\\n opacity: 1;\\n }\\n\\n .partner-tier-badge {\\n position: absolute;\\n top: 15px;\\n right: 15px;\\n padding: 5px 12px;\\n border-radius: 20px;\\n font-size: 10px;\\n font-weight: 700;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n font-family: var(--bifa-font-heading);\\n backdrop-filter: blur(10px);\\n z-index: 2;\\n }\\n\\n .tier-platinum {\\n background: linear-gradient(135deg, #e5e7eb 0%, #9ca3af 100%);\\n color: #1f2937;\\n box-shadow: 0 2px 10px rgba(156, 163, 175, 0.4);\\n }\\n\\n .tier-gold {\\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\\n color: var(--bifa-deep-navy);\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.4);\\n }\\n\\n .tier-silver {\\n background: linear-gradient(135deg, #d1d5db 0%, #e5e7eb 100%);\\n color: #374151;\\n box-shadow: 0 2px 10px rgba(209, 213, 219, 0.4);\\n }\\n\\n .tier-media {\\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\\n color: white;\\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\\n }\\n .tier-strategic {\\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\\n color: white;\\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\\n }\\n .tier-institutional {\\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\\n color: white;\\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\\n }\\n\\n .partner-logo {\\n width: 100%;\\n max-width: 200px;\\n height: 100px;\\n object-fit: contain;\\n filter: grayscale(100%);\\n opacity: 0.7;\\n transition: all 0.3s ease;\\n position: relative;\\n z-index: 1;\\n }\\n\\n .partner-card:hover .partner-logo {\\n filter: grayscale(0%);\\n opacity: 1;\\n transform: scale(1.05);\\n }\\n\\n .partner-info {\\n text-align: center;\\n margin-top: 20px;\\n position: relative;\\n z-index: 1;\\n }\\n\\n .partner-name {\\n font-weight: 700;\\n color: var(--bifa-deep-navy);\\n font-size: 1.2rem;\\n margin-bottom: 5px;\\n transition: color 0.3s ease;\\n font-family: var(--bifa-font-heading);\\n }\\n\\n .partner-card:hover .partner-name {\\n color: var(--bifa-heritage-gold);\\n }\\n\\n .partner-description {\\n font-size: 0.9rem;\\n color: #64748b;\\n line-height: 1.4;\\n font-family: var(--bifa-font-body);\\n }\\n\\n \\\/* ========= CTA \\u0421\\u0415\\u041a\\u0426\\u0418\\u042f ========= *\\\/\\n .partners-cta {\\n text-align: center;\\n padding: 60px 40px;\\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.08) 100%);\\n backdrop-filter: blur(10px);\\n border-radius: 25px;\\n position: relative;\\n z-index: 1;\\n overflow: hidden;\\n animation: fadeInUp 1s ease-out 0.6s both;\\n border: 2px solid rgba(212, 175, 55, 0.2);\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n }\\n\\n .partners-cta::before {\\n content: '';\\n position: absolute;\\n top: -50%;\\n left: -50%;\\n width: 200%;\\n height: 200%;\\n background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 50%);\\n animation: partners-rotate-slow 20s linear infinite;\\n }\\n\\n .cta-title {\\n font-family: var(--bifa-font-heading);\\n font-size: 2.5rem;\\n font-weight: 900;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n margin-bottom: 20px;\\n position: relative;\\n z-index: 1;\\n }\\n\\n .cta-description {\\n font-size: 1.2rem;\\n color: var(--bifa-deep-navy);\\n margin-bottom: 30px;\\n line-height: 1.6;\\n position: relative;\\n z-index: 1;\\n font-family: var(--bifa-font-body);\\n }\\n\\n .cta-button {\\n display: inline-block;\\n padding: 18px 50px;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\\n color: var(--bifa-deep-navy);\\n text-decoration: none;\\n border-radius: 50px;\\n font-weight: 700;\\n font-size: 1.1rem;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n font-family: var(--bifa-font-heading);\\n transition: all 0.3s ease;\\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\\n position: relative;\\n z-index: 1;\\n overflow: hidden;\\n }\\n\\n .cta-button::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: -100%;\\n width: 100%;\\n height: 100%;\\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\\n transition: left 0.5s ease;\\n }\\n\\n .cta-button:hover::before {\\n left: 100%;\\n }\\n\\n .cta-button:hover {\\n transform: translateY(-3px);\\n box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\\n }\\n\\n \\\/* ========= \\u0421\\u041e\\u0421\\u0422\\u041e\\u042f\\u041d\\u0418\\u0415 \\u0417\\u0410\\u0413\\u0420\\u0423\\u0417\\u041a\\u0418 ========= *\\\/\\n .loading-container {\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n padding: 80px 20px;\\n text-align: center;\\n }\\n\\n .loading-content {\\n background: rgba(255, 255, 255, 0.95);\\n backdrop-filter: blur(10px);\\n border-radius: 20px;\\n padding: 40px 30px;\\n border: 2px solid rgba(212, 175, 55, 0.2);\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n position: relative;\\n overflow: hidden;\\n }\\n\\n .loading-icon {\\n font-size: 48px;\\n margin-bottom: 20px;\\n animation: partners-pulse 2s ease-in-out infinite;\\n }\\n\\n .loading-title {\\n font-size: 1.8rem;\\n font-weight: 700;\\n color: var(--bifa-deep-navy);\\n margin-bottom: 10px;\\n font-family: var(--bifa-font-heading);\\n }\\n\\n .loading-subtitle {\\n font-size: 1rem;\\n color: #64748b;\\n font-family: var(--bifa-font-body);\\n }\\n\\n \\\/* ========= RESPONSIVE DESIGN ========= *\\\/\\n @media (max-width: 1024px) {\\n .content-wrapper {\\n padding: 0 30px;\\n }\\n \\n .partners-grid {\\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\n gap: 25px;\\n }\\n\\n .partners-title {\\n font-size: 3rem;\\n }\\n }\\n\\n @media (max-width: 768px) {\\n .content-wrapper {\\n padding: 0 20px;\\n }\\n\\n .partners-title {\\n font-size: 2.5rem;\\n }\\n\\n .subtitle-container {\\n height: 50px;\\n }\\n\\n .partners-subtitle,\\n .partners-slogan {\\n font-size: 1.2rem;\\n }\\n\\n .partners-grid {\\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\\n gap: 20px;\\n }\\n\\n .partner-card {\\n height: 220px;\\n padding: 30px 20px;\\n }\\n\\n .cta-title {\\n font-size: 2rem;\\n }\\n\\n .cta-button {\\n padding: 15px 40px;\\n font-size: 1rem;\\n }\\n\\n .category-tab {\\n padding: 12px 25px;\\n font-size: 0.9rem;\\n }\\n }\\n\\n @media (max-width: 480px) {\\n .partners-grid {\\n grid-template-columns: 1fr;\\n }\\n\\n .partners-title {\\n font-size: 2rem;\\n }\\n\\n .subtitle-container {\\n height: 30px;\\n margin-bottom: 15px;\\n padding: 10px 0;\\n }\\n\\n .partners-subtitle,\\n .partners-slogan {\\n font-size: 1rem;\\n letter-spacing: 1px;\\n }\\n }\\n <\\\/style>\\n<\\\/head>\\n<body>\\n <\/p>\n<div class=\"\\\"partners-section-wrapper\\\"\">\\n \\n <\/p>\n<div class=\"\\\"bg-particles\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<section class=\"\\\"bifa-partners-container\\\"\">\\n \\n <\/p>\n<div class=\"\\\"neon-elements\\\"\">\\n <\/p>\n<div class=\"\\\"neon-circle\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"neon-circle\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"neon-circle\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"glow-dot\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"glow-dot\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"glow-dot\\\"\"><\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"content-wrapper\\\"\">\\n \\n <\/p>\n<div class=\"\\\"section-header\\\"\">\\n <\/p>\n<div class=\"\\\"partners-title\\\"\">Partners & Sponsors<\\\/div>\\n <\/p>\n<div class=\"\\\"subtitle-container\\\"\">\\n <\/p>\n<p class=\"\\\"partners-subtitle\\\"\">Together we create the future of Global South cooperation<\\\/p>\\n <\/p>\n<p class=\"\\\"partners-slogan\\\"\">Play with Spirit. Leading with Vision.<\\\/p>\\n <\\\/div>\\n <\/p>\n<p class=\"\\\"partners-description\\\"\">\\n A global network of <span class=\"\\\"highlight\\\"\">strategic partners<\\\/span> and \\n <span class=\"\\\"highlight\\\"\">innovative sponsors<\\\/span> supporting BIFA+'s mission to unite the \\n <span class=\"\\\"highlight\\\"\">Global South<\\\/span> through football, cultural exchange, and \\n <span class=\"\\\"highlight\\\"\">sports diplomacy<\\\/span>. From technology innovators to media giants, \\n our partners share our vision of creating bridges between nations and empowering the next generation.\\n <\\\/p>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partner-categories\\\"\">\\n <\/p>\n<div class=\"\\\"category-tabs\\\"\">\\n <button class=\"\\\"category-tab\" active\\\" onclick=\"\\\"filterPartners('all')\\\"\">All Partners<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('platinum')\\\"\">Platinum<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('gold')\\\"\">Gold<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('silver')\\\"\">Silver<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('media')\\\"\">Media Partners<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('strategic')\\\"\">Strategic Partners<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('institutional')\\\"\">Institutional Partners<\\\/button>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partners-grid\\\"\" id=\"\\\"partnersGrid\\\"\">\\n <\/p>\n<div class=\"\\\"loading-container\\\"\">\\n <\/p>\n<div class=\"\\\"loading-content\\\"\">\\n <\/p>\n<div class=\"\\\"loading-icon\\\"\">\\u2728<\\\/div>\\n <\/p>\n<h3 class=\"\\\"loading-title\\\"\">Building Together<\\\/h3>\\n <\/p>\n<p class=\"\\\"loading-subtitle\\\"\"> BIFA collaborates with governments, clubs, and innovators to grow football across the Global South. Official partners will be announced soon.<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partners-cta\\\"\">\\n <\/p>\n<h3 class=\"\\\"cta-title\\\"\">Join the Global BIFA+ Movement<\\\/h3>\\n <\/p>\n<p class=\"\\\"cta-description\\\"\">Partner with us to create a new future for international sports cooperation and Global South unity<\\\/p>\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/partners\\\/\\\"\" class=\"\\\"cta-button\\\"\">Partner with Us<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/section>\\n <\\\/div>\\n\\n <script>\\n \\\/\\\/ Partner data will be loaded from API\\n let partnersData = [];\\n\\n \\\/\\\/ Function to load partners from backend\\n async function loadPartners() {\\n try {\\n const response = await fetch('\\\/wp-json\\\/bifa\\\/v1\\\/partners');\\n if (!response.ok) {\\n throw new Error('Failed to load partners');\\n }\\n const data = await response.json();\\n partnersData = data;\\n displayPartners('all');\\n } catch (error) {\\n console.error('Error loading partners:', error);\\n showError();\\n }\\n }\\n\\n \\\/\\\/ Function to display partners\\n function displayPartners(filterType = 'all') {\\n const grid = document.getElementById('partnersGrid');\\n grid.innerHTML = '';\\n\\n \\\/\\\/ Filter partners\\n const filteredPartners = filterType === 'all' \\n ? partnersData \\n : partnersData.filter(partner => partner.type === filterType);\\n\\n \\\/\\\/ Sort by order\\n filteredPartners.sort((a, b) => a.order - b.order);\\n\\n if (filteredPartners.length === 0) {\\n grid.innerHTML = `\\n <\/p>\n<div class=\"\\\"loading-container\\\"\" style=\"\\\"grid-column:\" 1 \\>\\n <\/p>\n<div class=\"\\\"loading-content\\\"\">\\n <\/p>\n<div class=\"\\\"loading-icon\\\"\">\\ud83e\\udd1d<\\\/div>\\n <\/p>\n<h3 class=\"\\\"loading-title\\\"\">Building Together<\\\/h3>\\n <\/p>\n<p class=\"\\\"loading-subtitle\\\"\">BIFA collaborates with governments, clubs, and innovators to grow football across the Global South. Official partners will be announced soon<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n `;\\n return;\\n }\\n\\n \\\/\\\/ Create partner cards\\n filteredPartners.forEach(partner => {\\n const card = createPartnerCard(partner);\\n grid.appendChild(card);\\n });\\n\\n \\\/\\\/ Add animation delay to cards\\n const cards = grid.querySelectorAll('.partner-card');\\n cards.forEach((card, index) => {\\n card.style.animationDelay = `${index * 0.1}s`;\\n });\\n }\\n\\n \\\/\\\/ Function to create partner card\\n function createPartnerCard(partner) {\\n const card = document.createElement('div');\\n card.className = 'partner-card';\\n card.style.animation = 'fadeInUp 0.6s ease-out both';\\n\\n \\\/\\\/ Tier badge\\n const tierBadge = document.createElement('div');\\n tierBadge.className = `partner-tier-badge tier-${partner.type}`;\\n tierBadge.textContent = partner.type;\\n\\n \\\/\\\/ Logo\\n const logo = document.createElement('img');\\n logo.className = 'partner-logo';\\n logo.src = partner.logo_url;\\n logo.alt = partner.name;\\n logo.loading = 'lazy';\\n\\n \\\/\\\/ Info container\\n const info = document.createElement('div');\\n info.className = 'partner-info';\\n\\n const name = document.createElement('h3');\\n name.className = 'partner-name';\\n name.textContent = partner.name;\\n\\n const description = document.createElement('p');\\n description.className = 'partner-description';\\n description.textContent = partner.description || '';\\n\\n info.appendChild(name);\\n if (partner.description) {\\n info.appendChild(description);\\n }\\n\\n \\\/\\\/ Assemble card\\n card.appendChild(tierBadge);\\n card.appendChild(logo);\\n card.appendChild(info);\\n\\n \\\/\\\/ Add click handler\\n if (partner.website) {\\n card.style.cursor = 'pointer';\\n card.onclick = () => window.open(partner.website, '_blank');\\n }\\n\\n return card;\\n }\\n\\n \\\/\\\/ Function to filter partners\\n function filterPartners(type) {\\n \\\/\\\/ Update active tab\\n document.querySelectorAll('.category-tab').forEach(tab => {\\n tab.classList.remove('active');\\n });\\n event.target.classList.add('active');\\n\\n \\\/\\\/ Display filtered partners\\n displayPartners(type);\\n }\\n\\n \\\/\\\/ Function to show error state\\n function showError() {\\n const grid = document.getElementById('partnersGrid');\\n grid.innerHTML = `\\n <\/p>\n<div class=\"\\\"loading-container\\\"\" style=\"\\\"grid-column:\" 1 \\>\\n <\/p>\n<div class=\"\\\"loading-content\\\"\">\\n <\/p>\n<div class=\"\\\"loading-icon\\\"\">\\u26a0\\ufe0f<\\\/div>\\n <\/p>\n<h3 class=\"\\\"loading-title\\\"\">Loading Error<\\\/h3>\\n <\/p>\n<p class=\"\\\"loading-subtitle\\\"\">Please refresh the page<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n `;\\n }\\n\\n \\\/\\\/ Initialize on page load\\n document.addEventListener('DOMContentLoaded', function() {\\n loadPartners();\\n\\n \\\/\\\/ Create optimized floating particles (reduced count for performance)\\n const particlesContainer = document.querySelector('.bg-particles');\\n const particleCount = 15; \\\/\\\/ Reduced for better performance\\n\\n for (let i = 0; i < particleCount; i++) {\\n const particle = document.createElement('div');\\n particle.className = 'particle';\\n particle.style.left = Math.random() * 100 + '%';\\n particle.style.animationDelay = Math.random() * 15 + 's';\\n particle.style.animationDuration = (12 + Math.random() * 6) + 's';\\n \\n const size = 3 + Math.random() * 3; \\\/\\\/ Smaller particles\\n particle.style.width = size + 'px';\\n particle.style.height = size + 'px';\\n \\n particlesContainer.appendChild(particle);\\n }\\n });\\n <\\\/script>\\n<\\\/body>\\n<\\\/html>\"}},{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\"\\\"en\\\"\">\\n<head>\\n<meta charset=\"\\\"UTF-8\\\"\">\\n<meta name=\"\\\"viewport\\\"\" content=\"\\\"width=device-width,\" initial-scale=\"1.0\\\"\">\\n<title>BIFA+ - Become a Partner<\\\/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<\/p>\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;\\n \\n --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 --bg-gradient: linear-gradient(135deg, rgba(10, 31, 68, 0.03) 0%, rgba(212, 175, 55, 0.03) 100%);\\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}\\n\\n\\\/* \\u0411\\u0430\\u0437\\u043e\\u0432\\u044b\\u0435 \\u0441\\u0442\\u0438\\u043b\\u0438 *\\\/\\n* { \\n box-sizing: border-box; \\n margin: 0;\\n padding: 0;\\n}\\n\\nbody { \\n font-family: 'Poppins', sans-serif;\\n background: var(--bright-white);\\n color: var(--text-primary);\\n line-height: 1.6;\\n}\\n\\n\\\/* \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438 *\\\/\\n@keyframes float { \\n 0%, 100% { transform: translateY(0); opacity: 1; }\\n 50% { transform: translateY(-10px); opacity: 0.8; }\\n}\\n\\n@keyframes fadeIn { \\n from { opacity: 0; transform: translateY(20px); }\\n to { opacity: 1; transform: translateY(0); }\\n}\\n\\n@keyframes spin { to { transform: rotate(360deg); } }\\n\\n\\\/* \\u0424\\u043e\\u0440\\u043c\\u0430 \\u0440\\u0435\\u0433\\u0438\\u0441\\u0442\\u0440\\u0430\\u0446\\u0438\\u0438 - \\u0411\\u0415\\u0417 \\u0412\\u0415\\u0420\\u0425\\u041d\\u0415\\u0419 \\u0413\\u0420\\u0410\\u041d\\u0418\\u0426\\u042b *\\\/\\n.registration-section {\\n position: relative;\\n width: 100vw;\\n margin-left: calc(-50vw + 50%);\\n padding: 80px 0;\\n background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);\\n overflow: hidden;\\n}\\n\\n\\\/* \\u0424\\u043e\\u043d\\u043e\\u0432\\u044b\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b \\u043a\\u0430\\u043a \\u0432 \\u043f\\u0435\\u0440\\u0432\\u043e\\u0439 \\u0447\\u0430\\u0441\\u0442\\u0438 *\\\/\\n.registration-section::before {\\n content: '';\\n position: absolute;\\n inset: 0;\\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.03), transparent 50%),\\n radial-gradient(circle at 70% 80%, rgba(10, 31, 68, 0.03), transparent 50%);\\n z-index: 0;\\n}\\n\\n\\\/* \\u0427\\u0430\\u0441\\u0442\\u0438\\u0446\\u044b *\\\/\\n.particles {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n z-index: 1;\\n}\\n\\n.particle {\\n position: absolute;\\n width: 4px;\\n height: 4px;\\n background: rgba(212, 175, 55, 0.2);\\n border-radius: 50%;\\n animation: float 15s ease-in-out infinite;\\n}\\n\\n.particle:nth-child(2n) { background: rgba(10, 31, 68, 0.15); animation-duration: 18s; }\\n.particle:nth-child(3n) { background: rgba(29, 97, 67, 0.1); animation-duration: 20s; }\\n\\n\\\/* \\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 wrapper *\\\/\\n.content-wrapper {\\n position: relative;\\n z-index: 2;\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: 0 40px;\\n}\\n\\n.form-container {\\n max-width: 800px;\\n margin: 0 auto;\\n background: rgba(255, 255, 255, 0.98);\\n backdrop-filter: blur(10px);\\n border-radius: 20px;\\n padding: 50px;\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n position: relative;\\n z-index: 2;\\n animation: fadeIn 1.2s ease-out;\\n border: 2px solid rgba(212, 175, 55, 0.1);\\n}\\n\\n.form-header {\\n text-align: center;\\n margin-bottom: 40px;\\n}\\n\\n.form-header h3 {\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 800;\\n font-size: clamp(2rem, 4vw, 3rem);\\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n margin: 0 0 20px;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n position: relative;\\n display: inline-block;\\n}\\n\\n.form-header h3:after {\\n content: '';\\n position: absolute;\\n bottom: -10px;\\n left: 50%;\\n transform: translateX(-50%);\\n width: 120px;\\n height: 5px;\\n background: var(--heritage-gold);\\n border-radius: 3px;\\n}\\n\\n.form-header p {\\n font-family: 'Poppins', sans-serif;\\n font-size: clamp(1rem, 1.5vw, 1.2rem);\\n color: var(--text-secondary);\\n margin: 20px 0 0;\\n line-height: 1.8;\\n}\\n\\n\\\/* \\u0421\\u0442\\u0438\\u043b\\u0438 \\u0444\\u043e\\u0440\\u043c\\u044b *\\\/\\n.registration-form {\\n display: grid;\\n gap: 25px;\\n}\\n\\n.form-row {\\n display: grid;\\n grid-template-columns: 1fr 1fr;\\n gap: 25px;\\n}\\n\\n.form-group {\\n position: relative;\\n}\\n\\n.form-group.full-width {\\n grid-column: 1 \\\/ -1;\\n}\\n\\n.form-label {\\n font-family: 'Poppins', sans-serif;\\n font-weight: 600;\\n font-size: 14px;\\n color: var(--deep-navy);\\n margin-bottom: 8px;\\n display: block;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n}\\n\\n.form-label .required {\\n color: #dc2626;\\n margin-left: 4px;\\n}\\n\\n.form-input,\\n.form-select,\\n.form-textarea {\\n width: 100%;\\n padding: 14px 20px;\\n background: var(--bright-white);\\n border: 2px solid #e5e7eb;\\n border-radius: var(--radius);\\n font-family: 'Poppins', sans-serif;\\n font-size: 15px;\\n color: var(--text-primary);\\n transition: var(--transition);\\n outline: none;\\n}\\n\\n.form-input:focus,\\n.form-select:focus,\\n.form-textarea:focus {\\n border-color: var(--heritage-gold);\\n box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);\\n}\\n\\n.form-textarea {\\n min-height: 120px;\\n resize: vertical;\\n}\\n\\n.form-select {\\n cursor: pointer;\\n appearance: none;\\n background-image: url(\\\"data:image\\\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\\\/\\\/www.w3.org\\\/2000\\\/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\\\/polyline%3e%3c\\\/svg%3e\\\");\\n background-repeat: no-repeat;\\n background-position: right 20px center;\\n background-size: 20px;\\n padding-right: 50px;\\n}\\n\\n\\\/* \\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043e\\u0442\\u043f\\u0440\\u0430\\u0432\\u043a\\u0438 *\\\/\\n.submit-button {\\n background: linear-gradient(135deg, var(--heritage-gold) 0%, #ffd700 100%);\\n color: var(--deep-navy);\\n border: none;\\n padding: 16px 40px;\\n border-radius: 50px;\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 700;\\n font-size: 16px;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n cursor: pointer;\\n transition: var(--transition);\\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\\n width: 100%;\\n margin-top: 20px;\\n position: relative;\\n overflow: hidden;\\n}\\n\\n.submit-button::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: -100%;\\n width: 100%;\\n height: 100%;\\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\\n transition: left 0.5s ease;\\n}\\n\\n.submit-button:hover::before {\\n left: 100%;\\n}\\n\\n.submit-button:hover {\\n transform: translateY(-3px);\\n box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\\n}\\n\\n.submit-button:active {\\n transform: translateY(-1px);\\n}\\n\\n\\\/* \\u0421\\u043e\\u043e\\u0431\\u0449\\u0435\\u043d\\u0438\\u044f \\u043e\\u0431 \\u0443\\u0441\\u043f\\u0435\\u0445\\u0435\\\/\\u043e\\u0448\\u0438\\u0431\\u043a\\u0435 *\\\/\\n.message {\\n padding: 16px 20px;\\n border-radius: var(--radius);\\n margin-bottom: 20px;\\n font-family: 'Poppins', sans-serif;\\n font-size: 15px;\\n display: none;\\n animation: fadeIn 0.5s ease-out;\\n}\\n\\n.message.success {\\n background: #10b981;\\n color: white;\\n}\\n\\n.message.error {\\n background: #ef4444;\\n color: white;\\n}\\n\\n\\\/* \\u0418\\u043d\\u0444\\u043e\\u0440\\u043c\\u0430\\u0446\\u0438\\u043e\\u043d\\u043d\\u044b\\u0439 \\u0431\\u043b\\u043e\\u043a \\u043f\\u043e\\u0434 \\u0444\\u043e\\u0440\\u043c\\u043e\\u0439 *\\\/\\n.info-section {\\n margin-top: 80px;\\n position: relative;\\n z-index: 2;\\n}\\n\\n.info-cards {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\n gap: 30px;\\n max-width: 1000px;\\n margin: 0 auto;\\n}\\n\\n.info-card {\\n background: rgba(255, 255, 255, 0.98);\\n backdrop-filter: blur(10px);\\n padding: 40px 30px;\\n border-radius: 20px;\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n transition: var(--transition);\\n text-align: center;\\n border: 2px solid rgba(212, 175, 55, 0.1);\\n}\\n\\n.info-card:hover {\\n transform: translateY(-5px);\\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\\n border-color: rgba(212, 175, 55, 0.3);\\n}\\n\\n.info-icon {\\n width: 70px;\\n height: 70px;\\n background: linear-gradient(135deg, var(--heritage-gold) 0%, #ffd700 100%);\\n border-radius: 50%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n font-size: 32px;\\n margin: 0 auto 20px;\\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\\n}\\n\\n.info-title {\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 700;\\n font-size: 22px;\\n color: var(--deep-navy);\\n margin: 0 0 15px;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n}\\n\\n.info-text {\\n font-family: 'Poppins', sans-serif;\\n font-size: 15px;\\n color: var(--text-secondary);\\n line-height: 1.8;\\n margin: 0;\\n}\\n\\n\\\/* \\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0430 *\\\/\\n.spinner {\\n width: 20px;\\n height: 20px;\\n border: 3px solid rgba(10, 31, 68, 0.1);\\n border-top-color: var(--deep-navy);\\n border-radius: 50%;\\n animation: spin 1s linear infinite;\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n\\\/* \\u041c\\u043e\\u0431\\u0438\\u043b\\u044c\\u043d\\u0430\\u044f \\u0432\\u0435\\u0440\\u0441\\u0438\\u044f *\\\/\\n@media (max-width: 768px) {\\n .content-wrapper {\\n padding: 0 20px;\\n }\\n \\n .form-container { \\n padding: 30px 20px; \\n }\\n \\n .form-row { \\n grid-template-columns: 1fr; \\n }\\n \\n .form-header h3 { \\n font-size: 28px; \\n }\\n \\n .info-cards { \\n grid-template-columns: 1fr; \\n }\\n}\\n<\\\/style>\\n<\\\/head>\\n<body>\\n\\n\\n<\/p>\n<div class=\"\\\"registration-section\\\"\">\\n <\/p>\n<div class=\"\\\"particles\\\"\">\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:10%;animation-delay:0s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:30%;animation-delay:2s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:50%;animation-delay:4s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:70%;animation-delay:6s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:90%;animation-delay:8s\\\"\"><\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"content-wrapper\\\"\">\\n <\/p>\n<div class=\"\\\"form-container\\\"\">\\n <\/p>\n<div class=\"\\\"form-header\\\"\">\\n <\/p>\n<h3>Become a BIFA+ Partner<\\\/h3>\\n <\/p>\n<p>Join our global network of organizations committed to fostering economic cooperation and sustainable development across BRICS+ nations.<\\\/p>\\n <\\\/div>\\n\\n <\/p>\n<div id=\"\\\"successMessage\\\"\" class=\"\\\"message\" success\\\">\\n Thank you for your interest! Your application has been submitted successfully. We will contact you soon.\\n <\\\/div>\\n <\/p>\n<div id=\"\\\"errorMessage\\\"\" class=\"\\\"message\" error\\\">\\n There was an error submitting your application. Please try again or contact us directly.\\n <\\\/div>\\n\\n <\/p>\n<form class=\"\\\"registration-form\\\"\" id=\"\\\"partnerForm\\\"\" onsubmit=\"\\\"handleFormSubmit(event)\\\"\" action=\"\">\\n <\/p>\n<div class=\"\\\"form-row\\\"\">\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"name\\\"\">\\n Full Name <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <input type=\"\\\"text\\\"\" id=\"\\\"name\\\"\" name=\"\\\"name\\\"\" class=\"\\\"form-input\\\"\" required>\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"organization\\\"\">\\n Organization <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <input type=\"\\\"text\\\"\" id=\"\\\"organization\\\"\" name=\"\\\"organization\\\"\" class=\"\\\"form-input\\\"\" required>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"form-row\\\"\">\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"email\\\"\">\\n Email Address <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <input type=\"\\\"email\\\"\" id=\"\\\"email\\\"\" name=\"\\\"email\\\"\" class=\"\\\"form-input\\\"\" required>\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"phone\\\"\">\\n Phone Number <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <input type=\"\\\"tel\\\"\" id=\"\\\"phone\\\"\" name=\"\\\"phone\\\"\" class=\"\\\"form-input\\\"\" required>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"form-row\\\"\">\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"country\\\"\">\\n Country <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <input type=\"\\\"text\\\"\" id=\"\\\"country\\\"\" name=\"\\\"country\\\"\" class=\"\\\"form-input\\\"\" required>\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"partnershipType\\\"\">\\n Partnership Type <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <select id=\"\\\"partnershipType\\\"\" name=\"\\\"partnershipType\\\"\" class=\"\\\"form-select\\\"\" required>\\n<option value=\"\\\"\\\"\">Select Partnership Type<\\\/option>\\n<option value=\"\\\"platinum\\\"\">Platinum Partner<\\\/option>\\n<option value=\"\\\"strategic\\\"\">Strategic Partner<\\\/option>\\n<option value=\"\\\"gold\\\"\">Gold Partner<\\\/option>\\n<option value=\"\\\"silver\\\"\">Silver Partner<\\\/option>\\n<option value=\"\\\"institutional\\\"\">Institutional Partner<\\\/option>\\n<option value=\"\\\"media\\\"\">Media Partner<\\\/option>\\n <\\\/select>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"form-group\" full-width\\\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"message\\\"\">\\n Message <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <textarea id=\"\\\"message\\\"\" name=\"\\\"message\\\"\" class=\"\\\"form-textarea\\\"\" required \\n placeholder=\"\\\"Please\" tell us about your organization and how you'd like to partner with bifa+\\\"><\\\/textarea>\\n <\\\/div>\\n\\n <button type=\"\\\"submit\\\"\" class=\"\\\"submit-button\\\"\" id=\"\\\"submitBtn\\\"\">\\n Submit Application\\n <\\\/button>\\n <\\\/form>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"info-section\\\"\">\\n <\/p>\n<div class=\"\\\"info-cards\\\"\">\\n <\/p>\n<div class=\"\\\"info-card\\\"\">\\n <\/p>\n<div class=\"\\\"info-icon\\\"\">\\ud83e\\udd1d<\\\/div>\\n <\/p>\n<h4 class=\"\\\"info-title\\\"\">Partnership Benefits<\\\/h4>\\n <\/p>\n<p class=\"\\\"info-text\\\"\">Access exclusive networking opportunities, participate in high-level forums, and shape the future of international trade.<\\\/p>\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"info-card\\\"\">\\n <\/p>\n<div class=\"\\\"info-icon\\\"\">\\ud83c\\udf10<\\\/div>\\n <\/p>\n<h4 class=\"\\\"info-title\\\"\">Global Reach<\\\/h4>\\n <\/p>\n<p class=\"\\\"info-text\\\"\">Connect with organizations across BRICS+ nations and expand your business presence in emerging markets.<\\\/p>\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"info-card\\\"\">\\n <\/p>\n<div class=\"\\\"info-icon\\\"\">\\ud83d\\udcc8<\\\/div>\\n <\/p>\n<h4 class=\"\\\"info-title\\\"\">Growth Opportunities<\\\/h4>\\n <\/p>\n<p class=\"\\\"info-text\\\"\">Discover new investment opportunities and partnerships that drive sustainable economic growth.<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n<\\\/div>\\n\\n<script>\\n\\\/\\\/ \\u0424\\u043e\\u0440\\u043c\\u0430 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0438\\nasync function handleFormSubmit(event) {\\n event.preventDefault();\\n \\n const form = event.target;\\n const submitBtn = document.getElementById('submitBtn');\\n const successMsg = document.getElementById('successMessage');\\n const errorMsg = document.getElementById('errorMessage');\\n \\n \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043e\\u043e\\u0431\\u0449\\u0435\\u043d\\u0438\\u044f\\n successMsg.style.display = 'none';\\n errorMsg.style.display = 'none';\\n \\n \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0443\\n const originalText = submitBtn.innerHTML;\\n submitBtn.innerHTML = '<span class=\"\\\"spinner\\\"\"><\\\/span> Submitting...';\\n submitBtn.disabled = true;\\n \\n \\\/\\\/ \\u0421\\u043e\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0434\\u0430\\u043d\\u043d\\u044b\\u0435 \\u0444\\u043e\\u0440\\u043c\\u044b\\n const formData = new FormData(form);\\n const data = {\\n name: formData.get('name'),\\n organization: formData.get('organization'),\\n email: formData.get('email'),\\n phone: formData.get('phone'),\\n country: formData.get('country'),\\n partnershipType: formData.get('partnershipType'),\\n message: formData.get('message')\\n };\\n \\n try {\\n \\\/\\\/ \\u041e\\u0442\\u043f\\u0440\\u0430\\u0432\\u043a\\u0430 \\u0447\\u0435\\u0440\\u0435\\u0437 WordPress AJAX\\n const response = await fetch('\\\/wp-admin\\\/admin-ajax.php', {\\n method: 'POST',\\n headers: {\\n 'Content-Type': 'application\\\/x-www-form-urlencoded',\\n },\\n body: new URLSearchParams({\\n action: 'bifa_partner_registration',\\n ...data\\n })\\n });\\n \\n const result = await response.json();\\n \\n if (result.success) {\\n successMsg.style.display = 'block';\\n form.reset();\\n successMsg.scrollIntoView({ behavior: 'smooth', block: 'center' });\\n } else {\\n throw new Error('Submission failed');\\n }\\n } catch (error) {\\n console.error('Error:', error);\\n errorMsg.style.display = 'block';\\n errorMsg.scrollIntoView({ behavior: 'smooth', block: 'center' });\\n } finally {\\n \\\/\\\/ \\u0412\\u043e\\u0441\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443\\n submitBtn.innerHTML = originalText;\\n submitBtn.disabled = false;\\n }\\n}\\n\\n\\\/\\\/ \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u044f \\u043f\\u0440\\u0438 \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0435\\nconst observerOptions = {\\n threshold: 0.1,\\n rootMargin: '0px 0px -100px 0px'\\n};\\n\\nconst 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 \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0438\\ndocument.addEventListener('DOMContentLoaded', function() {\\n const infoCards = document.querySelectorAll('.info-card');\\n infoCards.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>\"}},{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\"\\\"en\\\"\">\\n<head>\\n<meta charset=\"\\\"UTF-8\\\"\">\\n<meta name=\"\\\"viewport\\\"\" content=\"\\\"width=device-width,\" initial-scale=\"1.0\\\"\">\\n<title>BIFA+ Partnership Opportunities<\\\/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<\/p>\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;\\n --platinum: #E5E4E2;\\n \\n --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: 16px;\\n}\\n\\n* { box-sizing: border-box; font-family: 'Poppins', sans-serif; margin: 0; padding: 0; }\\nbody { \\n background: var(--bright-white);\\n color: var(--text-primary);\\n line-height: 1.6;\\n overflow-x: hidden;\\n}\\n\\n\\\/* \\u041e\\u0441\\u043d\\u043e\\u0432\\u043d\\u043e\\u0439 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440 *\\\/\\n.partnerships-showcase {\\n position: relative;\\n width: 100vw;\\n margin-left: calc(-50vw + 50%);\\n padding: 80px 0 0 0; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043d\\u0438\\u0436\\u043d\\u0438\\u0439 padding *\\\/\\n background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%);\\n overflow: hidden;\\n \\\/* Custom property \\u0434\\u043b\\u044f \\u0443\\u043f\\u0440\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0437\\u0430\\u0437\\u043e\\u0440\\u043e\\u043c *\\\/\\n --partnership-bottom-gap: 0;\\n \\\/* \\u0418\\u0441\\u043f\\u043e\\u043b\\u044c\\u0437\\u0443\\u0435\\u043c custom property \\u0434\\u043b\\u044f margin-bottom *\\\/\\n margin-bottom: var(--partnership-bottom-gap) !important;\\n \\\/* \\u0418\\u0437\\u043e\\u043b\\u0438\\u0440\\u0443\\u0435\\u043c layout \\u0434\\u043b\\u044f \\u043f\\u0440\\u0435\\u0434\\u043e\\u0442\\u0432\\u0440\\u0430\\u0449\\u0435\\u043d\\u0438\\u044f \\u0432\\u043b\\u0438\\u044f\\u043d\\u0438\\u044f \\u043d\\u0430 \\u0434\\u0440\\u0443\\u0433\\u0438\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b *\\\/\\n contain: layout style;\\n}\\n\\n\\\/* \\u0414\\u0435\\u043a\\u043e\\u0440\\u0430\\u0442\\u0438\\u0432\\u043d\\u044b\\u0439 \\u0444\\u043e\\u043d *\\\/\\n.partnerships-showcase::before {\\n content: '';\\n position: absolute;\\n inset: 0;\\n background: radial-gradient(circle at 70% 20%, rgba(212, 175, 55, 0.05), transparent 50%),\\n radial-gradient(circle at 30% 80%, rgba(212, 175, 55, 0.03), transparent 50%),\\n radial-gradient(circle at 50% 50%, rgba(10, 31, 68, 0.02), transparent 70%);\\n z-index: 0;\\n}\\n\\n\\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043f\\u043b\\u0430\\u0432\\u043d\\u044b\\u0439 \\u043f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u0441\\u0432\\u0435\\u0440\\u0445\\u0443 *\\\/\\n.partnerships-showcase::after {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n height: 100px;\\n background: linear-gradient(to bottom, rgba(212, 175, 55, 0.02), transparent);\\n z-index: 1;\\n pointer-events: none;\\n}\\n.particles {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n z-index: 1;\\n}\\n\\n.particle {\\n position: absolute;\\n width: 4px;\\n height: 4px;\\n background: rgba(212, 175, 55, 0.3);\\n border-radius: 50%;\\n animation: float 15s ease-in-out infinite;\\n}\\n\\n.particle:nth-child(2n) { background: rgba(212, 175, 55, 0.25); animation-duration: 18s; }\\n.particle:nth-child(3n) { background: rgba(10, 31, 68, 0.2); animation-duration: 20s; }\\n\\n.showcase-container {\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: 0 40px;\\n position: relative;\\n z-index: 2;\\n}\\n\\n\\\/* \\u0417\\u0430\\u0433\\u043e\\u043b\\u043e\\u0432\\u043e\\u043a *\\\/\\n.showcase-header {\\n text-align: center;\\n margin-bottom: 80px;\\n animation: fadeInDown 1s ease;\\n}\\n\\n@keyframes fadeInDown {\\n from {\\n opacity: 0;\\n transform: translateY(-30px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n}\\n\\n@keyframes float {\\n 0%, 100% { transform: translateY(0); opacity: 1; }\\n 50% { transform: translateY(-10px); opacity: 0.8; }\\n}\\n\\n.showcase-title {\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 800;\\n font-size: 64px;\\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n margin: 0 0 20px;\\n text-transform: uppercase;\\n letter-spacing: 2px;\\n text-shadow: 0 4px 20px rgba(212, 175, 55, 0.2);\\n}\\n\\n.showcase-subtitle {\\n font-size: 24px;\\n color: var(--text-secondary);\\n font-weight: 400;\\n letter-spacing: 1px;\\n}\\n\\n\\\/* \\u0420\\u0430\\u0437\\u0434\\u0435\\u043b \\u043f\\u0430\\u0440\\u0442\\u043d\\u0435\\u0440\\u0441\\u0442\\u0432\\u0430 *\\\/\\n.partnership-section {\\n margin-bottom: 100px;\\n opacity: 0;\\n animation: fadeInUp 1s ease forwards;\\n scroll-margin-top: 100px; \\\/* \\u041e\\u0442\\u0441\\u0442\\u0443\\u043f \\u0434\\u043b\\u044f \\u0444\\u0438\\u043a\\u0441\\u0438\\u0440\\u043e\\u0432\\u0430\\u043d\\u043d\\u043e\\u0439 \\u0448\\u0430\\u043f\\u043a\\u0438 *\\\/\\n position: relative;\\n}\\n\\n\\\/* \\u041f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u044f\\u044f \\u0441\\u0435\\u043a\\u0446\\u0438\\u044f \\u0431\\u0435\\u0437 \\u043d\\u0438\\u0436\\u043d\\u0435\\u0433\\u043e \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u0430 *\\\/\\n.partnership-section:last-child {\\n margin-bottom: 0;\\n padding-bottom: 0; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0432\\u043d\\u0443\\u0442\\u0440\\u0435\\u043d\\u043d\\u0438\\u0439 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f *\\\/\\n}\\n\\n.partnership-section:nth-child(2) { animation-delay: 0.2s; }\\n.partnership-section:nth-child(3) { animation-delay: 0.4s; }\\n.partnership-section:nth-child(4) { animation-delay: 0.6s; }\\n.partnership-section:nth-child(5) { animation-delay: 0.8s; }\\n.partnership-section:nth-child(6) { animation-delay: 1s; }\\n.partnership-section:nth-child(7) { animation-delay: 1.2s; }\\n\\n@keyframes fadeInUp {\\n from {\\n opacity: 0;\\n transform: translateY(50px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n}\\n\\n\\\/* \\u041a\\u0430\\u0440\\u0442\\u043e\\u0447\\u043a\\u0430 \\u043f\\u0430\\u0440\\u0442\\u043d\\u0435\\u0440\\u0441\\u0442\\u0432\\u0430 *\\\/\\n.partnership-card {\\n background: rgba(255, 255, 255, 0.98);\\n backdrop-filter: blur(10px);\\n border-radius: 20px;\\n padding: 80px;\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n position: relative;\\n overflow: hidden;\\n transition: var(--transition);\\n cursor: pointer;\\n border: 2px solid rgba(212, 175, 55, 0.1);\\n}\\n\\n.partnership-card::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 10px;\\n background: linear-gradient(90deg, var(--heritage-gold), #ffd700);\\n transform: scaleX(0);\\n transform-origin: left;\\n transition: transform 0.5s ease;\\n}\\n\\n.partnership-card:hover::before {\\n transform: scaleX(1);\\n}\\n\\n.partnership-card:hover {\\n transform: translateY(-10px);\\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\\n border-color: rgba(212, 175, 55, 0.3);\\n}\\n\\n\\\/* \\u0421\\u043f\\u0435\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0441\\u0442\\u0438\\u043b\\u0438 \\u0434\\u043b\\u044f Platinum *\\\/\\n.partnership-card.platinum {\\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(229, 228, 226, 0.1) 100%);\\n backdrop-filter: blur(10px);\\n border: 2px solid var(--platinum);\\n}\\n\\n.partnership-card.platinum::before {\\n background: linear-gradient(90deg, var(--platinum), #f5f5f5);\\n}\\n\\n\\\/* \\u0417\\u0430\\u0433\\u043e\\u043b\\u043e\\u0432\\u043e\\u043a \\u043a\\u0430\\u0440\\u0442\\u043e\\u0447\\u043a\\u0438 *\\\/\\n.card-header {\\n display: flex;\\n align-items: center;\\n gap: 30px;\\n margin-bottom: 50px;\\n}\\n\\n.card-icon {\\n width: 120px;\\n height: 120px;\\n border-radius: 50%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n font-size: 60px;\\n flex-shrink: 0;\\n position: relative;\\n overflow: hidden;\\n}\\n\\n.card-icon::after {\\n content: '';\\n position: absolute;\\n inset: -2px;\\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.5), transparent);\\n transform: translateX(-100%);\\n transition: transform 0.6s;\\n}\\n\\n.partnership-card:hover .card-icon::after {\\n transform: translateX(100%);\\n}\\n\\n\\\/* \\u0426\\u0432\\u0435\\u0442\\u0430 \\u0438\\u043a\\u043e\\u043d\\u043e\\u043a \\u043f\\u043e \\u0442\\u0438\\u043f\\u0430\\u043c *\\\/\\n.platinum .card-icon { \\n background: linear-gradient(135deg, var(--platinum), #f5f5f5); \\n box-shadow: 0 10px 40px rgba(229, 228, 226, 0.5);\\n}\\n.strategic .card-icon { \\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.5);\\n}\\n.gold .card-icon { \\n background: linear-gradient(135deg, #FFD700, #FFA500);\\n box-shadow: 0 10px 40px rgba(255, 215, 0, 0.5);\\n}\\n.silver .card-icon { \\n background: linear-gradient(135deg, #C0C0C0, #E5E5E5);\\n box-shadow: 0 10px 40px rgba(192, 192, 192, 0.5);\\n}\\n.institutional .card-icon { \\n background: linear-gradient(135deg, var(--civic-green), #2a8a5e);\\n box-shadow: 0 10px 40px rgba(29, 97, 67, 0.5);\\n}\\n.media .card-icon { \\n background: linear-gradient(135deg, #8B4513, #A0522D);\\n box-shadow: 0 10px 40px rgba(139, 69, 19, 0.5);\\n}\\n\\n.card-content {\\n flex: 1;\\n}\\n\\n.card-title {\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 800;\\n font-size: 48px;\\n color: var(--deep-navy);\\n margin: 0 0 15px;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n}\\n\\n.card-subtitle {\\n font-size: 20px;\\n color: var(--text-secondary);\\n font-weight: 500;\\n}\\n\\n\\\/* \\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 \\u043a\\u0430\\u0440\\u0442\\u043e\\u0447\\u043a\\u0438 *\\\/\\n.card-body {\\n text-align: center;\\n padding: 50px 0;\\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.02) 100%);\\n border-radius: var(--radius);\\n margin: 0 -80px;\\n padding: 60px 80px;\\n}\\n\\n.coming-soon-text {\\n font-family: 'Montserrat', sans-serif;\\n font-size: 28px;\\n font-weight: 700;\\n color: var(--deep-navy);\\n margin: 0 0 30px;\\n text-transform: uppercase;\\n letter-spacing: 2px;\\n}\\n\\n.contact-text {\\n font-size: 20px;\\n color: var(--text-secondary);\\n line-height: 1.8;\\n margin-bottom: 40px;\\n}\\n\\n.contact-button {\\n display: inline-flex;\\n align-items: center;\\n gap: 15px;\\n background: var(--deep-navy);\\n color: var(--bright-white);\\n padding: 20px 50px;\\n border-radius: 50px;\\n text-decoration: none;\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 700;\\n font-size: 18px;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n transition: var(--transition);\\n box-shadow: 0 10px 30px rgba(10, 31, 68, 0.3);\\n}\\n\\n.contact-button:hover {\\n background: #162e5a;\\n transform: translateY(-3px);\\n box-shadow: 0 15px 40px rgba(10, 31, 68, 0.4);\\n}\\n\\n.contact-button svg {\\n width: 24px;\\n height: 24px;\\n fill: currentColor;\\n}\\n\\n\\\/* \\u0414\\u0435\\u043a\\u043e\\u0440\\u0430\\u0442\\u0438\\u0432\\u043d\\u044b\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b *\\\/\\n.decorative-pattern {\\n position: absolute;\\n width: 200px;\\n height: 200px;\\n opacity: 0.05;\\n pointer-events: none;\\n}\\n\\n.pattern-1 {\\n top: -50px;\\n right: -50px;\\n background-image: repeating-linear-gradient(45deg, var(--heritage-gold) 0, var(--heritage-gold) 2px, transparent 2px, transparent 20px);\\n}\\n\\n.pattern-2 {\\n bottom: -50px;\\n left: -50px;\\n background-image: radial-gradient(circle, var(--deep-navy) 2px, transparent 2px);\\n background-size: 30px 30px;\\n}\\n\\n\\\/* \\u0413\\u0440\\u0430\\u0434\\u0438\\u0435\\u043d\\u0442\\u043d\\u0430\\u044f \\u043b\\u0438\\u043d\\u0438\\u044f \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0441\\u0435\\u043a\\u0446\\u0438\\u044f\\u043c\\u0438 *\\\/\\n.section-divider {\\n height: 2px;\\n background: linear-gradient(90deg, transparent, var(--heritage-gold), transparent);\\n margin: 80px auto;\\n max-width: 600px;\\n opacity: 0.3;\\n}\\n\\n\\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0438\\u0439 \\u0440\\u0430\\u0437\\u0434\\u0435\\u043b\\u0438\\u0442\\u0435\\u043b\\u044c *\\\/\\n.partnership-section:nth-last-child(2) + .section-divider {\\n display: none;\\n}\\n\\n\\n\\n\\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043b\\u044e\\u0431\\u044b\\u0435 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b \\u043f\\u043e\\u0441\\u043b\\u0435 \\u044d\\u0442\\u043e\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 *\\\/\\n.partnerships-showcase {\\n margin-bottom: 0 !important;\\n padding-bottom: 0 !important;\\n}\\n\\n\\\/* \\u0421\\u043f\\u0435\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u043a\\u043b\\u0430\\u0441\\u0441 \\u0434\\u043b\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0435\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 \\u043f\\u0435\\u0440\\u0435\\u0434 footer *\\\/\\n.partnerships-showcase + footer,\\n.partnerships-showcase + .footer,\\n.partnerships-showcase + [class*=\\\"footer\\\"],\\n.partnerships-showcase + .uk-section-secondary {\\n margin-top: 0 !important;\\n padding-top: 60px !important; \\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c padding \\u0432\\u043d\\u0443\\u0442\\u0440\\u0438 footer \\u0432\\u043c\\u0435\\u0441\\u0442\\u043e margin *\\\/\\n}\\n\\n\\\/* YOOtheme specific fixes - \\u0443\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043b\\u044e\\u0431\\u044b\\u0435 \\u0437\\u0430\\u0437\\u043e\\u0440\\u044b *\\\/\\n.partnerships-showcase.uk-section {\\n margin-bottom: 0 !important;\\n padding-bottom: 0 !important;\\n}\\n\\n.partnerships-showcase + .uk-section,\\n.partnerships-showcase + .tm-footer,\\n.partnerships-showcase + .uk-section-secondary,\\n.partnerships-showcase + footer {\\n margin-top: 0 !important;\\n}\\n\\n\\\/* \\u0415\\u0441\\u043b\\u0438 YOOtheme \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u0442 wrapper \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b *\\\/\\n.partnerships-showcase:last-child {\\n margin-bottom: 0 !important;\\n padding-bottom: 0 !important;\\n}\\n\\n\\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0442\\u0430\\u043d\\u0434\\u0430\\u0440\\u0442\\u043d\\u044b\\u0435 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b YOOtheme \\u0434\\u043b\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0435\\u0433\\u043e \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u0430 *\\\/\\n.uk-section:has(.partnerships-showcase) {\\n padding-bottom: 0 !important;\\n}\\n\\n\\\/* \\u041f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0430 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u0439 \\u0441\\u0435\\u043a\\u0446\\u0438\\u0438 *\\\/\\n.partnership-section.highlight {\\n animation: highlightPulse 2s ease-out;\\n}\\n\\n@keyframes highlightPulse {\\n 0% {\\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);\\n }\\n 50% {\\n box-shadow: 0 0 30px 10px rgba(212, 175, 55, 0.3);\\n }\\n 100% {\\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);\\n }\\n}\\n\\n\\\/* \\u0418\\u043d\\u0434\\u0438\\u043a\\u0430\\u0442\\u043e\\u0440 \\u044f\\u043a\\u043e\\u0440\\u044f *\\\/\\n.partnership-section::before {\\n content: '';\\n position: absolute;\\n top: -100px;\\n left: 0;\\n width: 0;\\n height: 0;\\n visibility: hidden;\\n}\\n\\n\\\/* \\u041c\\u043e\\u0431\\u0438\\u043b\\u044c\\u043d\\u0430\\u044f \\u0432\\u0435\\u0440\\u0441\\u0438\\u044f *\\\/\\n@media (max-width: 768px) {\\n .showcase-title {\\n font-size: 42px;\\n }\\n \\n .showcase-subtitle {\\n font-size: 18px;\\n }\\n \\n .partnership-card {\\n padding: 40px 20px;\\n }\\n \\n .card-header {\\n flex-direction: column;\\n text-align: center;\\n }\\n \\n .card-icon {\\n width: 100px;\\n height: 100px;\\n font-size: 48px;\\n }\\n \\n .card-title {\\n font-size: 32px;\\n }\\n \\n .card-body {\\n margin: 0 -20px;\\n padding: 40px 20px;\\n }\\n \\n .coming-soon-text {\\n font-size: 22px;\\n }\\n \\n .contact-text {\\n font-size: 16px;\\n }\\n \\n .contact-button {\\n padding: 16px 30px;\\n font-size: 14px;\\n }\\n}\\n\\n\\\/* \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u044f \\u043f\\u0443\\u043b\\u044c\\u0441\\u0430\\u0446\\u0438\\u0438 \\u0434\\u043b\\u044f \\u0438\\u043a\\u043e\\u043d\\u043e\\u043a *\\\/\\n@keyframes pulse {\\n 0%, 100% {\\n transform: scale(1);\\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.5);\\n }\\n 50% {\\n transform: scale(1.05);\\n box-shadow: 0 15px 50px rgba(212, 175, 55, 0.6);\\n }\\n}\\n\\n.partnership-card:hover .card-icon {\\n animation: pulse 2s ease-in-out infinite;\\n}\\n<\\\/style>\\n\\n\\n<\/p>\n<style>\\n\\\/* \\u042d\\u0442\\u0438 \\u0441\\u0442\\u0438\\u043b\\u0438 \\u043f\\u0440\\u0438\\u043c\\u0435\\u043d\\u044f\\u0442\\u0441\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0438\\u043c\\u0438 \\u0438 \\u043f\\u0435\\u0440\\u0435\\u043e\\u043f\\u0440\\u0435\\u0434\\u0435\\u043b\\u044f\\u0442 \\u0432\\u0441\\u0451 \\u043e\\u0441\\u0442\\u0430\\u043b\\u044c\\u043d\\u043e\\u0435 *\\\/\\nbody .partnerships-showcase:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\nbody footer { margin-top: 0 !important; }\\nbody .tm-footer { margin-top: 0 !important; }\\nbody .uk-section-secondary { margin-top: 0 !important; }\\nbody .partnerships-showcase:last-child { margin-bottom: 0 !important; }\\nbody > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\nbody main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\nbody .tm-main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\n<\\\/style>\\n\\n<\\\/head>\\n<body>\\n\\n<\/p>\n<div class=\"\\\"partnerships-showcase\\\"\" style=\"\\\"margin-bottom:\" 0 !important; padding-bottom: !important;\\\">\\n \\n <\/p>\n<div class=\"\\\"particles\\\"\">\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:10%;animation-delay:0s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:30%;animation-delay:2s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:50%;animation-delay:4s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:70%;animation-delay:6s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:90%;animation-delay:8s\\\"\"><\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"showcase-container\\\"\">\\n <\/p>\n<div class=\"\\\"showcase-header\\\"\">\\n <\/p>\n<h1 class=\"\\\"showcase-title\\\"\">Partnership Opportunities<\\\/h1>\\n <\/p>\n<p class=\"\\\"showcase-subtitle\\\"\">Join BIFA+ in Building Global Economic Bridges<\\\/p>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"platinum-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" platinum\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83d\\udc8e<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Platinum Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">The Pinnacle of Global Collaboration<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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 <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"strategic-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" strategic\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83c\\udf0d<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Strategic Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">Drive International Initiatives<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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 <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"gold-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" gold\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83c\\udfc6<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Gold Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">Premium Global Engagement<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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 <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"silver-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" silver\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83e\\udd48<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Silver Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">Essential Support Network<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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 <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"institutional-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" institutional\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83c\\udfdb\\ufe0f<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Institutional Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">Academic & Research Excellence<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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 <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"media-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" media\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83d\\udcfa<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Media Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">Amplify Global Messages<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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<\\\/div>\\n\\n\\n\\n<script>\\n\\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043f\\u043b\\u0430\\u0432\\u043d\\u0443\\u044e \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0443 \\u043a \\u044f\\u043a\\u043e\\u0440\\u044f\\u043c \\u0441 \\u0442\\u043e\\u0447\\u043d\\u044b\\u043c \\u043f\\u043e\\u0437\\u0438\\u0446\\u0438\\u043e\\u043d\\u0438\\u0440\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435\\u043c\\ndocument.addEventListener('DOMContentLoaded', function() {\\n \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0432\\u0441\\u0435\\u0445 \\u0441\\u0441\\u044b\\u043b\\u043e\\u043a \\u0441 \\u044f\\u043a\\u043e\\u0440\\u044f\\u043c\\u0438\\n document.querySelectorAll('a[href^=\\\"#\\\"]').forEach(anchor => {\\n anchor.addEventListener('click', function (e) {\\n const targetId = this.getAttribute('href');\\n if (targetId && targetId !== '#') {\\n e.preventDefault();\\n const target = document.querySelector(targetId);\\n if (target) {\\n \\\/\\\/ \\u041f\\u043e\\u043b\\u0443\\u0447\\u0430\\u0435\\u043c \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 \\u0444\\u0438\\u043a\\u0441\\u0438\\u0440\\u043e\\u0432\\u0430\\u043d\\u043d\\u043e\\u0439 \\u0448\\u0430\\u043f\\u043a\\u0438 (\\u0435\\u0441\\u043b\\u0438 \\u0435\\u0441\\u0442\\u044c)\\n const headerHeight = document.querySelector('header')?.offsetHeight || 80;\\n \\n \\\/\\\/ \\u0412\\u044b\\u0447\\u0438\\u0441\\u043b\\u044f\\u0435\\u043c \\u043f\\u043e\\u0437\\u0438\\u0446\\u0438\\u044e \\u0441 \\u0443\\u0447\\u0435\\u0442\\u043e\\u043c \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u0430\\n const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;\\n \\n \\\/\\\/ \\u041f\\u043b\\u0430\\u0432\\u043d\\u0430\\u044f \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0430\\n window.scrollTo({\\n top: targetPosition,\\n behavior: 'smooth'\\n });\\n \\n \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0443 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u0439 \\u0441\\u0435\\u043a\\u0446\\u0438\\u0438\\n target.classList.add('highlight');\\n setTimeout(() => {\\n target.classList.remove('highlight');\\n }, 2000);\\n }\\n }\\n });\\n });\\n \\n \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043f\\u0440\\u044f\\u043c\\u044b\\u0445 \\u043f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434\\u043e\\u0432 \\u043f\\u043e \\u0445\\u0435\\u0448\\u0443 \\u0432 URL\\n if (window.location.hash) {\\n setTimeout(() => {\\n const target = document.querySelector(window.location.hash);\\n if (target) {\\n const headerHeight = document.querySelector('header')?.offsetHeight || 80;\\n const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;\\n window.scrollTo({\\n top: targetPosition,\\n behavior: 'smooth'\\n });\\n }\\n }, 100);\\n }\\n});\\n\\n\\\/\\\/ \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u044f \\u043f\\u0440\\u0438 \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0435\\nconst observerOptions = {\\n threshold: 0.1,\\n rootMargin: '0px 0px -100px 0px'\\n};\\n\\nconst 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\\\/\\\/ \\u041f\\u043b\\u0430\\u0432\\u043d\\u044b\\u0439 \\u0441\\u043a\\u0440\\u043e\\u043b\\u043b \\u043a \\u0441\\u0435\\u043a\\u0446\\u0438\\u044f\\u043c\\ndocument.querySelectorAll('.partnership-card').forEach(card => {\\n card.addEventListener('click', function(e) {\\n if (!e.target.closest('a')) {\\n const email = this.querySelector('.contact-button');\\n if (email) {\\n email.click();\\n }\\n }\\n });\\n});\\n\\n\\\/\\\/ \\u041f\\u0440\\u0438\\u043d\\u0443\\u0434\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u0443\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0437\\u0430\\u0437\\u043e\\u0440\\u044b \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u043e\\u043c \\u0438 footer\\ndocument.addEventListener('DOMContentLoaded', function() {\\n const partnershipWrapper = document.querySelector('.partnerships-showcase');\\n if (partnershipWrapper) {\\n \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0432\\u043e\\u0437\\u043c\\u043e\\u0436\\u043d\\u044b\\u0435 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b\\n partnershipWrapper.style.marginBottom = '0';\\n partnershipWrapper.style.paddingBottom = '0';\\n \\n \\\/\\\/ \\u041d\\u0430\\u0445\\u043e\\u0434\\u0438\\u043c \\u0440\\u043e\\u0434\\u0438\\u0442\\u0435\\u043b\\u044c\\u0441\\u043a\\u0438\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b YOOtheme \\u0438 \\u0443\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0438\\u0445 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b\\n let parent = partnershipWrapper.parentElement;\\n while (parent && parent !== document.body) {\\n if (parent.classList.contains('uk-section') || \\n parent.classList.contains('tm-main') ||\\n parent.classList.contains('uk-container')) {\\n parent.style.paddingBottom = '0';\\n parent.style.marginBottom = '0';\\n }\\n parent = parent.parentElement;\\n }\\n \\n \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f \\u0443 footer\\n const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\\n if (footer) {\\n footer.style.marginTop = '0';\\n if (footer.parentElement && footer.parentElement !== document.body) {\\n footer.parentElement.style.marginTop = '0';\\n }\\n }\\n \\n \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c \\u0437\\u0430\\u0437\\u043e\\u0440 \\u0447\\u0435\\u0440\\u0435\\u0437 100ms\\n setTimeout(() => {\\n if (footer && partnershipWrapper) {\\n const wrapperRect = partnershipWrapper.getBoundingClientRect();\\n const footerRect = footer.getBoundingClientRect();\\n const gap = footerRect.top - wrapperRect.bottom;\\n \\n if (gap > 5) {\\n partnershipWrapper.style.setProperty('--partnership-bottom-gap', `-${gap}px`);\\n }\\n }\\n }, 100);\\n \\n \\\/\\\/ \\u0421\\u043f\\u0435\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u0430\\u044f \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0434\\u043b\\u044f YOOtheme\\n const ukSection = partnershipWrapper.closest('.uk-section');\\n if (ukSection && ukSection.nextElementSibling) {\\n ukSection.style.paddingBottom = '0';\\n ukSection.style.marginBottom = '0';\\n ukSection.nextElementSibling.style.marginTop = '0';\\n }\\n \\n \\\/\\\/ \\u0424\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u0430\\u044f \\u043f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0438 \\u0438\\u0441\\u043f\\u0440\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435\\n function removeGapCompletely() {\\n setTimeout(() => {\\n const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\\n if (footer && partnershipWrapper) {\\n const wrapperRect = partnershipWrapper.getBoundingClientRect();\\n const footerRect = footer.getBoundingClientRect();\\n const realGap = footerRect.top - wrapperRect.bottom;\\n \\n if (realGap > 2) {\\n partnershipWrapper.style.marginBottom = `-${realGap}px`;\\n }\\n }\\n }, 1000);\\n }\\n \\n if (document.readyState === 'complete') {\\n removeGapCompletely();\\n } else {\\n window.addEventListener('load', removeGapCompletely);\\n }\\n }\\n});\\n\\n\\\/\\\/ \\u041f\\u0430\\u0440\\u0430\\u043b\\u043b\\u0430\\u043a\\u0441 \\u044d\\u0444\\u0444\\u0435\\u043a\\u0442 \\u0434\\u043b\\u044f \\u0434\\u0435\\u043a\\u043e\\u0440\\u0430\\u0442\\u0438\\u0432\\u043d\\u044b\\u0445 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u043e\\u0432\\nwindow.addEventListener('scroll', () => {\\n const scrolled = window.pageYOffset;\\n const patterns = document.querySelectorAll('.decorative-pattern');\\n \\n patterns.forEach((pattern, index) => {\\n const speed = index % 2 === 0 ? 0.5 : -0.5;\\n pattern.style.transform = `translateY(${scrolled * speed}px)`;\\n });\\n});\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\"}},{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\"\\\"en\\\"\">\\n<head>\\n <meta charset=\"\\\"UTF-8\\\"\">\\n <meta name=\"\\\"viewport\\\"\" content=\"\\\"width=device-width,\" initial-scale=\"1.0\\\"\">\\n <title>BIFA+ Featured Stories \\\/ Ambassadors Block<\\\/title>\\n <link rel=\"\\\"preconnect\\\"\" href=\"\\\"https:\\\/\\\/fonts.googleapis.com\\\"\">\\n <link rel=\"\\\"preconnect\\\"\" href=\"\\\"https:\\\/\\\/fonts.gstatic.com\\\"\" crossorigin>\\n \\n <link href=\"\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap\\\"\" rel=\"\\\"stylesheet\\\"\">\\n\\n<\/p>\n<style>\\n\\\/* ========= \\u0413\\u041b\\u041e\\u0411\\u0410\\u041b\\u042c\\u041d\\u042b\\u0415 \\u041f\\u0415\\u0420\\u0415\\u041c\\u0415\\u041d\\u041d\\u042b\\u0415 BIFA+ ========= *\\\/\\n:root {\\n \\\/* \\u041e\\u0444\\u0438\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0446\\u0432\\u0435\\u0442\\u0430 BIFA+ *\\\/\\n --bifa-deep-navy: #0A1F44;\\n --bifa-heritage-gold: #D4AF37;\\n --bifa-civic-green: #1D6143;\\n --bifa-bright-white: #FFFFFF;\\n --bifa-soft-black: #1A1A1A;\\n --bifa-gray-light: #F8F9FA;\\n --bifa-gray: #6C757D;\\n \\n \\\/* \\u041e\\u0444\\u0438\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0448\\u0440\\u0438\\u0444\\u0442\\u044b BIFA+ *\\\/\\n --bifa-font-heading: 'Montserrat', 'Cairo', sans-serif;\\n --bifa-font-body: 'Poppins', 'Tajawal', sans-serif;\\n --bifa-font-arabic: 'Cairo', 'Tajawal', 'GE SS Text', sans-serif;\\n \\n \\\/* \\u041f\\u0440\\u0435\\u043c\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0442\\u0435\\u043d\\u0438 \\u0438 \\u044d\\u0444\\u0444\\u0435\\u043a\\u0442\\u044b *\\\/\\n --bifa-shadow-premium: 0 25px 80px rgba(10, 31, 68, 0.15);\\n --bifa-shadow-hover: 0 35px 100px rgba(10, 31, 68, 0.2);\\n --bifa-shadow-gold: 0 15px 40px rgba(212, 175, 55, 0.3);\\n --bifa-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\n}\\n\\n\\\/* ========= RESET ========= *\\\/\\n* {\\n margin: 0;\\n padding: 0;\\n box-sizing: border-box;\\n}\\n\\n*, *::before, *::after {\\n box-sizing: border-box;\\n}\\n\\nhtml {\\n scroll-behavior: smooth;\\n}\\n\\nbody {\\n font-family: var(--bifa-font-body);\\n overflow-x: hidden;\\n background: var(--bifa-bright-white);\\n text-rendering: optimizeLegibility;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n color: var(--bifa-soft-black);\\n}\\n\\n\\\/* ========= FORCE BIFA+ STYLES PRIORITY ========= *\\\/\\n.bifa-ambassadors-section h2,\\n.bifa-ambassadors-section h3 {\\n font-family: var(--bifa-font-heading) !important;\\n -webkit-font-smoothing: antialiased !important;\\n}\\n\\n.bifa-ambassadors-section p,\\n.bifa-ambassadors-section span {\\n font-family: var(--bifa-font-body) !important;\\n -webkit-font-smoothing: antialiased !important;\\n}\\n\\n\\\/* Force button text to be white *\\\/\\nbutton.bifa-view-all-button,\\nbutton.bifa-view-all-button span,\\nbutton.bifa-view-all-button .bifa-button-text,\\nbutton.bifa-view-all-button .bifa-ambassador-count {\\n color: #FFFFFF !important;\\n}\\n\\n\\\/* Force SVG icon to be white *\\\/\\n.bifa-view-all-button svg,\\n.bifa-view-all-button svg path {\\n stroke: #FFFFFF !important;\\n fill: none !important;\\n}\\n\\n\\\/* Specific overrides for YooTheme *\\\/\\n.bifa-ambassadors-section button {\\n font-family: inherit;\\n}\\n\\n\\\/* ========= AMBASSADORS SECTION WRAPPER ========= *\\\/\\n.bifa-ambassadors-section-wrapper {\\n width: 100vw;\\n position: relative;\\n left: 50%;\\n margin-left: -50vw;\\n background: transparent; \\\/* \\u0411\\u0435\\u0437 \\u0444\\u043e\\u043d\\u0430 *\\\/\\n overflow: hidden;\\n}\\n\\n\\\/* ========= MAIN AMBASSADORS SECTION ========= *\\\/\\n.bifa-ambassadors-section {\\n padding: 100px 20px 80px;\\n position: relative;\\n background: transparent;\\n}\\n\\n\\\/* ========= ANIMATED BACKGROUND ELEMENTS ========= *\\\/\\n.bifa-ambassadors-bg-animation {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n z-index: 1;\\n top: 0;\\n left: 0;\\n}\\n\\n\\\/* \\u0417\\u043e\\u043b\\u043e\\u0442\\u044b\\u0435 \\u0447\\u0430\\u0441\\u0442\\u0438\\u0446\\u044b BIFA+ *\\\/\\n.bifa-ambassadors-particle {\\n position: absolute;\\n width: 3px;\\n height: 3px;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n border-radius: 50%;\\n animation: floatAmbassadors 20s infinite linear;\\n box-shadow: 0 0 6px rgba(212, 175, 55, 0.2);\\n opacity: 0.25;\\n will-change: transform;\\n}\\n\\n@keyframes floatAmbassadors {\\n 0% {\\n transform: translateY(100vh) translateX(0) rotate(0deg);\\n opacity: 0;\\n }\\n 10% { opacity: 0.3; }\\n 90% { opacity: 0.3; }\\n 100% {\\n transform: translateY(-100vh) translateX(70px) rotate(360deg);\\n opacity: 0;\\n }\\n}\\n\\n\\\/* \\u041f\\u043b\\u0430\\u0432\\u0430\\u044e\\u0449\\u0438\\u0435 \\u0433\\u0435\\u043e\\u043c\\u0435\\u0442\\u0440\\u0438\\u0447\\u0435\\u0441\\u043a\\u0438\\u0435 \\u0444\\u0438\\u0433\\u0443\\u0440\\u044b BIFA+ *\\\/\\n.bifa-floating-shape-amb {\\n position: absolute;\\n border-radius: 50%;\\n filter: blur(120px);\\n animation: morphFloatAmbassadors 25s ease-in-out infinite;\\n pointer-events: none;\\n opacity: 0.4;\\n}\\n\\n.bifa-shape-ambassadors-1 {\\n width: 400px;\\n height: 400px;\\n background: radial-gradient(circle at 30% 30%, rgba(212, 175, 55, 0.07), transparent);\\n top: -200px;\\n right: -200px;\\n}\\n\\n.bifa-shape-ambassadors-2 {\\n width: 350px;\\n height: 350px;\\n background: radial-gradient(circle at 70% 70%, rgba(10, 31, 68, 0.05), transparent);\\n bottom: -175px;\\n left: -175px;\\n animation-delay: 8s;\\n}\\n\\n.bifa-shape-ambassadors-3 {\\n width: 300px;\\n height: 300px;\\n background: radial-gradient(circle at 50% 50%, rgba(29, 97, 67, 0.06), transparent);\\n top: 40%;\\n left: 60%;\\n animation-delay: 16s;\\n}\\n\\n@keyframes morphFloatAmbassadors {\\n 0%, 100% { \\n transform: translate(0, 0) scale(1) rotate(0deg);\\n filter: blur(120px);\\n }\\n 25% { \\n transform: translate(100px, -80px) scale(1.2) rotate(90deg);\\n filter: blur(140px);\\n }\\n 50% { \\n transform: translate(-80px, 100px) scale(0.8) rotate(180deg);\\n filter: blur(100px);\\n }\\n 75% { \\n transform: translate(-100px, -60px) scale(1.1) rotate(270deg);\\n filter: blur(130px);\\n }\\n}\\n\\n\\\/* ========= CONTAINER ========= *\\\/\\n.bifa-ambassadors-container {\\n max-width: 1200px;\\n margin: 0 auto;\\n position: relative;\\n z-index: 10;\\n}\\n\\n\\\/* ========= SECTION TITLE - Premium Style ========= *\\\/\\n.bifa-ambassadors-title-wrapper {\\n text-align: center;\\n margin-bottom: 80px;\\n}\\n\\n.bifa-ambassadors-section-title {\\n font-family: var(--bifa-font-heading) !important;\\n font-size: clamp(2.5rem, 4vw, 3.5rem);\\n font-weight: 900 !important;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent !important;\\n position: relative;\\n animation: fadeInUp 1s ease-out 0.3s both;\\n line-height: 1.2;\\n margin-bottom: 20px;\\n text-transform: uppercase;\\n letter-spacing: -0.5px;\\n text-shadow: 0 2px 4px rgba(212, 175, 55, 0.1);\\n}\\n\\n.bifa-ambassadors-section-title::after {\\n content: '';\\n position: absolute;\\n bottom: -15px;\\n left: 50%;\\n transform: translateX(-50%);\\n width: 0;\\n height: 4px;\\n background: linear-gradient(90deg, var(--bifa-heritage-gold), #ffd700);\\n animation: expandWidth 0.8s ease-out 1s both;\\n border-radius: 2px;\\n}\\n\\n.bifa-ambassadors-subtitle {\\n font-family: var(--bifa-font-body) !important;\\n font-size: 1.3rem;\\n font-weight: 600 !important;\\n color: var(--bifa-gray) !important;\\n margin-top: 30px;\\n animation: fadeInUp 1s ease-out 0.5s both;\\n line-height: 1.6;\\n max-width: 700px;\\n margin-left: auto;\\n margin-right: auto;\\n}\\n\\n\\\/* ========= AMBASSADORS GRID ========= *\\\/\\n.bifa-ambassadors-grid {\\n display: grid;\\n grid-template-columns: repeat(3, 1fr);\\n gap: 40px;\\n margin-bottom: 60px;\\n position: relative;\\n transition: max-height 0.6s ease-out;\\n}\\n\\n\\\/* Hide cards beyond the first 3 by default *\\\/\\n.bifa-ambassador-card:nth-child(n+4) {\\n display: none;\\n opacity: 0;\\n}\\n\\n\\\/* Show all cards when expanded *\\\/\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+4) {\\n display: block;\\n animation: fadeInUp 0.8s ease-out forwards;\\n}\\n\\n\\\/* Stagger animations for expanded cards *\\\/\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\\n animation-delay: 0.1s;\\n}\\n\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\\n animation-delay: 0.2s;\\n}\\n\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\\n animation-delay: 0.3s;\\n}\\n\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(7) {\\n animation-delay: 0.4s;\\n}\\n\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(8) {\\n animation-delay: 0.5s;\\n}\\n\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(9) {\\n animation-delay: 0.6s;\\n}\\n\\n\\\/* ========= AMBASSADOR CARD - Premium Style ========= *\\\/\\n.bifa-ambassador-card {\\n background: var(--bifa-bright-white) !important;\\n border-radius: 25px;\\n overflow: hidden;\\n box-shadow: var(--bifa-shadow-premium);\\n transition: var(--bifa-transition);\\n animation: fadeInUp 1s ease-out both;\\n border: 1px solid rgba(212, 175, 55, 0.1);\\n position: relative;\\n}\\n\\n.bifa-ambassador-card * {\\n font-family: inherit !important;\\n}\\n\\n.bifa-ambassador-card:nth-child(1) {\\n animation-delay: 0.8s;\\n}\\n\\n.bifa-ambassador-card:nth-child(2) {\\n animation-delay: 1s;\\n}\\n\\n.bifa-ambassador-card:nth-child(3) {\\n animation-delay: 1.2s;\\n}\\n\\n.bifa-ambassador-card:hover {\\n transform: translateY(-10px);\\n box-shadow: var(--bifa-shadow-hover);\\n border-color: rgba(212, 175, 55, 0.3);\\n}\\n\\n\\\/* Ambassador Image Container *\\\/\\n.bifa-ambassador-image {\\n position: relative;\\n width: 100%;\\n height: 300px;\\n overflow: hidden;\\n background: linear-gradient(135deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\\n background-size: 200% 100%;\\n animation: loading 2s infinite linear;\\n}\\n\\n.bifa-ambassador-image img {\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n object-position: center;\\n transition: transform 0.5s ease;\\n}\\n\\n.bifa-ambassador-card:hover .bifa-ambassador-image img {\\n transform: scale(1.1);\\n}\\n\\n\\\/* Gold Overlay Effect *\\\/\\n.bifa-ambassador-image::after {\\n content: '';\\n position: absolute;\\n inset: 0;\\n background: linear-gradient(180deg, \\n transparent 50%, \\n rgba(10, 31, 68, 0.7) 100%\\n );\\n opacity: 0;\\n transition: opacity 0.3s ease;\\n}\\n\\n.bifa-ambassador-card:hover .bifa-ambassador-image::after {\\n opacity: 1;\\n}\\n\\n\\\/* Ambassador Content *\\\/\\n.bifa-ambassador-content {\\n padding: 35px 30px;\\n position: relative;\\n}\\n\\n.bifa-ambassador-name {\\n font-family: var(--bifa-font-heading) !important;\\n font-size: 1.5rem;\\n font-weight: 900 !important;\\n color: var(--bifa-deep-navy) !important;\\n margin-bottom: 8px;\\n line-height: 1.2;\\n transition: color 0.3s ease;\\n}\\n\\n.bifa-ambassador-card:hover .bifa-ambassador-name {\\n color: var(--bifa-heritage-gold) !important;\\n}\\n\\n.bifa-ambassador-role {\\n font-family: var(--bifa-font-body) !important;\\n font-size: 1rem;\\n font-weight: 700 !important;\\n color: var(--bifa-heritage-gold) !important;\\n margin-bottom: 20px;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n}\\n\\n.bifa-ambassador-quote {\\n font-family: var(--bifa-font-body) !important;\\n font-size: 1.05rem;\\n font-weight: 500 !important;\\n line-height: 1.7;\\n color: #4a5568 !important;\\n font-style: italic;\\n position: relative;\\n padding-left: 25px;\\n}\\n\\n.bifa-ambassador-quote::before {\\n content: '\\\"';\\n position: absolute;\\n left: 0;\\n top: -5px;\\n font-size: 2.5rem;\\n color: var(--bifa-heritage-gold);\\n font-family: var(--bifa-font-heading);\\n font-weight: 800;\\n opacity: 0.3;\\n}\\n\\n\\\/* Gold Badge for Special Ambassadors *\\\/\\n.bifa-ambassador-badge {\\n position: absolute;\\n top: 20px;\\n right: 20px;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n color: var(--bifa-deep-navy);\\n padding: 8px 16px;\\n border-radius: 50px;\\n font-family: var(--bifa-font-heading);\\n font-size: 0.75rem;\\n font-weight: 700;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n box-shadow: var(--bifa-shadow-gold);\\n opacity: 0;\\n transform: translateY(-10px);\\n animation: slideDown 0.5s ease-out 2s forwards;\\n}\\n\\n@keyframes slideDown {\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n}\\n\\n\\\/* ========= VIEW ALL BUTTON ========= *\\\/\\n.bifa-ambassadors-cta {\\n text-align: center;\\n margin-top: 60px;\\n animation: fadeInUp 1s ease-out 1.2s both;\\n}\\n\\n.bifa-view-all-button {\\n \\\/* Reset button defaults first *\\\/\\n background: none;\\n border: none;\\n font: inherit;\\n cursor: pointer;\\n outline: inherit;\\n \\n \\\/* Apply BIFA styles *\\\/\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 12px;\\n padding: 20px 50px !important;\\n background: linear-gradient(135deg, #0A1F44, #162e5a) !important;\\n color: #FFFFFF !important;\\n text-decoration: none !important;\\n border-radius: 50px;\\n font-family: 'Montserrat', sans-serif !important;\\n font-weight: 800 !important;\\n font-size: 1.15rem !important;\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\n box-shadow: 0 25px 60px rgba(10, 31, 68, 0.3), \\n 0 10px 20px rgba(10, 31, 68, 0.2),\\n inset 0 -2px 4px rgba(0, 0, 0, 0.1);\\n position: relative;\\n overflow: hidden;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n border: 2px solid rgba(212, 175, 55, 0.2) !important;\\n transform: translateZ(0);\\n backface-visibility: hidden;\\n}\\n\\n\\\/* Force white color for all button text elements *\\\/\\n.bifa-view-all-button,\\n.bifa-view-all-button * {\\n color: var(--bifa-bright-white) !important;\\n}\\n\\n.bifa-view-all-button span,\\n.bifa-view-all-button .bifa-button-text {\\n color: var(--bifa-bright-white) !important;\\n}\\n\\n\\\/* Override any inherited styles *\\\/\\n.bifa-ambassadors-section .bifa-view-all-button,\\n.bifa-ambassadors-section .bifa-view-all-button *,\\n.bifa-ambassadors-section-wrapper .bifa-view-all-button,\\n.bifa-ambassadors-section-wrapper .bifa-view-all-button * {\\n color: #FFFFFF !important;\\n}\\n\\n\\\/* Force styles on hover too *\\\/\\n.bifa-view-all-button:hover,\\n.bifa-view-all-button:hover *,\\n.bifa-view-all-button:focus,\\n.bifa-view-all-button:focus *,\\n.bifa-view-all-button:active,\\n.bifa-view-all-button:active * {\\n color: var(--bifa-bright-white) !important;\\n}\\n\\n\\\/* Golden glow effect *\\\/\\n.bifa-view-all-button::after {\\n content: '';\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n width: 120%;\\n height: 120%;\\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\\n transform: translate(-50%, -50%) scale(0);\\n transition: transform 0.5s ease;\\n opacity: 0;\\n}\\n\\n.bifa-view-all-button:hover::after {\\n transform: translate(-50%, -50%) scale(1);\\n opacity: 1;\\n}\\n\\n\\\/* Button text transitions *\\\/\\n.bifa-button-text {\\n transition: opacity 0.3s ease;\\n font-weight: 700 !important;\\n position: relative;\\n z-index: 2;\\n}\\n\\n.bifa-view-all-button svg {\\n transition: transform 0.3s ease;\\n position: relative;\\n z-index: 2;\\n}\\n\\n\\\/* Rotate arrow when expanded *\\\/\\n.bifa-view-all-button.expanded svg {\\n transform: rotate(90deg);\\n}\\n\\n\\\/* Premium counter badge *\\\/\\n.bifa-ambassador-count {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n color: var(--bifa-deep-navy) !important;\\n width: 32px;\\n height: 32px;\\n border-radius: 50%;\\n font-size: 1rem !important;\\n font-weight: 900 !important;\\n margin-left: 10px;\\n transition: all 0.3s ease;\\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);\\n position: relative;\\n z-index: 2;\\n}\\n\\n.bifa-view-all-button:hover .bifa-ambassador-count {\\n transform: scale(1.2) rotate(10deg);\\n box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6);\\n}\\n\\n\\\/* Button shimmer effect *\\\/\\n.bifa-view-all-button::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: -100%;\\n width: 100%;\\n height: 100%;\\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\\n transition: left 0.5s ease;\\n z-index: 1;\\n}\\n\\n.bifa-view-all-button:hover {\\n transform: translateY(-3px);\\n box-shadow: 0 30px 80px rgba(10, 31, 68, 0.4), \\n 0 15px 30px rgba(10, 31, 68, 0.3),\\n inset 0 -2px 4px rgba(0, 0, 0, 0.1);\\n background: linear-gradient(135deg, #162e5a, var(--bifa-deep-navy));\\n}\\n\\n.bifa-view-all-button:hover::before {\\n left: 100%;\\n}\\n\\n\\\/* ========= ANIMATIONS ========= *\\\/\\n@keyframes fadeInUp {\\n from {\\n opacity: 0;\\n transform: translateY(30px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n}\\n\\n@keyframes expandWidth {\\n from {\\n width: 0;\\n }\\n to {\\n width: 120px;\\n }\\n}\\n\\n\\\/* ========= RESPONSIVE ========= *\\\/\\n@media (max-width: 1024px) {\\n .bifa-ambassadors-grid {\\n grid-template-columns: repeat(2, 1fr);\\n gap: 35px;\\n }\\n \\n \\\/* Show only 2 cards on tablet *\\\/\\n .bifa-ambassador-card:nth-child(n+3) {\\n display: none;\\n opacity: 0;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+3) {\\n display: block;\\n animation: fadeInUp 0.8s ease-out forwards;\\n }\\n \\n \\\/* Stagger animations for expanded cards on mobile *\\\/\\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\\n animation-delay: 0.1s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\\n animation-delay: 0.2s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\\n animation-delay: 0.3s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\\n animation-delay: 0.4s;\\n }\\n \\n \\\/* Stagger animations for expanded cards on tablet *\\\/\\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\\n animation-delay: 0.1s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\\n animation-delay: 0.2s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\\n animation-delay: 0.3s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\\n animation-delay: 0.4s;\\n }\\n}\\n\\n@media (max-width: 768px) {\\n .bifa-ambassadors-section {\\n padding: 80px 20px 60px;\\n }\\n \\n .bifa-ambassadors-section-title {\\n font-size: 2rem;\\n }\\n \\n .bifa-ambassadors-subtitle {\\n font-size: 1.1rem;\\n }\\n \\n .bifa-ambassadors-grid {\\n grid-template-columns: 1fr;\\n gap: 30px;\\n }\\n \\n \\\/* Show only 2 cards on mobile *\\\/\\n .bifa-ambassador-card:nth-child(n+3) {\\n display: none;\\n opacity: 0;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+3) {\\n display: block;\\n animation: fadeInUp 0.8s ease-out forwards;\\n }\\n \\n .bifa-ambassador-card {\\n animation-delay: 0s !important;\\n }\\n \\n .bifa-ambassador-image {\\n height: 250px;\\n }\\n \\n .bifa-ambassador-content {\\n padding: 30px 25px;\\n }\\n \\n .bifa-ambassador-name {\\n font-size: 1.3rem;\\n }\\n \\n .bifa-ambassador-role {\\n font-size: 0.9rem;\\n }\\n \\n .bifa-ambassador-quote {\\n font-size: 1rem;\\n }\\n \\n \\n .bifa-view-all-button {\\n padding: 16px 40px;\\n font-size: 1.05rem !important;\\n min-width: 220px;\\n }\\n \\n .bifa-ambassador-count {\\n width: 26px;\\n height: 26px;\\n font-size: 0.85rem !important;\\n }\\n}\\n\\n@media (max-width: 480px) {\\n .bifa-ambassadors-section {\\n padding: 60px 15px 50px;\\n }\\n \\n .bifa-ambassadors-section-title {\\n font-size: 1.8rem;\\n }\\n \\n .bifa-ambassadors-subtitle {\\n font-size: 1rem;\\n margin-top: 20px;\\n }\\n \\n .bifa-ambassadors-title-wrapper {\\n margin-bottom: 60px;\\n }\\n \\n \\\/* Show only 1 card on small mobile *\\\/\\n .bifa-ambassador-card:nth-child(n+2) {\\n display: none;\\n opacity: 0;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+2) {\\n display: block;\\n animation: fadeInUp 0.8s ease-out forwards;\\n }\\n \\n \\\/* Stagger animations for expanded cards on small mobile *\\\/\\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(2) {\\n animation-delay: 0.1s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\\n animation-delay: 0.2s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\\n animation-delay: 0.3s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\\n animation-delay: 0.4s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\\n animation-delay: 0.5s;\\n }\\n \\n .bifa-ambassador-image {\\n height: 220px;\\n }\\n \\n .bifa-ambassador-content {\\n padding: 25px 20px;\\n }\\n \\n .bifa-ambassador-name {\\n font-size: 1.2rem;\\n }\\n \\n .bifa-ambassador-role {\\n font-size: 0.85rem;\\n }\\n \\n .bifa-ambassador-quote {\\n font-size: 0.95rem;\\n padding-left: 20px;\\n }\\n \\n .bifa-ambassador-quote::before {\\n font-size: 2rem;\\n }\\n \\n .bifa-view-all-button {\\n padding: 15px 35px;\\n font-size: 1rem !important;\\n min-width: 200px;\\n }\\n \\n .bifa-ambassador-count {\\n width: 24px;\\n height: 24px;\\n font-size: 0.8rem !important;\\n }\\n \\n .bifa-ambassador-badge {\\n font-size: 0.7rem;\\n padding: 6px 12px;\\n top: 15px;\\n right: 15px;\\n }\\n}\\n\\n\\\/* ========= LOADING PLACEHOLDER ========= *\\\/\\n.bifa-ambassador-placeholder {\\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\\n background-size: 200% 100%;\\n animation: loading 1.5s infinite;\\n}\\n\\n@keyframes loading {\\n 0% {\\n background-position: 200% 0;\\n }\\n 100% {\\n background-position: -200% 0;\\n }\\n}\\n\\n\\\/* ========= CAROUSEL INDICATORS (Desktop Hidden) ========= *\\\/\\n.bifa-carousel-indicators {\\n display: none;\\n}\\n\\n\\\/* ========= ENSURE WHITE TEXT IN BUTTON ========= *\\\/\\n.bifa-ambassadors-section-wrapper .bifa-view-all-button,\\n.bifa-ambassadors-section-wrapper .bifa-view-all-button * {\\n color: #FFFFFF !important;\\n}\\n\\n.bifa-ambassadors-section-wrapper .bifa-ambassador-count {\\n color: #0A1F44 !important;\\n}\\n<\\\/style>\\n<\\\/head>\\n<body>\\n\\n<\/p>\n<div class=\"\\\"bifa-ambassadors-section-wrapper\\\"\">\\n \\n <\/p>\n<section class=\"\\\"bifa-ambassadors-section\\\"\">\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassadors-bg-animation\\\"\">\\n \\n <\/p>\n<div class=\"\\\"bifa-floating-shape-amb\" bifa-shape-ambassadors-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-floating-shape-amb\" bifa-shape-ambassadors-2\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-floating-shape-amb\" bifa-shape-ambassadors-3\\\"><\\\/div>\\n \\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"bifa-ambassadors-container\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassadors-title-wrapper\\\"\">\\n <\/p>\n<h2 class=\"\\\"bifa-ambassadors-section-title\\\"\">Featured Stories \\\/ Ambassadors<\\\/h2>\\n <\/p>\n<p class=\"\\\"bifa-ambassadors-subtitle\\\"\">\\n Subtitle text about ambassadors will be placed here\\n <\\\/p>\\n <\\\/div>\\n \\n \\n <\/p>\n<div class=\"\\\"bifa-ambassadors-grid\\\"\">\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-badge\\\"\">Special Badge<\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-1.jpg\\\"\" alt=\"\\\"Ambassador\" 1\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 1<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-2.jpg\\\"\" alt=\"\\\"Ambassador\" 2\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 2<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-badge\\\"\">Special Badge<\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-3.jpg\\\"\" alt=\"\\\"Ambassador\" 3\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 3<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-4.jpg\\\"\" alt=\"\\\"Ambassador\" 4\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 4<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-badge\\\"\">Special Badge<\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-5.jpg\\\"\" alt=\"\\\"Ambassador\" 5\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 5<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-6.jpg\\\"\" alt=\"\\\"Ambassador\" 6\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 6<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n \\n \\n <\/p>\n<div class=\"\\\"bifa-carousel-indicators\\\"\"><\\\/div>\\n \\n \\n <\/p>\n<div class=\"\\\"bifa-ambassadors-cta\\\"\">\\n <button class=\"\\\"bifa-view-all-button\\\"\" onclick=\"\\\"BifaAmbassadors.toggleAllAmbassadors()\\\"\">\\n <span class=\"\\\"bifa-button-text\\\"\">View All Ambassadors<\\\/span>\\n <span class=\"\\\"bifa-ambassador-count\\\"\">3<\\\/span>\\n <svg width=\"\\\"20\\\"\" height=\"\\\"20\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"none\\\"\" stroke=\"\\\"#FFFFFF\\\"\" stroke-width=\"\\\"2.5\\\"\">\\n <path d=\"\\\"M5\" 12h19m19 12l12 5m19 19\\\" stroke =\"\\\"#FFFFFF\\\"\" stroke-width=\"\\\"2.5\\\"\" stroke-linecap=\"\\\"round\\\"\" stroke-linejoin=\"\\\"round\\\"\\\/\">\\n <\\\/svg>\\n <\\\/button>\\n <\\\/div>\\n <\\\/div>\\n <\\\/section>\\n<\\\/div>\\n\\n<script>\\n\\\/\\\/ BIFA+ Premium Ambassadors Module\\nconst BifaAmbassadors = {\\n \\\/\\\/ Configuration\\n config: {\\n particleCount: 12,\\n animationDelay: 100,\\n observerThreshold: 0.1,\\n visibleCards: 3,\\n isExpanded: false,\\n currentSlide: 0,\\n autoScrollInterval: null,\\n autoScrollDelay: 5000 \\\/\\\/ 5 seconds between slides\\n },\\n\\n \\\/\\\/ Initialize\\n init() {\\n this.createParticles();\\n this.setupIntersectionObserver();\\n this.setupImageLazyLoading();\\n this.setupHoverEffects();\\n this.initializeToggleButton();\\n this.initializeMobileCarousel();\\n },\\n\\n \\\/\\\/ Initialize mobile carousel\\n initializeMobileCarousel() {\\n if (window.innerWidth > 768) return;\\n \\n const grid = document.querySelector('.bifa-ambassadors-grid');\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n const indicatorsContainer = document.querySelector('.bifa-carousel-indicators');\\n \\n \\\/\\\/ Clear existing indicators\\n indicatorsContainer.innerHTML = '';\\n \\n \\\/\\\/ Create indicators\\n cards.forEach((_, index) => {\\n const dot = document.createElement('button');\\n dot.className = 'bifa-carousel-dot';\\n dot.setAttribute('aria-label', `Go to ambassador ${index + 1}`);\\n if (index === 0) dot.classList.add('active');\\n dot.addEventListener('click', () => this.scrollToCard(index));\\n indicatorsContainer.appendChild(dot);\\n });\\n \\n \\\/\\\/ Setup scroll listener with debounce\\n let scrollTimeout;\\n grid.addEventListener('scroll', () => {\\n clearTimeout(scrollTimeout);\\n scrollTimeout = setTimeout(() => {\\n this.updateActiveIndicator();\\n }, 50);\\n });\\n \\n \\\/\\\/ Start auto-scroll\\n this.startAutoScroll();\\n \\n \\\/\\\/ Pause auto-scroll on interaction\\n grid.addEventListener('touchstart', () => this.pauseAutoScroll());\\n grid.addEventListener('mouseenter', () => this.pauseAutoScroll());\\n grid.addEventListener('mouseleave', () => this.startAutoScroll());\\n \\n \\\/\\\/ Resume auto-scroll after touch ends\\n grid.addEventListener('touchend', () => {\\n setTimeout(() => this.startAutoScroll(), 1000);\\n });\\n },\\n\\n \\\/\\\/ Scroll to specific card\\n scrollToCard(index) {\\n const grid = document.querySelector('.bifa-ambassadors-grid');\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n \\n if (cards[index]) {\\n const card = cards[index];\\n const cardLeft = card.offsetLeft;\\n const cardWidth = card.offsetWidth;\\n const gridWidth = grid.offsetWidth;\\n \\n \\\/\\\/ Center the card in view\\n const scrollPosition = cardLeft - (gridWidth - cardWidth) \\\/ 2;\\n \\n grid.scrollTo({\\n left: scrollPosition,\\n behavior: 'smooth'\\n });\\n \\n this.config.currentSlide = index;\\n this.updateActiveIndicator();\\n }\\n },\\n\\n \\\/\\\/ Update active indicator\\n updateActiveIndicator() {\\n const grid = document.querySelector('.bifa-ambassadors-grid');\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n const dots = document.querySelectorAll('.bifa-carousel-dot');\\n \\n if (!cards.length) return;\\n \\n const scrollLeft = grid.scrollLeft;\\n const gridWidth = grid.offsetWidth;\\n \\n \\\/\\\/ Find which card is most centered\\n let closestIndex = 0;\\n let closestDistance = Infinity;\\n \\n cards.forEach((card, index) => {\\n const cardLeft = card.offsetLeft;\\n const cardWidth = card.offsetWidth;\\n const cardCenter = cardLeft + cardWidth \\\/ 2;\\n const gridCenter = scrollLeft + gridWidth \\\/ 2;\\n const distance = Math.abs(cardCenter - gridCenter);\\n \\n if (distance < closestDistance) {\\n closestDistance = distance;\\n closestIndex = index;\\n }\\n });\\n \\n \\\/\\\/ Update dots\\n dots.forEach((dot, index) => {\\n dot.classList.toggle('active', index === closestIndex);\\n });\\n \\n this.config.currentSlide = closestIndex;\\n },\\n\\n \\\/\\\/ Start auto-scroll\\n startAutoScroll() {\\n if (window.innerWidth > 768) return;\\n \\n this.pauseAutoScroll();\\n \\n this.config.autoScrollInterval = setInterval(() => {\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n const nextSlide = (this.config.currentSlide + 1) % cards.length;\\n this.scrollToCard(nextSlide);\\n }, this.config.autoScrollDelay);\\n },\\n\\n \\\/\\\/ Pause auto-scroll\\n pauseAutoScroll() {\\n if (this.config.autoScrollInterval) {\\n clearInterval(this.config.autoScrollInterval);\\n this.config.autoScrollInterval = null;\\n }\\n },\\n\\n \\\/\\\/ Initialize toggle button\\n initializeToggleButton() {\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n const totalCards = cards.length;\\n \\n \\\/\\\/ Determine visible cards based on screen size\\n let visibleCards = 3; \\\/\\\/ Desktop default\\n if (window.innerWidth <= 480) {\\n visibleCards = 1;\\n } else if (window.innerWidth <= 1024) {\\n visibleCards = 2;\\n }\\n \\n const hiddenCards = totalCards - visibleCards;\\n \\n \\\/\\\/ Update count badge\\n const countBadge = document.querySelector('.bifa-ambassador-count');\\n if (countBadge && hiddenCards > 0) {\\n countBadge.textContent = hiddenCards;\\n }\\n \\n \\\/\\\/ Hide button if not enough cards or on mobile\\n const ctaSection = document.querySelector('.bifa-ambassadors-cta');\\n if (totalCards <= visibleCards || window.innerWidth <= 768) {\\n ctaSection.style.display = 'none';\\n } else {\\n ctaSection.style.display = 'block';\\n }\\n \\n \\\/\\\/ Store visible cards count\\n this.config.visibleCards = visibleCards;\\n \\n \\\/\\\/ Update on window resize\\n let resizeTimeout;\\n window.addEventListener('resize', () => {\\n clearTimeout(resizeTimeout);\\n resizeTimeout = setTimeout(() => {\\n \\\/\\\/ Reset state and reinitialize\\n const grid = document.querySelector('.bifa-ambassadors-grid');\\n const button = document.querySelector('.bifa-view-all-button');\\n if (grid.classList.contains('expanded')) {\\n grid.classList.remove('expanded');\\n button.classList.remove('expanded');\\n this.config.isExpanded = false;\\n }\\n this.initializeToggleButton();\\n \\n \\\/\\\/ Reinitialize carousel if needed\\n if (window.innerWidth <= 768) {\\n this.initializeMobileCarousel();\\n } else {\\n this.pauseAutoScroll();\\n }\\n }, 250);\\n });\\n },\\n\\n \\\/\\\/ Toggle all ambassadors\\n toggleAllAmbassadors() {\\n const grid = document.querySelector('.bifa-ambassadors-grid');\\n const button = document.querySelector('.bifa-view-all-button');\\n const buttonText = button.querySelector('.bifa-button-text');\\n const countBadge = button.querySelector('.bifa-ambassador-count');\\n \\n this.config.isExpanded = !this.config.isExpanded;\\n \\n if (this.config.isExpanded) {\\n \\\/\\\/ Expand\\n grid.classList.add('expanded');\\n button.classList.add('expanded');\\n buttonText.textContent = 'Show Less';\\n countBadge.style.display = 'none';\\n \\n \\\/\\\/ Smooth scroll to newly visible cards\\n setTimeout(() => {\\n const fourthCard = document.querySelector('.bifa-ambassador-card:nth-child(4)');\\n if (fourthCard) {\\n const rect = fourthCard.getBoundingClientRect();\\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\\n const targetY = rect.top + scrollTop - 100;\\n \\n window.scrollTo({\\n top: targetY,\\n behavior: 'smooth'\\n });\\n }\\n }, 100);\\n } else {\\n \\\/\\\/ Collapse\\n grid.classList.remove('expanded');\\n button.classList.remove('expanded');\\n buttonText.textContent = 'View All Ambassadors';\\n countBadge.style.display = 'inline-flex';\\n \\n \\\/\\\/ Scroll back to top of section\\n const section = document.querySelector('.bifa-ambassadors-section');\\n section.scrollIntoView({ behavior: 'smooth', block: 'start' });\\n }\\n },\\n\\n \\\/\\\/ Create golden particles\\n createParticles() {\\n const particlesContainer = document.querySelector('.bifa-ambassadors-bg-animation');\\n if (!particlesContainer) return;\\n\\n for (let i = 0; i < this.config.particleCount; i++) {\\n const particle = document.createElement('div');\\n particle.className = 'bifa-ambassadors-particle';\\n particle.style.left = Math.random() * 100 + '%';\\n particle.style.animationDelay = Math.random() * 20 + 's';\\n particle.style.animationDuration = (18 + Math.random() * 10) + 's';\\n \\n const size = 3 + Math.random() * 2;\\n particle.style.width = size + 'px';\\n particle.style.height = size + 'px';\\n \\n particlesContainer.appendChild(particle);\\n }\\n },\\n\\n \\\/\\\/ Setup intersection observer for animations\\n setupIntersectionObserver() {\\n if (!window.IntersectionObserver) return;\\n\\n const observerOptions = {\\n threshold: this.config.observerThreshold,\\n rootMargin: '50px 0px'\\n };\\n\\n const observer = new IntersectionObserver((entries) => {\\n entries.forEach(entry => {\\n if (entry.isIntersecting) {\\n entry.target.classList.add('animate-in');\\n \\n \\\/\\\/ Special animation for badges\\n const badge = entry.target.querySelector('.bifa-ambassador-badge');\\n if (badge) {\\n setTimeout(() => {\\n badge.style.animation = 'slideDown 0.5s ease-out forwards';\\n }, 500);\\n }\\n }\\n });\\n }, observerOptions);\\n\\n \\\/\\\/ Observe only visible cards initially\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n cards.forEach((card, index) => {\\n if (window.innerWidth <= 768 || index < this.config.visibleCards || this.config.isExpanded) {\\n observer.observe(card);\\n }\\n });\\n },\\n\\n \\\/\\\/ Setup lazy loading for images\\n setupImageLazyLoading() {\\n const images = document.querySelectorAll('.bifa-ambassador-image img');\\n \\n if ('loading' in HTMLImageElement.prototype) {\\n images.forEach(img => {\\n img.loading = 'lazy';\\n });\\n } else {\\n \\\/\\\/ Fallback for browsers that don't support lazy loading\\n const imageObserver = new IntersectionObserver((entries) => {\\n entries.forEach(entry => {\\n if (entry.isIntersecting) {\\n const img = entry.target;\\n if (img.dataset.src) {\\n img.src = img.dataset.src;\\n img.removeAttribute('data-src');\\n imageObserver.unobserve(img);\\n }\\n }\\n });\\n });\\n\\n images.forEach(img => imageObserver.observe(img));\\n }\\n },\\n\\n \\\/\\\/ Setup hover effects\\n setupHoverEffects() {\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n \\n cards.forEach(card => {\\n card.addEventListener('mouseenter', (e) => {\\n this.createHoverParticles(e.currentTarget);\\n });\\n \\n card.addEventListener('mouseleave', (e) => {\\n this.removeHoverParticles(e.currentTarget);\\n });\\n });\\n },\\n\\n \\\/\\\/ Create hover particles effect\\n createHoverParticles(card) {\\n const particleCount = 5;\\n const cardRect = card.getBoundingClientRect();\\n \\n for (let i = 0; i < particleCount; i++) {\\n const particle = document.createElement('div');\\n particle.className = 'hover-particle';\\n particle.style.cssText = `\\n position: absolute;\\n width: 4px;\\n height: 4px;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n border-radius: 50%;\\n pointer-events: none;\\n animation: hoverFloat 2s ease-out forwards;\\n left: ${Math.random() * cardRect.width}px;\\n top: ${cardRect.height}px;\\n opacity: 0;\\n z-index: 100;\\n `;\\n \\n card.appendChild(particle);\\n }\\n },\\n\\n \\\/\\\/ Remove hover particles\\n removeHoverParticles(card) {\\n const particles = card.querySelectorAll('.hover-particle');\\n particles.forEach(p => {\\n p.style.animation = 'fadeOut 0.3s ease-out forwards';\\n setTimeout(() => p.remove(), 300);\\n });\\n },\\n\\n \\\/\\\/ Handle ambassador card click\\n handleCardClick(ambassadorId) {\\n console.log('Ambassador clicked:', ambassadorId);\\n \\\/\\\/ Add your navigation logic here\\n }\\n};\\n\\n\\\/\\\/ Initialize when DOM is ready\\ndocument.addEventListener('DOMContentLoaded', () => {\\n BifaAmbassadors.init();\\n});\\n\\n\\\/\\\/ Performance optimization - pause animations when not visible\\ndocument.addEventListener('visibilitychange', () => {\\n const particles = document.querySelectorAll('.bifa-ambassadors-particle');\\n const shapes = document.querySelectorAll('.bifa-floating-shape-amb');\\n \\n if (document.hidden) {\\n particles.forEach(p => p.style.animationPlayState = 'paused');\\n shapes.forEach(s => s.style.animationPlayState = 'paused');\\n } else {\\n particles.forEach(p => p.style.animationPlayState = 'running');\\n shapes.forEach(s => s.style.animationPlayState = 'running');\\n }\\n});\\n\\n\\\/\\\/ Add hover particle animation\\nconst style = document.createElement('style');\\nstyle.textContent = `\\n @keyframes hoverFloat {\\n 0% {\\n transform: translateY(0) scale(0);\\n opacity: 1;\\n }\\n 100% {\\n transform: translateY(-100px) scale(1.5);\\n opacity: 0;\\n }\\n }\\n \\n @keyframes fadeOut {\\n to {\\n opacity: 0;\\n transform: scale(0);\\n }\\n }\\n`;\\ndocument.head.appendChild(style);\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\"}}]}]}]}],\"version\":\"4.5.20\"} --><\/p><input type=\"hidden\" name=\"trp-form-language\" value=\"ru\"\/>","protected":false},"excerpt":{"rendered":"<p>BIFA+ – Partners & Sponsors Partners & Sponsors Together we create the future of Global South cooperation Play with Spirit. Leading with Vision. A global network of strategic partners and innovative sponsors supporting BIFA+’s mission to unite the Global South through football, cultural exchange, and sports diplomacy. From technology innovators to media giants, our partners […]<\/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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":23,"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1135,"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/pages\/14\/revisions\/1135"}],"wp:attachment":[{"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n
\n
\n
\n
\n BIFA+ – Partners & Sponsors<\/title><\/p>\n<p> \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n \/* ========= \u0413\u041b\u041e\u0411\u0410\u041b\u042c\u041d\u042b\u0415 \u041f\u0415\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415 BIFA+ ========= *\/\n :root {\n \/* \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 BIFA+ *\/\n --bifa-deep-navy: #0A1F44;\n --bifa-heritage-gold: #D4AF37;\n --bifa-civic-green: #1D6143;\n --bifa-bright-white: #FFFFFF;\n --bifa-soft-black: #1A1A1A;<\/p>\n<p> \/* \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0448\u0440\u0438\u0444\u0442\u044b BIFA+ *\/\n --bifa-font-heading: 'Montserrat', 'Cairo', sans-serif;\n --bifa-font-body: 'Poppins', 'Tajawal', sans-serif;\n --bifa-font-arabic: 'Cairo', 'Tajawal', 'GE SS Text', sans-serif;\n }<\/p>\n<p> \/* ========= RESET ========= *\/\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }<\/p>\n<p> body {\n font-family: var(--bifa-font-body);\n overflow-x: hidden;\n background: var(--bifa-bright-white);\n }<\/p>\n<p> \/* ========= \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u0418 ========= *\/\n @keyframes goldPulse {\n 0%, 100% { opacity: 0.6; }\n 50% { opacity: 1; }\n }<\/p>\n<p> @keyframes float {\n 0% {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 15% { opacity: 1; }\n 85% { opacity: 1; }\n 100% {\n transform: translateY(-100vh) translateX(50px);\n opacity: 0;\n }\n }<\/p>\n<p> @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }<\/p>\n<p> @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }<\/p>\n<p> @keyframes partners-pulse {\n 0%, 100% { \n filter: brightness(1.1) drop-shadow(0 0 10px rgba(212, 175, 55, 0.4)); \n transform: scale(1);\n }\n 50% { \n filter: brightness(1.3) drop-shadow(0 0 20px rgba(212, 175, 55, 0.6)); \n transform: scale(1.02);\n }\n }<\/p>\n<p> @keyframes partners-twinkle {\n 0%, 100% { \n opacity: 0.3; \n transform: scale(1); \n }\n 50% { \n opacity: 1; \n transform: scale(1.5); \n }\n }<\/p>\n<p> @keyframes partners-float-neon {\n 0%, 100% {\n transform: translate(0, 0) scale(1);\n }\n 33% {\n transform: translate(50px, -80px) scale(1.1);\n }\n 66% {\n transform: translate(-50px, 50px) scale(0.9);\n }\n }<\/p>\n<p> @keyframes partners-rotate-slow {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }<\/p>\n<p> @keyframes textRotate {\n 0% {\n opacity: 0;\n transform: translateY(-50%) translateY(20px);\n }\n 10% {\n opacity: 1;\n transform: translateY(-50%) translateY(0);\n }\n 40% {\n opacity: 1;\n transform: translateY(-50%) translateY(0);\n }\n 50% {\n opacity: 0;\n transform: translateY(-50%) translateY(-20px);\n }\n 100% {\n opacity: 0;\n transform: translateY(-50%) translateY(-20px);\n }\n }<\/p>\n<p> @keyframes textGlow {\n 0%, 100% {\n text-shadow: \n 0 0 10px rgba(212, 175, 55, 0.3),\n 0 0 20px rgba(212, 175, 55, 0.2),\n 0 0 30px rgba(212, 175, 55, 0.1);\n filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.2));\n }\n 50% {\n text-shadow: \n 0 0 15px rgba(212, 175, 55, 0.5),\n 0 0 30px rgba(212, 175, 55, 0.4),\n 0 0 45px rgba(212, 175, 55, 0.3),\n 0 0 60px rgba(212, 175, 55, 0.2);\n filter: drop-shadow(0 0 25px rgba(212, 175, 55, 0.3));\n }\n }<\/p>\n<p> \/* ========= \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u0419 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 ========= *\/\n .partners-section-wrapper {\n width: 100vw;\n position: relative;\n left: 50%;\n margin-left: -50vw;\n background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);\n overflow: hidden;\n }<\/p>\n<p> \/* \u0421\u0432\u044f\u0437\u0443\u044e\u0449\u0430\u044f \u043b\u0438\u043d\u0438\u044f \u0441 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0441\u0435\u043a\u0446\u0438\u0435\u0439 *\/\n .partners-section-wrapper::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, \n rgba(212, 175, 55, 0.3) 0%, \n rgba(212, 175, 55, 0.8) 50%, \n rgba(212, 175, 55, 0.3) 100%\n );\n box-shadow: \n 0 0 10px rgba(212, 175, 55, 0.4),\n 0 0 20px rgba(212, 175, 55, 0.2);\n z-index: 100;\n animation: goldPulse 3s ease-in-out infinite;\n }<\/p>\n<p> .bifa-partners-container {\n position: relative;\n padding: 80px 0;\n background: transparent;\n overflow: hidden;\n }<\/p>\n<p> .bifa-partners-container::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.03), transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(10, 31, 68, 0.03), transparent 50%);\n z-index: 0;\n }<\/p>\n<p> \/* ========= \u0427\u0410\u0421\u0422\u0418\u0426\u042b \u0418 \u0414\u0415\u041a\u041e\u0420\u0410\u0422\u0418\u0412\u041d\u042b\u0415 \u042d\u041b\u0415\u041c\u0415\u041d\u0422\u042b ========= *\/\n .bg-particles {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 2;\n }<\/p>\n<p> .particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n border-radius: 50%;\n animation: float 15s infinite linear;\n box-shadow: 0 0 8px rgba(212, 175, 55, 0.3);\n opacity: 0.3;\n }<\/p>\n<p> .neon-elements {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 0;\n pointer-events: none;\n }<\/p>\n<p> .neon-circle {\n position: absolute;\n border-radius: 50%;\n filter: blur(40px);\n animation: partners-float-neon 20s ease-in-out infinite;\n }<\/p>\n<p> .neon-circle:nth-child(1) {\n width: 300px;\n height: 300px;\n background: rgba(212, 175, 55, 0.08);\n top: -150px;\n left: -150px;\n animation: partners-float-neon 18s ease-in-out infinite;\n }<\/p>\n<p> .neon-circle:nth-child(2) {\n width: 400px;\n height: 400px;\n background: rgba(10, 31, 68, 0.06);\n bottom: -200px;\n right: -200px;\n animation: partners-float-neon 25s ease-in-out infinite;\n animation-delay: 5s;\n }<\/p>\n<p> .neon-circle:nth-child(3) {\n width: 250px;\n height: 250px;\n background: rgba(29, 97, 67, 0.05);\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n animation: partners-float-neon 30s ease-in-out infinite;\n animation-delay: 10s;\n }<\/p>\n<p> .glow-dot {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(212, 175, 55, 0.8);\n border-radius: 50%;\n box-shadow: 0 0 10px rgba(212, 175, 55, 0.8);\n animation: partners-twinkle 3s ease-in-out infinite;\n }<\/p>\n<p> .glow-dot:nth-child(6) {\n top: 15%;\n right: 10%;\n animation-delay: 0s;\n }<\/p>\n<p> .glow-dot:nth-child(7) {\n bottom: 25%;\n left: 8%;\n animation-delay: 1.5s;\n }<\/p>\n<p> .glow-dot:nth-child(8) {\n top: 70%;\n right: 30%;\n animation-delay: 2.5s;\n }<\/p>\n<p> \/* ========= \u041a\u041e\u041d\u0422\u0415\u041d\u0422 ========= *\/\n .content-wrapper {\n position: relative;\n z-index: 2;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 40px;\n }<\/p>\n<p> \/* ========= \u0417\u0410\u0413\u041e\u041b\u041e\u0412\u041e\u041a \u0421\u0415\u041a\u0426\u0418\u0418 ========= *\/\n .section-header {\n text-align: center;\n margin-bottom: 60px;\n position: relative;\n z-index: 1;\n animation: fadeInDown 1.2s ease;\n }<\/p>\n<p> .partners-title {\n font-family: var(--bifa-font-heading);\n font-size: clamp(3rem, 5vw, 4.5rem);\n font-weight: 900;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin-bottom: 25px;\n text-transform: uppercase;\n position: relative;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n display: inline-block;\n }<\/p>\n<p> .partners-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--bifa-heritage-gold), #ffd700);\n transition: width 0.4s ease;\n }<\/p>\n<p> .partners-title:hover {\n transform: translateY(-3px);\n }<\/p>\n<p> .partners-title:hover::after {\n width: 100%;\n }<\/p>\n<p> \/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0441\u043c\u0435\u043d\u044b \u0442\u0435\u043a\u0441\u0442\u043e\u0432 *\/\n .subtitle-container {\n position: relative;\n height: 60px;\n margin-bottom: 20px;\n overflow: visible;\n display: flex;\n align-items: center;\n justify-content: center;\n }<\/p>\n<p> .partners-subtitle,\n .partners-slogan {\n font-family: var(--bifa-font-body);\n font-size: clamp(1.2rem, 2.5vw, 1.8rem);\n color: var(--bifa-deep-navy);\n font-weight: 600;\n letter-spacing: 2px;\n position: absolute;\n width: 100%;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n margin: 0;\n text-align: center;\n opacity: 0;\n z-index: 2;\n }<\/p>\n<p> .partners-subtitle {\n animation: textRotate 8s ease-in-out infinite;\n }<\/p>\n<p> .partners-slogan {\n font-family: var(--bifa-font-heading);\n font-weight: 700;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n animation: textRotate 8s ease-in-out infinite, textGlow 2s ease-in-out infinite;\n animation-delay: 4s, 4s;\n }<\/p>\n<p> .partners-description {\n max-width: 900px;\n margin: 0 auto;\n font-family: var(--bifa-font-body);\n font-size: clamp(1rem, 1.5vw, 1.2rem);\n line-height: 1.8;\n color: #4a5568;\n font-weight: 400;\n opacity: 0;\n animation: fadeInUp 1s ease forwards;\n animation-delay: 2s;\n }<\/p>\n<p> .highlight {\n font-weight: 700;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }<\/p>\n<p> \/* ========= \u041a\u0410\u0422\u0415\u0413\u041e\u0420\u0418\u0418 \u041f\u0410\u0420\u0422\u041d\u0415\u0420\u041e\u0412 ========= *\/\n .partner-categories {\n margin-bottom: 50px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out 0.2s both;\n }<\/p>\n<p> .category-tabs {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n }<\/p>\n<p> .category-tab {\n padding: 14px 35px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border: 2px solid rgba(212, 175, 55, 0.2);\n border-radius: 50px;\n font-weight: 600;\n color: var(--bifa-deep-navy);\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n font-family: var(--bifa-font-heading);\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> .category-tab::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n transition: left 0.5s ease;\n }<\/p>\n<p> .category-tab:hover::before {\n left: 100%;\n }<\/p>\n<p> .category-tab:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2);\n border-color: var(--bifa-heritage-gold);\n background: rgba(255, 255, 255, 1);\n }<\/p>\n<p> .category-tab.active {\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\n color: var(--bifa-deep-navy);\n border-color: transparent;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n font-weight: 800;\n }<\/p>\n<p> \/* ========= \u0421\u0415\u0422\u041a\u0410 \u041f\u0410\u0420\u0422\u041d\u0415\u0420\u041e\u0412 ========= *\/\n .partners-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n margin-bottom: 60px;\n position: relative;\n z-index: 1;\n animation: fadeInUp 1s ease-out 0.4s both;\n }<\/p>\n<p> .partner-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n border: 2px solid rgba(212, 175, 55, 0.1);\n height: 250px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px 30px;\n }<\/p>\n<p> .partner-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at center, rgba(212, 175, 55, 0.05) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }<\/p>\n<p> .partner-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\n border-color: rgba(212, 175, 55, 0.3);\n }<\/p>\n<p> .partner-card:hover::before {\n opacity: 1;\n }<\/p>\n<p> .partner-tier-badge {\n position: absolute;\n top: 15px;\n right: 15px;\n padding: 5px 12px;\n border-radius: 20px;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n font-family: var(--bifa-font-heading);\n backdrop-filter: blur(10px);\n z-index: 2;\n }<\/p>\n<p> .tier-platinum {\n background: linear-gradient(135deg, #e5e7eb 0%, #9ca3af 100%);\n color: #1f2937;\n box-shadow: 0 2px 10px rgba(156, 163, 175, 0.4);\n }<\/p>\n<p> .tier-gold {\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\n color: var(--bifa-deep-navy);\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.4);\n }<\/p>\n<p> .tier-silver {\n background: linear-gradient(135deg, #d1d5db 0%, #e5e7eb 100%);\n color: #374151;\n box-shadow: 0 2px 10px rgba(209, 213, 219, 0.4);\n }<\/p>\n<p> .tier-media {\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\n color: white;\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\n }\n .tier-strategic {\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\n color: white;\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\n }\n .tier-institutional {\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\n color: white;\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\n }<\/p>\n<p> .partner-logo {\n width: 100%;\n max-width: 200px;\n height: 100px;\n object-fit: contain;\n filter: grayscale(100%);\n opacity: 0.7;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n }<\/p>\n<p> .partner-card:hover .partner-logo {\n filter: grayscale(0%);\n opacity: 1;\n transform: scale(1.05);\n }<\/p>\n<p> .partner-info {\n text-align: center;\n margin-top: 20px;\n position: relative;\n z-index: 1;\n }<\/p>\n<p> .partner-name {\n font-weight: 700;\n color: var(--bifa-deep-navy);\n font-size: 1.2rem;\n margin-bottom: 5px;\n transition: color 0.3s ease;\n font-family: var(--bifa-font-heading);\n }<\/p>\n<p> .partner-card:hover .partner-name {\n color: var(--bifa-heritage-gold);\n }<\/p>\n<p> .partner-description {\n font-size: 0.9rem;\n color: #64748b;\n line-height: 1.4;\n font-family: var(--bifa-font-body);\n }<\/p>\n<p> \/* ========= CTA \u0421\u0415\u041a\u0426\u0418\u042f ========= *\/\n .partners-cta {\n text-align: center;\n padding: 60px 40px;\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.08) 100%);\n backdrop-filter: blur(10px);\n border-radius: 25px;\n position: relative;\n z-index: 1;\n overflow: hidden;\n animation: fadeInUp 1s ease-out 0.6s both;\n border: 2px solid rgba(212, 175, 55, 0.2);\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n }<\/p>\n<p> .partners-cta::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 50%);\n animation: partners-rotate-slow 20s linear infinite;\n }<\/p>\n<p> .cta-title {\n font-family: var(--bifa-font-heading);\n font-size: 2.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin-bottom: 20px;\n position: relative;\n z-index: 1;\n }<\/p>\n<p> .cta-description {\n font-size: 1.2rem;\n color: var(--bifa-deep-navy);\n margin-bottom: 30px;\n line-height: 1.6;\n position: relative;\n z-index: 1;\n font-family: var(--bifa-font-body);\n }<\/p>\n<p> .cta-button {\n display: inline-block;\n padding: 18px 50px;\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\n color: var(--bifa-deep-navy);\n text-decoration: none;\n border-radius: 50px;\n font-weight: 700;\n font-size: 1.1rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n font-family: var(--bifa-font-heading);\n transition: all 0.3s ease;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n position: relative;\n z-index: 1;\n overflow: hidden;\n }<\/p>\n<p> .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n }<\/p>\n<p> .cta-button:hover::before {\n left: 100%;\n }<\/p>\n<p> .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\n }<\/p>\n<p> \/* ========= \u0421\u041e\u0421\u0422\u041e\u042f\u041d\u0418\u0415 \u0417\u0410\u0413\u0420\u0423\u0417\u041a\u0418 ========= *\/\n .loading-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 80px 20px;\n text-align: center;\n }<\/p>\n<p> .loading-content {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n padding: 40px 30px;\n border: 2px solid rgba(212, 175, 55, 0.2);\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> .loading-icon {\n font-size: 48px;\n margin-bottom: 20px;\n animation: partners-pulse 2s ease-in-out infinite;\n }<\/p>\n<p> .loading-title {\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--bifa-deep-navy);\n margin-bottom: 10px;\n font-family: var(--bifa-font-heading);\n }<\/p>\n<p> .loading-subtitle {\n font-size: 1rem;\n color: #64748b;\n font-family: var(--bifa-font-body);\n }<\/p>\n<p> \/* ========= RESPONSIVE DESIGN ========= *\/\n @media (max-width: 1024px) {\n .content-wrapper {\n padding: 0 30px;\n }<\/p>\n<p> .partners-grid {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n }<\/p>\n<p> .partners-title {\n font-size: 3rem;\n }\n }<\/p>\n<p> @media (max-width: 768px) {\n .content-wrapper {\n padding: 0 20px;\n }<\/p>\n<p> .partners-title {\n font-size: 2.5rem;\n }<\/p>\n<p> .subtitle-container {\n height: 50px;\n }<\/p>\n<p> .partners-subtitle,\n .partners-slogan {\n font-size: 1.2rem;\n }<\/p>\n<p> .partners-grid {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n }<\/p>\n<p> .partner-card {\n height: 220px;\n padding: 30px 20px;\n }<\/p>\n<p> .cta-title {\n font-size: 2rem;\n }<\/p>\n<p> .cta-button {\n padding: 15px 40px;\n font-size: 1rem;\n }<\/p>\n<p> .category-tab {\n padding: 12px 25px;\n font-size: 0.9rem;\n }\n }<\/p>\n<p> @media (max-width: 480px) {\n .partners-grid {\n grid-template-columns: 1fr;\n }<\/p>\n<p> .partners-title {\n font-size: 2rem;\n }<\/p>\n<p> .subtitle-container {\n height: 30px;\n margin-bottom: 15px;\n padding: 10px 0;\n }<\/p>\n<p> .partners-subtitle,\n .partners-slogan {\n font-size: 1rem;\n letter-spacing: 1px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"partners-section-wrapper\">\n <\/p>\n<div class=\"bg-particles\"><\/div>\n<p> <\/p>\n<section class=\"bifa-partners-container\">\n <\/p>\n<div class=\"neon-elements\">\n<div class=\"neon-circle\"><\/div>\n<div class=\"neon-circle\"><\/div>\n<div class=\"neon-circle\"><\/div>\n<div class=\"glow-dot\"><\/div>\n<div class=\"glow-dot\"><\/div>\n<div class=\"glow-dot\"><\/div>\n<\/p><\/div>\n<div class=\"content-wrapper\">\n <\/p>\n<div class=\"section-header\">\n<div class=\"partners-title\">\u041f\u0430\u0440\u0442\u043d\u0435\u0440\u044b \u0438 \u0441\u043f\u043e\u043d\u0441\u043e\u0440\u044b<\/div>\n<div class=\"subtitle-container\">\n<p class=\"partners-subtitle\">\u0412\u043c\u0435\u0441\u0442\u0435 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u042e\u0433\u0430<\/p>\n<p class=\"partners-slogan\">\u0418\u0433\u0440\u0430\u0439\u0442\u0435 \u0441 \u0434\u0443\u0445\u043e\u043c. \u0412\u0435\u0441\u0442\u0438 \u0437\u0430 \u0441\u043e\u0431\u043e\u0439.<\/p>\n<\/p><\/div>\n<p class=\"partners-description\">\n \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0435\u0442\u044c <span class=\"highlight\">\u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u044b<\/span> \u0438<br \/>\n <span class=\"highlight\">\u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u043f\u043e\u043d\u0441\u043e\u0440\u044b<\/span> \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044f \u043c\u0438\u0441\u0441\u0438\u044e BIFA+ \u043f\u043e \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044e<br \/>\n <span class=\"highlight\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u042e\u0433<\/span> \u0447\u0435\u0440\u0435\u0437 \u0444\u0443\u0442\u0431\u043e\u043b, \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u043d\u044b\u0439 \u043e\u0431\u043c\u0435\u043d \u0438<br \/>\n <span class=\"highlight\">\u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u0430\u044f \u0434\u0438\u043f\u043b\u043e\u043c\u0430\u0442\u0438\u044f<\/span>. From technology innovators to media giants,<br \/>\n our partners share our vision of creating bridges between nations and empowering the next generation.\n <\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"partner-categories\">\n<div class=\"category-tabs\">\n <button class=\"category-tab active\" onclick=\"filterPartners('all')\">\u0412\u0441\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('platinum')\">\u041f\u043b\u0430\u0442\u0438\u043d\u0430<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('gold')\">\u0417\u043e\u043b\u043e\u0442\u043e<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('silver')\">\u0421\u0435\u0440\u0435\u0431\u0440\u043e<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('media')\">\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('strategic')\">\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/button><br \/>\n <button class=\"category-tab\" onclick=\"filterPartners('institutional')\">\u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/button>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"partners-grid\" id=\"partnersGrid\">\n<div class=\"loading-container\">\n<div class=\"loading-content\">\n<div class=\"loading-icon\">\u2728<\/div>\n<h3 class=\"loading-title\">\u0421\u0442\u0440\u043e\u0438\u043c \u0432\u043c\u0435\u0441\u0442\u0435<\/h3>\n<p class=\"loading-subtitle\"> BIFA \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0430\u0435\u0442 \u0441 \u043f\u0440\u0430\u0432\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430\u043c\u0438, \u043a\u043b\u0443\u0431\u0430\u043c\u0438 \u0438 \u043d\u043e\u0432\u0430\u0442\u043e\u0440\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c \u0444\u0443\u0442\u0431\u043e\u043b \u043d\u0430 \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u043c \u042e\u0433\u0435. \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b \u0431\u0443\u0434\u0443\u0442 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"partners-cta\">\n<h3 class=\"cta-title\">\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044e BIFA+<\/h3>\n<p class=\"cta-description\">\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0430\u0439\u0442\u0435 \u0441 \u043d\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u043e\u0435 \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u0434\u043b\u044f \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0433\u043e \u0441\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0438 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0430 \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u042e\u0433\u0430<\/p>\n<p> <a href=\"https:\/\/bifa.ai\/partners\/\" class=\"cta-button\">\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0430\u0439\u0442\u0435 \u0441 \u043d\u0430\u043c\u0438<\/a>\n <\/div>\n<\/p><\/div>\n<\/section><\/div>\n<p> <script>\n \/\/ Partner data will be loaded from API\n let partnersData = [];<\/p>\n<p> \/\/ Function to load partners from backend\n async function loadPartners() {\n try {\n const response = await fetch('\/wp-json\/bifa\/v1\/partners');\n if (!response.ok) {\n throw new Error('Failed to load partners');\n }\n const data = await response.json();\n partnersData = data;\n displayPartners('all');\n } catch (error) {\n console.error('Error loading partners:', error);\n showError();\n }\n }<\/p>\n<p> \/\/ Function to display partners\n function displayPartners(filterType = 'all') {\n const grid = document.getElementById('partnersGrid');\n grid.innerHTML = '';<\/p>\n<p> \/\/ Filter partners\n const filteredPartners = filterType === 'all' \n ? partnersData \n : partnersData.filter(partner => partner.type === filterType);<\/p>\n<p> \/\/ Sort by order\n filteredPartners.sort((a, b) => a.order - b.order);<\/p>\n<p> if (filteredPartners.length === 0) {\n grid.innerHTML = `<\/p>\n<div class=\"loading-container\" style=\"grid-column: 1 \/ -1;\">\n<div class=\"loading-content\">\n<div class=\"loading-icon\">\ud83e\udd1d<\/div>\n<h3 class=\"loading-title\">Building Together<\/h3>\n<p class=\"loading-subtitle\">BIFA collaborates with governments, clubs, and innovators to grow football across the Global South. Official partners will be announced soon<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> `;\n return;\n }<\/p>\n<p> \/\/ Create partner cards\n filteredPartners.forEach(partner => {\n const card = createPartnerCard(partner);\n grid.appendChild(card);\n });<\/p>\n<p> \/\/ Add animation delay to cards\n const cards = grid.querySelectorAll('.partner-card');\n cards.forEach((card, index) => {\n card.style.animationDelay = `${index * 0.1}s`;\n });\n }<\/p>\n<p> \/\/ Function to create partner card\n function createPartnerCard(partner) {\n const card = document.createElement('div');\n card.className = 'partner-card';\n card.style.animation = 'fadeInUp 0.6s ease-out both';<\/p>\n<p> \/\/ Tier badge\n const tierBadge = document.createElement('div');\n tierBadge.className = `partner-tier-badge tier-${partner.type}`;\n tierBadge.textContent = partner.type;<\/p>\n<p> \/\/ Logo\n const logo = document.createElement('img');\n logo.className = 'partner-logo';\n logo.src = partner.logo_url;\n logo.alt = partner.name;\n logo.loading = 'lazy';<\/p>\n<p> \/\/ Info container\n const info = document.createElement('div');\n info.className = 'partner-info';<\/p>\n<p> const name = document.createElement('h3');\n name.className = 'partner-name';\n name.textContent = partner.name;<\/p>\n<p> const description = document.createElement('p');\n description.className = 'partner-description';\n description.textContent = partner.description || '';<\/p>\n<p> info.appendChild(name);\n if (partner.description) {\n info.appendChild(description);\n }<\/p>\n<p> \/\/ Assemble card\n card.appendChild(tierBadge);\n card.appendChild(logo);\n card.appendChild(info);<\/p>\n<p> \/\/ Add click handler\n if (partner.website) {\n card.style.cursor = 'pointer';\n card.onclick = () => window.open(partner.website, '_blank');\n }<\/p>\n<p> return card;\n }<\/p>\n<p> \/\/ Function to filter partners\n function filterPartners(type) {\n \/\/ Update active tab\n document.querySelectorAll('.category-tab').forEach(tab => {\n tab.classList.remove('active');\n });\n event.target.classList.add('active');<\/p>\n<p> \/\/ Display filtered partners\n displayPartners(type);\n }<\/p>\n<p> \/\/ Function to show error state\n function showError() {\n const grid = document.getElementById('partnersGrid');\n grid.innerHTML = `<\/p>\n<div class=\"loading-container\" style=\"grid-column: 1 \/ -1;\">\n<div class=\"loading-content\">\n<div class=\"loading-icon\">\u26a0\ufe0f<\/div>\n<h3 class=\"loading-title\">Loading Error<\/h3>\n<p class=\"loading-subtitle\">Please refresh the page<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> `;\n }<\/p>\n<p> \/\/ Initialize on page load\n document.addEventListener('DOMContentLoaded', function() {\n loadPartners();<\/p>\n<p> \/\/ Create optimized floating particles (reduced count for performance)\n const particlesContainer = document.querySelector('.bg-particles');\n const particleCount = 15; \/\/ Reduced for better performance<\/p>\n<p> for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 15 + 's';\n particle.style.animationDuration = (12 + Math.random() * 6) + 's';\n \n const size = 3 + Math.random() * 3; \/\/ Smaller particles\n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n \n particlesContainer.appendChild(particle);\n }\n });\n <\/script><br \/>\n<\/body><br \/>\n<\/html>\n<\/div>\n<div>\n<p> <!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n<title>BIFA+ - Become a Partner<\/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 --bg-gradient: linear-gradient(135deg, rgba(10, 31, 68, 0.03) 0%, rgba(212, 175, 55, 0.03) 100%);\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>\/* \u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 *\/\n* { \n box-sizing: border-box; \n margin: 0;\n padding: 0;\n}<\/p>\n<p>body { \n font-family: 'Poppins', sans-serif;\n background: var(--bright-white);\n color: var(--text-primary);\n line-height: 1.6;\n}<\/p>\n<p>\/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 *\/\n@keyframes float { \n 0%, 100% { transform: translateY(0); opacity: 1; }\n 50% { transform: translateY(-10px); opacity: 0.8; }\n}<\/p>\n<p>@keyframes fadeIn { \n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}<\/p>\n<p>@keyframes spin { to { transform: rotate(360deg); } }<\/p>\n<p>\/* \u0424\u043e\u0440\u043c\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 - \u0411\u0415\u0417 \u0412\u0415\u0420\u0425\u041d\u0415\u0419 \u0413\u0420\u0410\u041d\u0418\u0426\u042b *\/\n.registration-section {\n position: relative;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n padding: 80px 0;\n background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);\n overflow: hidden;\n}<\/p>\n<p>\/* \u0424\u043e\u043d\u043e\u0432\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043a\u0430\u043a \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 *\/\n.registration-section::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.03), transparent 50%),\n radial-gradient(circle at 70% 80%, rgba(10, 31, 68, 0.03), transparent 50%);\n z-index: 0;\n}<\/p>\n<p>\/* \u0427\u0430\u0441\u0442\u0438\u0446\u044b *\/\n.particles {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 1;\n}<\/p>\n<p>.particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(212, 175, 55, 0.2);\n border-radius: 50%;\n animation: float 15s ease-in-out infinite;\n}<\/p>\n<p>.particle:nth-child(2n) { background: rgba(10, 31, 68, 0.15); animation-duration: 18s; }\n.particle:nth-child(3n) { background: rgba(29, 97, 67, 0.1); animation-duration: 20s; }<\/p>\n<p>\/* \u041a\u043e\u043d\u0442\u0435\u043d\u0442 wrapper *\/\n.content-wrapper {\n position: relative;\n z-index: 2;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 40px;\n}<\/p>\n<p>.form-container {\n max-width: 800px;\n margin: 0 auto;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n padding: 50px;\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n position: relative;\n z-index: 2;\n animation: fadeIn 1.2s ease-out;\n border: 2px solid rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.form-header {\n text-align: center;\n margin-bottom: 40px;\n}<\/p>\n<p>.form-header h3 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: clamp(2rem, 4vw, 3rem);\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin: 0 0 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n position: relative;\n display: inline-block;\n}<\/p>\n<p>.form-header h3:after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 120px;\n height: 5px;\n background: var(--heritage-gold);\n border-radius: 3px;\n}<\/p>\n<p>.form-header p {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(1rem, 1.5vw, 1.2rem);\n color: var(--text-secondary);\n margin: 20px 0 0;\n line-height: 1.8;\n}<\/p>\n<p>\/* \u0421\u0442\u0438\u043b\u0438 \u0444\u043e\u0440\u043c\u044b *\/\n.registration-form {\n display: grid;\n gap: 25px;\n}<\/p>\n<p>.form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n}<\/p>\n<p>.form-group {\n position: relative;\n}<\/p>\n<p>.form-group.full-width {\n grid-column: 1 \/ -1;\n}<\/p>\n<p>.form-label {\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--deep-navy);\n margin-bottom: 8px;\n display: block;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}<\/p>\n<p>.form-label .required {\n color: #dc2626;\n margin-left: 4px;\n}<\/p>\n<p>.form-input,\n.form-select,\n.form-textarea {\n width: 100%;\n padding: 14px 20px;\n background: var(--bright-white);\n border: 2px solid #e5e7eb;\n border-radius: var(--radius);\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n color: var(--text-primary);\n transition: var(--transition);\n outline: none;\n}<\/p>\n<p>.form-input:focus,\n.form-select:focus,\n.form-textarea:focus {\n border-color: var(--heritage-gold);\n box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.form-textarea {\n min-height: 120px;\n resize: vertical;\n}<\/p>\n<p>.form-select {\n cursor: pointer;\n appearance: none;\n background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n background-repeat: no-repeat;\n background-position: right 20px center;\n background-size: 20px;\n padding-right: 50px;\n}<\/p>\n<p>\/* \u041a\u043d\u043e\u043f\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 *\/\n.submit-button {\n background: linear-gradient(135deg, var(--heritage-gold) 0%, #ffd700 100%);\n color: var(--deep-navy);\n border: none;\n padding: 16px 40px;\n border-radius: 50px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 16px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n transition: var(--transition);\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n width: 100%;\n margin-top: 20px;\n position: relative;\n overflow: hidden;\n}<\/p>\n<p>.submit-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n}<\/p>\n<p>.submit-button:hover::before {\n left: 100%;\n}<\/p>\n<p>.submit-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\n}<\/p>\n<p>.submit-button:active {\n transform: translateY(-1px);\n}<\/p>\n<p>\/* \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043e\u0431 \u0443\u0441\u043f\u0435\u0445\u0435\/\u043e\u0448\u0438\u0431\u043a\u0435 *\/\n.message {\n padding: 16px 20px;\n border-radius: var(--radius);\n margin-bottom: 20px;\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n display: none;\n animation: fadeIn 0.5s ease-out;\n}<\/p>\n<p>.message.success {\n background: #10b981;\n color: white;\n}<\/p>\n<p>.message.error {\n background: #ef4444;\n color: white;\n}<\/p>\n<p>\/* \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u043f\u043e\u0434 \u0444\u043e\u0440\u043c\u043e\u0439 *\/\n.info-section {\n margin-top: 80px;\n position: relative;\n z-index: 2;\n}<\/p>\n<p>.info-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n max-width: 1000px;\n margin: 0 auto;\n}<\/p>\n<p>.info-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n padding: 40px 30px;\n border-radius: 20px;\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n transition: var(--transition);\n text-align: center;\n border: 2px solid rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.info-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\n border-color: rgba(212, 175, 55, 0.3);\n}<\/p>\n<p>.info-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--heritage-gold) 0%, #ffd700 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n margin: 0 auto 20px;\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n}<\/p>\n<p>.info-title {\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 22px;\n color: var(--deep-navy);\n margin: 0 0 15px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}<\/p>\n<p>.info-text {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n color: var(--text-secondary);\n line-height: 1.8;\n margin: 0;\n}<\/p>\n<p>\/* \u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 *\/\n.spinner {\n width: 20px;\n height: 20px;\n border: 3px solid rgba(10, 31, 68, 0.1);\n border-top-color: var(--deep-navy);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n display: inline-block;\n vertical-align: middle;\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 .content-wrapper {\n padding: 0 20px;\n }<\/p>\n<p> .form-container { \n padding: 30px 20px; \n }<\/p>\n<p> .form-row { \n grid-template-columns: 1fr; \n }<\/p>\n<p> .form-header h3 { \n font-size: 28px; \n }<\/p>\n<p> .info-cards { \n grid-template-columns: 1fr; \n }\n}\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><\/p>\n<div class=\"registration-section\">\n<div class=\"particles\">\n<div class=\"particle\" style=\"left:10%;animation-delay:0s\"><\/div>\n<div class=\"particle\" style=\"left:30%;animation-delay:2s\"><\/div>\n<div class=\"particle\" style=\"left:50%;animation-delay:4s\"><\/div>\n<div class=\"particle\" style=\"left:70%;animation-delay:6s\"><\/div>\n<div class=\"particle\" style=\"left:90%;animation-delay:8s\"><\/div>\n<\/p><\/div>\n<div class=\"content-wrapper\">\n<div class=\"form-container\">\n<div class=\"form-header\">\n<h3>\u0421\u0442\u0430\u043d\u044c\u0442\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u043c BIFA+<\/h3>\n<p>\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a \u043d\u0430\u0448\u0435\u0439 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0439, \u0441\u0442\u0440\u0435\u043c\u044f\u0449\u0438\u0445\u0441\u044f \u0441\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0438 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u043c\u0443 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044e \u0441\u0442\u0440\u0430\u043d \u0411\u0420\u0418\u041a\u0421+.<\/p>\n<\/p><\/div>\n<div id=\"successMessage\" class=\"message success\">\n \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u0440\u043e\u044f\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0435\u0441! \u0412\u0430\u0448\u0430 \u0437\u0430\u044f\u0432\u043a\u0430 \u0431\u044b\u043b\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.\n <\/div>\n<div id=\"errorMessage\" class=\"message error\">\n \u041f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435 \u0432\u0430\u0448\u0435\u0439 \u0437\u0430\u044f\u0432\u043a\u0438 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437 \u0438\u043b\u0438 \u0441\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e.\n <\/div>\n<form class=\"registration-form\" id=\"partnerForm\" onsubmit=\"handleFormSubmit(event)\" action=\"\">\n<div class=\"form-row\">\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"name\"><br \/>\n \u041f\u043e\u043b\u043d\u043e\u0435 \u0438\u043c\u044f <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" required>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"organization\"><br \/>\n \u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input type=\"text\" id=\"organization\" name=\"organization\" class=\"form-input\" required>\n <\/div>\n<\/p><\/div>\n<div class=\"form-row\">\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"email\"><br \/>\n \u0410\u0434\u0440\u0435\u0441 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" required>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"phone\"><br \/>\n \u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" required>\n <\/div>\n<\/p><\/div>\n<div class=\"form-row\">\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"country\"><br \/>\n \u0421\u0442\u0440\u0430\u043d\u0430 <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <input type=\"text\" id=\"country\" name=\"country\" class=\"form-input\" required>\n <\/div>\n<div class=\"form-group\">\n <label class=\"form-label\" for=\"partnershipType\"><br \/>\n \u0422\u0438\u043f \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <select id=\"partnershipType\" name=\"partnershipType\" class=\"form-select\" required><option value=\"\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043f \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430<\/option><option value=\"platinum\">\u041f\u043b\u0430\u0442\u0438\u043d\u043e\u0432\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><option value=\"strategic\">\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><option value=\"gold\">\u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><option value=\"silver\">\u0421\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><option value=\"institutional\">\u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><option value=\"media\">\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440<\/option><\/select>\n <\/div>\n<\/p><\/div>\n<div class=\"form-group full-width\">\n <label class=\"form-label\" for=\"message\"><br \/>\n \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 <span class=\"required\">*<\/span><br \/>\n <\/label><br \/>\n <textarea id=\"message\" name=\"message\" class=\"form-textarea\" required placeholder=\"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u043d\u0430\u043c \u043e \u0432\u0430\u0448\u0435\u0439 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0432\u044b \u0445\u043e\u0442\u0435\u043b\u0438 \u0431\u044b \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0430\u0442\u044c \u0441 BIFA+\"><\/textarea>\n <\/div>\n<p> <button type=\"submit\" class=\"submit-button\" id=\"submitBtn\"><br \/>\n \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<br \/>\n <\/button><br \/>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ru\"\/><\/form>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"info-section\">\n<div class=\"info-cards\">\n<div class=\"info-card\">\n<div class=\"info-icon\">\ud83e\udd1d<\/div>\n<h4 class=\"info-title\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430<\/h4>\n<p class=\"info-text\">\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u043d\u0430\u043b\u0430\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432, \u043f\u0440\u0438\u043c\u0438\u0442\u0435 \u0443\u0447\u0430\u0441\u0442\u0438\u0435 \u0432 \u0444\u043e\u0440\u0443\u043c\u0430\u0445 \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u0435 \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0439 \u0442\u043e\u0440\u0433\u043e\u0432\u043b\u0438.<\/p>\n<\/p><\/div>\n<div class=\"info-card\">\n<div class=\"info-icon\">\ud83c\udf10<\/div>\n<h4 class=\"info-title\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0445\u0432\u0430\u0442<\/h4>\n<p class=\"info-text\">\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0441 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f\u043c\u0438 \u0438\u0437 \u0441\u0442\u0440\u0430\u043d \u0411\u0420\u0418\u041a\u0421+ \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u0435 \u0434\u0435\u043b\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043d\u0430 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0449\u0438\u0445\u0441\u044f \u0440\u044b\u043d\u043a\u0430\u0445.<\/p>\n<\/p><\/div>\n<div class=\"info-card\">\n<div class=\"info-icon\">\ud83d\udcc8<\/div>\n<h4 class=\"info-title\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0440\u043e\u0441\u0442\u0430<\/h4>\n<p class=\"info-text\">\u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u043d\u043e\u0432\u044b\u0435 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u043a\u0438\u0435 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f, \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u043c\u0443 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u043c\u0443 \u0440\u043e\u0441\u0442\u0443.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><script>\n\/\/ \u0424\u043e\u0440\u043c\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438\nasync function handleFormSubmit(event) {\n event.preventDefault();<\/p>\n<p> const form = event.target;\n const submitBtn = document.getElementById('submitBtn');\n const successMsg = document.getElementById('successMessage');\n const errorMsg = document.getElementById('errorMessage');<\/p>\n<p> \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f\n successMsg.style.display = 'none';\n errorMsg.style.display = 'none';<\/p>\n<p> \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443\n const originalText = submitBtn.innerHTML;\n submitBtn.innerHTML = '<span class=\"spinner\"><\/span> Submitting...';\n submitBtn.disabled = true;<\/p>\n<p> \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u043e\u0440\u043c\u044b\n const formData = new FormData(form);\n const data = {\n name: formData.get('name'),\n organization: formData.get('organization'),\n email: formData.get('email'),\n phone: formData.get('phone'),\n country: formData.get('country'),\n partnershipType: formData.get('partnershipType'),\n message: formData.get('message')\n };<\/p>\n<p> try {\n \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0447\u0435\u0440\u0435\u0437 WordPress AJAX\n const response = await fetch('\/wp-admin\/admin-ajax.php', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/x-www-form-urlencoded',\n },\n body: new URLSearchParams({\n action: 'bifa_partner_registration',\n ...data\n })\n });<\/p>\n<p> const result = await response.json();<\/p>\n<p> if (result.success) {\n successMsg.style.display = 'block';\n form.reset();\n successMsg.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n throw new Error('Submission failed');\n }\n } catch (error) {\n console.error('Error:', error);\n errorMsg.style.display = 'block';\n errorMsg.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } finally {\n \/\/ \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443\n submitBtn.innerHTML = originalText;\n submitBtn.disabled = false;\n }\n}<\/p>\n<p>\/\/ \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0440\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435\nconst 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 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438\ndocument.addEventListener('DOMContentLoaded', function() {\n const infoCards = document.querySelectorAll('.info-card');\n infoCards.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<div>\n<p> <!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n<title>BIFA+ Partnership Opportunities<\/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;\n --platinum: #E5E4E2;<\/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: 16px;\n}<\/p>\n<p>* { box-sizing: border-box; font-family: 'Poppins', sans-serif; margin: 0; padding: 0; }\nbody { \n background: var(--bright-white);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n}<\/p>\n<p>\/* \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 *\/\n.partnerships-showcase {\n position: relative;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n padding: 80px 0 0 0; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043d\u0438\u0436\u043d\u0438\u0439 padding *\/\n background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%);\n overflow: hidden;\n \/* Custom property \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u0437\u043e\u0440\u043e\u043c *\/\n --partnership-bottom-gap: 0;\n \/* \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c custom property \u0434\u043b\u044f margin-bottom *\/\n margin-bottom: var(--partnership-bottom-gap) !important;\n \/* \u0418\u0437\u043e\u043b\u0438\u0440\u0443\u0435\u043c layout \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0432\u043b\u0438\u044f\u043d\u0438\u044f \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b *\/\n contain: layout style;\n}<\/p>\n<p>\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0444\u043e\u043d *\/\n.partnerships-showcase::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 70% 20%, rgba(212, 175, 55, 0.05), transparent 50%),\n radial-gradient(circle at 30% 80%, rgba(212, 175, 55, 0.03), transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(10, 31, 68, 0.02), transparent 70%);\n z-index: 0;\n}<\/p>\n<p>\/* \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043b\u0430\u0432\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u0441\u0432\u0435\u0440\u0445\u0443 *\/\n.partnerships-showcase::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100px;\n background: linear-gradient(to bottom, rgba(212, 175, 55, 0.02), transparent);\n z-index: 1;\n pointer-events: none;\n}\n.particles {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 1;\n}<\/p>\n<p>.particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(212, 175, 55, 0.3);\n border-radius: 50%;\n animation: float 15s ease-in-out infinite;\n}<\/p>\n<p>.particle:nth-child(2n) { background: rgba(212, 175, 55, 0.25); animation-duration: 18s; }\n.particle:nth-child(3n) { background: rgba(10, 31, 68, 0.2); animation-duration: 20s; }<\/p>\n<p>.showcase-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 40px;\n position: relative;\n z-index: 2;\n}<\/p>\n<p>\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a *\/\n.showcase-header {\n text-align: center;\n margin-bottom: 80px;\n animation: fadeInDown 1s ease;\n}<\/p>\n<p>@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}<\/p>\n<p>@keyframes float {\n 0%, 100% { transform: translateY(0); opacity: 1; }\n 50% { transform: translateY(-10px); opacity: 0.8; }\n}<\/p>\n<p>.showcase-title {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: 64px;\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin: 0 0 20px;\n text-transform: uppercase;\n letter-spacing: 2px;\n text-shadow: 0 4px 20px rgba(212, 175, 55, 0.2);\n}<\/p>\n<p>.showcase-subtitle {\n font-size: 24px;\n color: var(--text-secondary);\n font-weight: 400;\n letter-spacing: 1px;\n}<\/p>\n<p>\/* \u0420\u0430\u0437\u0434\u0435\u043b \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 *\/\n.partnership-section {\n margin-bottom: 100px;\n opacity: 0;\n animation: fadeInUp 1s ease forwards;\n scroll-margin-top: 100px; \/* \u041e\u0442\u0441\u0442\u0443\u043f \u0434\u043b\u044f \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0448\u0430\u043f\u043a\u0438 *\/\n position: relative;\n}<\/p>\n<p>\/* \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0441\u0435\u043a\u0446\u0438\u044f \u0431\u0435\u0437 \u043d\u0438\u0436\u043d\u0435\u0433\u043e \u043e\u0442\u0441\u0442\u0443\u043f\u0430 *\/\n.partnership-section:last-child {\n margin-bottom: 0;\n padding-bottom: 0; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0439 \u043e\u0442\u0441\u0442\u0443\u043f *\/\n}<\/p>\n<p>.partnership-section:nth-child(2) { animation-delay: 0.2s; }\n.partnership-section:nth-child(3) { animation-delay: 0.4s; }\n.partnership-section:nth-child(4) { animation-delay: 0.6s; }\n.partnership-section:nth-child(5) { animation-delay: 0.8s; }\n.partnership-section:nth-child(6) { animation-delay: 1s; }\n.partnership-section:nth-child(7) { animation-delay: 1.2s; }<\/p>\n<p>@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(50px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}<\/p>\n<p>\/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 *\/\n.partnership-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n padding: 80px;\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\n position: relative;\n overflow: hidden;\n transition: var(--transition);\n cursor: pointer;\n border: 2px solid rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.partnership-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 10px;\n background: linear-gradient(90deg, var(--heritage-gold), #ffd700);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.5s ease;\n}<\/p>\n<p>.partnership-card:hover::before {\n transform: scaleX(1);\n}<\/p>\n<p>.partnership-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\n border-color: rgba(212, 175, 55, 0.3);\n}<\/p>\n<p>\/* \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f Platinum *\/\n.partnership-card.platinum {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(229, 228, 226, 0.1) 100%);\n backdrop-filter: blur(10px);\n border: 2px solid var(--platinum);\n}<\/p>\n<p>.partnership-card.platinum::before {\n background: linear-gradient(90deg, var(--platinum), #f5f5f5);\n}<\/p>\n<p>\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n.card-header {\n display: flex;\n align-items: center;\n gap: 30px;\n margin-bottom: 50px;\n}<\/p>\n<p>.card-icon {\n width: 120px;\n height: 120px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 60px;\n flex-shrink: 0;\n position: relative;\n overflow: hidden;\n}<\/p>\n<p>.card-icon::after {\n content: '';\n position: absolute;\n inset: -2px;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.5), transparent);\n transform: translateX(-100%);\n transition: transform 0.6s;\n}<\/p>\n<p>.partnership-card:hover .card-icon::after {\n transform: translateX(100%);\n}<\/p>\n<p>\/* \u0426\u0432\u0435\u0442\u0430 \u0438\u043a\u043e\u043d\u043e\u043a \u043f\u043e \u0442\u0438\u043f\u0430\u043c *\/\n.platinum .card-icon { \n background: linear-gradient(135deg, var(--platinum), #f5f5f5); \n box-shadow: 0 10px 40px rgba(229, 228, 226, 0.5);\n}\n.strategic .card-icon { \n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.5);\n}\n.gold .card-icon { \n background: linear-gradient(135deg, #FFD700, #FFA500);\n box-shadow: 0 10px 40px rgba(255, 215, 0, 0.5);\n}\n.silver .card-icon { \n background: linear-gradient(135deg, #C0C0C0, #E5E5E5);\n box-shadow: 0 10px 40px rgba(192, 192, 192, 0.5);\n}\n.institutional .card-icon { \n background: linear-gradient(135deg, var(--civic-green), #2a8a5e);\n box-shadow: 0 10px 40px rgba(29, 97, 67, 0.5);\n}\n.media .card-icon { \n background: linear-gradient(135deg, #8B4513, #A0522D);\n box-shadow: 0 10px 40px rgba(139, 69, 19, 0.5);\n}<\/p>\n<p>.card-content {\n flex: 1;\n}<\/p>\n<p>.card-title {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800;\n font-size: 48px;\n color: var(--deep-navy);\n margin: 0 0 15px;\n text-transform: uppercase;\n letter-spacing: 1px;\n}<\/p>\n<p>.card-subtitle {\n font-size: 20px;\n color: var(--text-secondary);\n font-weight: 500;\n}<\/p>\n<p>\/* \u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n.card-body {\n text-align: center;\n padding: 50px 0;\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.02) 100%);\n border-radius: var(--radius);\n margin: 0 -80px;\n padding: 60px 80px;\n}<\/p>\n<p>.coming-soon-text {\n font-family: 'Montserrat', sans-serif;\n font-size: 28px;\n font-weight: 700;\n color: var(--deep-navy);\n margin: 0 0 30px;\n text-transform: uppercase;\n letter-spacing: 2px;\n}<\/p>\n<p>.contact-text {\n font-size: 20px;\n color: var(--text-secondary);\n line-height: 1.8;\n margin-bottom: 40px;\n}<\/p>\n<p>.contact-button {\n display: inline-flex;\n align-items: center;\n gap: 15px;\n background: var(--deep-navy);\n color: var(--bright-white);\n padding: 20px 50px;\n border-radius: 50px;\n text-decoration: none;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 18px;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: var(--transition);\n box-shadow: 0 10px 30px rgba(10, 31, 68, 0.3);\n}<\/p>\n<p>.contact-button:hover {\n background: #162e5a;\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(10, 31, 68, 0.4);\n}<\/p>\n<p>.contact-button svg {\n width: 24px;\n height: 24px;\n fill: currentColor;\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.decorative-pattern {\n position: absolute;\n width: 200px;\n height: 200px;\n opacity: 0.05;\n pointer-events: none;\n}<\/p>\n<p>.pattern-1 {\n top: -50px;\n right: -50px;\n background-image: repeating-linear-gradient(45deg, var(--heritage-gold) 0, var(--heritage-gold) 2px, transparent 2px, transparent 20px);\n}<\/p>\n<p>.pattern-2 {\n bottom: -50px;\n left: -50px;\n background-image: radial-gradient(circle, var(--deep-navy) 2px, transparent 2px);\n background-size: 30px 30px;\n}<\/p>\n<p>\/* \u0413\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043d\u0430\u044f \u043b\u0438\u043d\u0438\u044f \u043c\u0435\u0436\u0434\u0443 \u0441\u0435\u043a\u0446\u0438\u044f\u043c\u0438 *\/\n.section-divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--heritage-gold), transparent);\n margin: 80px auto;\n max-width: 600px;\n opacity: 0.3;\n}<\/p>\n<p>\/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c *\/\n.partnership-section:nth-last-child(2) + .section-divider {\n display: none;\n}<\/p>\n<p>\/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043b\u044e\u0431\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 *\/\n.partnerships-showcase {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n}<\/p>\n<p>\/* \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u043f\u0435\u0440\u0435\u0434 footer *\/\n.partnerships-showcase + footer,\n.partnerships-showcase + .footer,\n.partnerships-showcase + [class*=\"footer\"],\n.partnerships-showcase + .uk-section-secondary {\n margin-top: 0 !important;\n padding-top: 60px !important; \/* \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c padding \u0432\u043d\u0443\u0442\u0440\u0438 footer \u0432\u043c\u0435\u0441\u0442\u043e margin *\/\n}<\/p>\n<p>\/* YOOtheme specific fixes - \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u043b\u044e\u0431\u044b\u0435 \u0437\u0430\u0437\u043e\u0440\u044b *\/\n.partnerships-showcase.uk-section {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n}<\/p>\n<p>.partnerships-showcase + .uk-section,\n.partnerships-showcase + .tm-footer,\n.partnerships-showcase + .uk-section-secondary,\n.partnerships-showcase + footer {\n margin-top: 0 !important;\n}<\/p>\n<p>\/* \u0415\u0441\u043b\u0438 YOOtheme \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 wrapper \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b *\/\n.partnerships-showcase:last-child {\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n}<\/p>\n<p>\/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b YOOtheme \u0434\u043b\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 *\/\n.uk-section:has(.partnerships-showcase) {\n padding-bottom: 0 !important;\n}<\/p>\n<p>\/* \u041f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0430 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0441\u0435\u043a\u0446\u0438\u0438 *\/\n.partnership-section.highlight {\n animation: highlightPulse 2s ease-out;\n}<\/p>\n<p>@keyframes highlightPulse {\n 0% {\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);\n }\n 50% {\n box-shadow: 0 0 30px 10px rgba(212, 175, 55, 0.3);\n }\n 100% {\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);\n }\n}<\/p>\n<p>\/* \u0418\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440 \u044f\u043a\u043e\u0440\u044f *\/\n.partnership-section::before {\n content: '';\n position: absolute;\n top: -100px;\n left: 0;\n width: 0;\n height: 0;\n visibility: hidden;\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 .showcase-title {\n font-size: 42px;\n }<\/p>\n<p> .showcase-subtitle {\n font-size: 18px;\n }<\/p>\n<p> .partnership-card {\n padding: 40px 20px;\n }<\/p>\n<p> .card-header {\n flex-direction: column;\n text-align: center;\n }<\/p>\n<p> .card-icon {\n width: 100px;\n height: 100px;\n font-size: 48px;\n }<\/p>\n<p> .card-title {\n font-size: 32px;\n }<\/p>\n<p> .card-body {\n margin: 0 -20px;\n padding: 40px 20px;\n }<\/p>\n<p> .coming-soon-text {\n font-size: 22px;\n }<\/p>\n<p> .contact-text {\n font-size: 16px;\n }<\/p>\n<p> .contact-button {\n padding: 16px 30px;\n font-size: 14px;\n }\n}<\/p>\n<p>\/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0443\u043b\u044c\u0441\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0438\u043a\u043e\u043d\u043e\u043a *\/\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.5);\n }\n 50% {\n transform: scale(1.05);\n box-shadow: 0 15px 50px rgba(212, 175, 55, 0.6);\n }\n}<\/p>\n<p>.partnership-card:hover .card-icon {\n animation: pulse 2s ease-in-out infinite;\n}\n<\/style>\n<p><\/p>\n<style>\n\/* \u042d\u0442\u0438 \u0441\u0442\u0438\u043b\u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c\u0438 \u0438 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442 \u0432\u0441\u0451 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 *\/\nbody .partnerships-showcase:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\nbody footer { margin-top: 0 !important; }\nbody .tm-footer { margin-top: 0 !important; }\nbody .uk-section-secondary { margin-top: 0 !important; }\nbody .partnerships-showcase:last-child { margin-bottom: 0 !important; }\nbody > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\nbody main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\nbody .tm-main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"partnerships-showcase\" style=\"margin-bottom: 0 !important; padding-bottom: 0 !important;\">\n <\/p>\n<div class=\"particles\">\n<div class=\"particle\" style=\"left:10%;animation-delay:0s\"><\/div>\n<div class=\"particle\" style=\"left:30%;animation-delay:2s\"><\/div>\n<div class=\"particle\" style=\"left:50%;animation-delay:4s\"><\/div>\n<div class=\"particle\" style=\"left:70%;animation-delay:6s\"><\/div>\n<div class=\"particle\" style=\"left:90%;animation-delay:8s\"><\/div>\n<\/p><\/div>\n<div class=\"showcase-container\">\n<div class=\"showcase-header\">\n<h1 class=\"showcase-title\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430<\/h1>\n<p class=\"showcase-subtitle\">\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a BIFA+ \u0432 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0435 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043c\u043e\u0441\u0442\u043e\u0432<\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"platinum-partner\">\n<div class=\"partnership-card platinum\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83d\udc8e<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u041f\u043b\u0430\u0442\u0438\u043d\u043e\u0432\u043e\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0412\u0435\u0440\u0448\u0438\u043d\u0430 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<div class=\"section-divider\"><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"strategic-partner\">\n<div class=\"partnership-card strategic\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83c\udf0d<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u0445 \u0438\u043d\u0438\u0446\u0438\u0430\u0442\u0438\u0432<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<div class=\"section-divider\"><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"gold-partner\">\n<div class=\"partnership-card gold\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83c\udfc6<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u0417\u043e\u043b\u043e\u0442\u043e\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043f\u0440\u0435\u043c\u0438\u0443\u043c-\u043a\u043b\u0430\u0441\u0441\u0430<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<div class=\"section-divider\"><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"silver-partner\">\n<div class=\"partnership-card silver\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83e\udd48<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u0421\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u043e\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0421\u0435\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<div class=\"section-divider\"><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"institutional-partner\">\n<div class=\"partnership-card institutional\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83c\udfdb\ufe0f<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0438 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435 \u043f\u0440\u0435\u0432\u043e\u0441\u0445\u043e\u0434\u0441\u0442\u0432\u043e<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<div class=\"section-divider\"><\/div>\n<p> <\/p>\n<div class=\"partnership-section\" id=\"media-partner\">\n<div class=\"partnership-card media\">\n<div class=\"decorative-pattern pattern-1\"><\/div>\n<div class=\"decorative-pattern pattern-2\"><\/div>\n<div class=\"card-header\">\n<div class=\"card-icon\">\ud83d\udcfa<\/div>\n<div class=\"card-content\">\n<h2 class=\"card-title\">\u041c\u0435\u0434\u0438\u0430\u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h2>\n<p class=\"card-subtitle\">\u0423\u0441\u0438\u043b\u0435\u043d\u0438\u0435 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"card-body\">\n<h3 class=\"coming-soon-text\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 \u0431\u0443\u0434\u0443\u0442 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/h3>\n<p class=\"contact-text\">\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0435 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>\n \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435.\n <\/p>\n<p> <a href=\"mailto:info@bifa.ai\" class=\"contact-button\"><br \/>\n <svg viewbox=\"0 0 24 24\">\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<\/div>\n<p><script>\n\/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043b\u0430\u0432\u043d\u0443\u044e \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443 \u043a \u044f\u043a\u043e\u0440\u044f\u043c \u0441 \u0442\u043e\u0447\u043d\u044b\u043c \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c\ndocument.addEventListener('DOMContentLoaded', function() {\n \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u0441\u0435\u0445 \u0441\u0441\u044b\u043b\u043e\u043a \u0441 \u044f\u043a\u043e\u0440\u044f\u043c\u0438\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n const targetId = this.getAttribute('href');\n if (targetId && targetId !== '#') {\n e.preventDefault();\n const target = document.querySelector(targetId);\n if (target) {\n \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432\u044b\u0441\u043e\u0442\u0443 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0448\u0430\u043f\u043a\u0438 (\u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c)\n const headerHeight = document.querySelector('header')?.offsetHeight || 80;<\/p>\n<p> \/\/ \u0412\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u043e\u0442\u0441\u0442\u0443\u043f\u0430\n const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;<\/p>\n<p> \/\/ \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430\n window.scrollTo({\n top: targetPosition,\n behavior: 'smooth'\n });<\/p>\n<p> \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0443 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0441\u0435\u043a\u0446\u0438\u0438\n target.classList.add('highlight');\n setTimeout(() => {\n target.classList.remove('highlight');\n }, 2000);\n }\n }\n });\n });<\/p>\n<p> \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u0440\u044f\u043c\u044b\u0445 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u0432 \u043f\u043e \u0445\u0435\u0448\u0443 \u0432 URL\n if (window.location.hash) {\n setTimeout(() => {\n const target = document.querySelector(window.location.hash);\n if (target) {\n const headerHeight = document.querySelector('header')?.offsetHeight || 80;\n const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;\n window.scrollTo({\n top: targetPosition,\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n});<\/p>\n<p>\/\/ \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0440\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435\nconst 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>\/\/ \u041f\u043b\u0430\u0432\u043d\u044b\u0439 \u0441\u043a\u0440\u043e\u043b\u043b \u043a \u0441\u0435\u043a\u0446\u0438\u044f\u043c\ndocument.querySelectorAll('.partnership-card').forEach(card => {\n card.addEventListener('click', function(e) {\n if (!e.target.closest('a')) {\n const email = this.querySelector('.contact-button');\n if (email) {\n email.click();\n }\n }\n });\n});<\/p>\n<p>\/\/ \u041f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u0437\u0430\u0437\u043e\u0440\u044b \u043c\u0435\u0436\u0434\u0443 \u0431\u043b\u043e\u043a\u043e\u043c \u0438 footer\ndocument.addEventListener('DOMContentLoaded', function() {\n const partnershipWrapper = document.querySelector('.partnerships-showcase');\n if (partnershipWrapper) {\n \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u0441\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u044b\n partnershipWrapper.style.marginBottom = '0';\n partnershipWrapper.style.paddingBottom = '0';<\/p>\n<p> \/\/ \u041d\u0430\u0445\u043e\u0434\u0438\u043c \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b YOOtheme \u0438 \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u0438\u0445 \u043e\u0442\u0441\u0442\u0443\u043f\u044b\n let parent = partnershipWrapper.parentElement;\n while (parent && parent !== document.body) {\n if (parent.classList.contains('uk-section') || \n parent.classList.contains('tm-main') ||\n parent.classList.contains('uk-container')) {\n parent.style.paddingBottom = '0';\n parent.style.marginBottom = '0';\n }\n parent = parent.parentElement;\n }<\/p>\n<p> \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f \u0443 footer\n const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\n if (footer) {\n footer.style.marginTop = '0';\n if (footer.parentElement && footer.parentElement !== document.body) {\n footer.parentElement.style.marginTop = '0';\n }\n }<\/p>\n<p> \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0437\u0430\u0437\u043e\u0440 \u0447\u0435\u0440\u0435\u0437 100ms\n setTimeout(() => {\n if (footer && partnershipWrapper) {\n const wrapperRect = partnershipWrapper.getBoundingClientRect();\n const footerRect = footer.getBoundingClientRect();\n const gap = footerRect.top - wrapperRect.bottom;<\/p>\n<p> if (gap > 5) {\n partnershipWrapper.style.setProperty('--partnership-bottom-gap', `-${gap}px`);\n }\n }\n }, 100);<\/p>\n<p> \/\/ \u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0434\u043b\u044f YOOtheme\n const ukSection = partnershipWrapper.closest('.uk-section');\n if (ukSection && ukSection.nextElementSibling) {\n ukSection.style.paddingBottom = '0';\n ukSection.style.marginBottom = '0';\n ukSection.nextElementSibling.style.marginTop = '0';\n }<\/p>\n<p> \/\/ \u0424\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0438 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435\n function removeGapCompletely() {\n setTimeout(() => {\n const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\n if (footer && partnershipWrapper) {\n const wrapperRect = partnershipWrapper.getBoundingClientRect();\n const footerRect = footer.getBoundingClientRect();\n const realGap = footerRect.top - wrapperRect.bottom;<\/p>\n<p> if (realGap > 2) {\n partnershipWrapper.style.marginBottom = `-${realGap}px`;\n }\n }\n }, 1000);\n }<\/p>\n<p> if (document.readyState === 'complete') {\n removeGapCompletely();\n } else {\n window.addEventListener('load', removeGapCompletely);\n }\n }\n});<\/p>\n<p>\/\/ \u041f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441 \u044d\u0444\u0444\u0435\u043a\u0442 \u0434\u043b\u044f \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432\nwindow.addEventListener('scroll', () => {\n const scrolled = window.pageYOffset;\n const patterns = document.querySelectorAll('.decorative-pattern');<\/p>\n<p> patterns.forEach((pattern, index) => {\n const speed = index % 2 === 0 ? 0.5 : -0.5;\n pattern.style.transform = `translateY(${scrolled * speed}px)`;\n });\n});\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<div>\n<p> <!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n <meta charset=\"UTF-8\"><br \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n <title>BIFA+ Featured Stories \/ Ambassadors Block<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ========= \u0413\u041b\u041e\u0411\u0410\u041b\u042c\u041d\u042b\u0415 \u041f\u0415\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415 BIFA+ ========= *\/\n:root {\n \/* \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 BIFA+ *\/\n --bifa-deep-navy: #0A1F44;\n --bifa-heritage-gold: #D4AF37;\n --bifa-civic-green: #1D6143;\n --bifa-bright-white: #FFFFFF;\n --bifa-soft-black: #1A1A1A;\n --bifa-gray-light: #F8F9FA;\n --bifa-gray: #6C757D;<\/p>\n<p> \/* \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0448\u0440\u0438\u0444\u0442\u044b BIFA+ *\/\n --bifa-font-heading: 'Montserrat', 'Cairo', sans-serif;\n --bifa-font-body: 'Poppins', 'Tajawal', sans-serif;\n --bifa-font-arabic: 'Cairo', 'Tajawal', 'GE SS Text', sans-serif;<\/p>\n<p> \/* \u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u043d\u0438 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u044b *\/\n --bifa-shadow-premium: 0 25px 80px rgba(10, 31, 68, 0.15);\n --bifa-shadow-hover: 0 35px 100px rgba(10, 31, 68, 0.2);\n --bifa-shadow-gold: 0 15px 40px rgba(212, 175, 55, 0.3);\n --bifa-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}<\/p>\n<p>\/* ========= RESET ========= *\/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}<\/p>\n<p>*, *::before, *::after {\n box-sizing: border-box;\n}<\/p>\n<p>html {\n scroll-behavior: smooth;\n}<\/p>\n<p>body {\n font-family: var(--bifa-font-body);\n overflow-x: hidden;\n background: var(--bifa-bright-white);\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: var(--bifa-soft-black);\n}<\/p>\n<p>\/* ========= FORCE BIFA+ STYLES PRIORITY ========= *\/\n.bifa-ambassadors-section h2,\n.bifa-ambassadors-section h3 {\n font-family: var(--bifa-font-heading) !important;\n -webkit-font-smoothing: antialiased !important;\n}<\/p>\n<p>.bifa-ambassadors-section p,\n.bifa-ambassadors-section span {\n font-family: var(--bifa-font-body) !important;\n -webkit-font-smoothing: antialiased !important;\n}<\/p>\n<p>\/* Force button text to be white *\/\nbutton.bifa-view-all-button,\nbutton.bifa-view-all-button span,\nbutton.bifa-view-all-button .bifa-button-text,\nbutton.bifa-view-all-button .bifa-ambassador-count {\n color: #FFFFFF !important;\n}<\/p>\n<p>\/* Force SVG icon to be white *\/\n.bifa-view-all-button svg,\n.bifa-view-all-button svg path {\n stroke: #FFFFFF !important;\n fill: none !important;\n}<\/p>\n<p>\/* Specific overrides for YooTheme *\/\n.bifa-ambassadors-section button {\n font-family: inherit;\n}<\/p>\n<p>\/* ========= AMBASSADORS SECTION WRAPPER ========= *\/\n.bifa-ambassadors-section-wrapper {\n width: 100vw;\n position: relative;\n left: 50%;\n margin-left: -50vw;\n background: transparent; \/* \u0411\u0435\u0437 \u0444\u043e\u043d\u0430 *\/\n overflow: hidden;\n}<\/p>\n<p>\/* ========= MAIN AMBASSADORS SECTION ========= *\/\n.bifa-ambassadors-section {\n padding: 100px 20px 80px;\n position: relative;\n background: transparent;\n}<\/p>\n<p>\/* ========= ANIMATED BACKGROUND ELEMENTS ========= *\/\n.bifa-ambassadors-bg-animation {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 1;\n top: 0;\n left: 0;\n}<\/p>\n<p>\/* \u0417\u043e\u043b\u043e\u0442\u044b\u0435 \u0447\u0430\u0441\u0442\u0438\u0446\u044b BIFA+ *\/\n.bifa-ambassadors-particle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n border-radius: 50%;\n animation: floatAmbassadors 20s infinite linear;\n box-shadow: 0 0 6px rgba(212, 175, 55, 0.2);\n opacity: 0.25;\n will-change: transform;\n}<\/p>\n<p>@keyframes floatAmbassadors {\n 0% {\n transform: translateY(100vh) translateX(0) rotate(0deg);\n opacity: 0;\n }\n 10% { opacity: 0.3; }\n 90% { opacity: 0.3; }\n 100% {\n transform: translateY(-100vh) translateX(70px) rotate(360deg);\n opacity: 0;\n }\n}<\/p>\n<p>\/* \u041f\u043b\u0430\u0432\u0430\u044e\u0449\u0438\u0435 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0444\u0438\u0433\u0443\u0440\u044b BIFA+ *\/\n.bifa-floating-shape-amb {\n position: absolute;\n border-radius: 50%;\n filter: blur(120px);\n animation: morphFloatAmbassadors 25s ease-in-out infinite;\n pointer-events: none;\n opacity: 0.4;\n}<\/p>\n<p>.bifa-shape-ambassadors-1 {\n width: 400px;\n height: 400px;\n background: radial-gradient(circle at 30% 30%, rgba(212, 175, 55, 0.07), transparent);\n top: -200px;\n right: -200px;\n}<\/p>\n<p>.bifa-shape-ambassadors-2 {\n width: 350px;\n height: 350px;\n background: radial-gradient(circle at 70% 70%, rgba(10, 31, 68, 0.05), transparent);\n bottom: -175px;\n left: -175px;\n animation-delay: 8s;\n}<\/p>\n<p>.bifa-shape-ambassadors-3 {\n width: 300px;\n height: 300px;\n background: radial-gradient(circle at 50% 50%, rgba(29, 97, 67, 0.06), transparent);\n top: 40%;\n left: 60%;\n animation-delay: 16s;\n}<\/p>\n<p>@keyframes morphFloatAmbassadors {\n 0%, 100% { \n transform: translate(0, 0) scale(1) rotate(0deg);\n filter: blur(120px);\n }\n 25% { \n transform: translate(100px, -80px) scale(1.2) rotate(90deg);\n filter: blur(140px);\n }\n 50% { \n transform: translate(-80px, 100px) scale(0.8) rotate(180deg);\n filter: blur(100px);\n }\n 75% { \n transform: translate(-100px, -60px) scale(1.1) rotate(270deg);\n filter: blur(130px);\n }\n}<\/p>\n<p>\/* ========= CONTAINER ========= *\/\n.bifa-ambassadors-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 10;\n}<\/p>\n<p>\/* ========= SECTION TITLE - Premium Style ========= *\/\n.bifa-ambassadors-title-wrapper {\n text-align: center;\n margin-bottom: 80px;\n}<\/p>\n<p>.bifa-ambassadors-section-title {\n font-family: var(--bifa-font-heading) !important;\n font-size: clamp(2.5rem, 4vw, 3.5rem);\n font-weight: 900 !important;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent !important;\n position: relative;\n animation: fadeInUp 1s ease-out 0.3s both;\n line-height: 1.2;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: -0.5px;\n text-shadow: 0 2px 4px rgba(212, 175, 55, 0.1);\n}<\/p>\n<p>.bifa-ambassadors-section-title::after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--bifa-heritage-gold), #ffd700);\n animation: expandWidth 0.8s ease-out 1s both;\n border-radius: 2px;\n}<\/p>\n<p>.bifa-ambassadors-subtitle {\n font-family: var(--bifa-font-body) !important;\n font-size: 1.3rem;\n font-weight: 600 !important;\n color: var(--bifa-gray) !important;\n margin-top: 30px;\n animation: fadeInUp 1s ease-out 0.5s both;\n line-height: 1.6;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}<\/p>\n<p>\/* ========= AMBASSADORS GRID ========= *\/\n.bifa-ambassadors-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n margin-bottom: 60px;\n position: relative;\n transition: max-height 0.6s ease-out;\n}<\/p>\n<p>\/* Hide cards beyond the first 3 by default *\/\n.bifa-ambassador-card:nth-child(n+4) {\n display: none;\n opacity: 0;\n}<\/p>\n<p>\/* Show all cards when expanded *\/\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+4) {\n display: block;\n animation: fadeInUp 0.8s ease-out forwards;\n}<\/p>\n<p>\/* Stagger animations for expanded cards *\/\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\n animation-delay: 0.1s;\n}<\/p>\n<p>.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\n animation-delay: 0.2s;\n}<\/p>\n<p>.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\n animation-delay: 0.3s;\n}<\/p>\n<p>.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(7) {\n animation-delay: 0.4s;\n}<\/p>\n<p>.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(8) {\n animation-delay: 0.5s;\n}<\/p>\n<p>.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(9) {\n animation-delay: 0.6s;\n}<\/p>\n<p>\/* ========= AMBASSADOR CARD - Premium Style ========= *\/\n.bifa-ambassador-card {\n background: var(--bifa-bright-white) !important;\n border-radius: 25px;\n overflow: hidden;\n box-shadow: var(--bifa-shadow-premium);\n transition: var(--bifa-transition);\n animation: fadeInUp 1s ease-out both;\n border: 1px solid rgba(212, 175, 55, 0.1);\n position: relative;\n}<\/p>\n<p>.bifa-ambassador-card * {\n font-family: inherit !important;\n}<\/p>\n<p>.bifa-ambassador-card:nth-child(1) {\n animation-delay: 0.8s;\n}<\/p>\n<p>.bifa-ambassador-card:nth-child(2) {\n animation-delay: 1s;\n}<\/p>\n<p>.bifa-ambassador-card:nth-child(3) {\n animation-delay: 1.2s;\n}<\/p>\n<p>.bifa-ambassador-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--bifa-shadow-hover);\n border-color: rgba(212, 175, 55, 0.3);\n}<\/p>\n<p>\/* Ambassador Image Container *\/\n.bifa-ambassador-image {\n position: relative;\n width: 100%;\n height: 300px;\n overflow: hidden;\n background: linear-gradient(135deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 2s infinite linear;\n}<\/p>\n<p>.bifa-ambassador-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n transition: transform 0.5s ease;\n}<\/p>\n<p>.bifa-ambassador-card:hover .bifa-ambassador-image img {\n transform: scale(1.1);\n}<\/p>\n<p>\/* Gold Overlay Effect *\/\n.bifa-ambassador-image::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, \n transparent 50%, \n rgba(10, 31, 68, 0.7) 100%\n );\n opacity: 0;\n transition: opacity 0.3s ease;\n}<\/p>\n<p>.bifa-ambassador-card:hover .bifa-ambassador-image::after {\n opacity: 1;\n}<\/p>\n<p>\/* Ambassador Content *\/\n.bifa-ambassador-content {\n padding: 35px 30px;\n position: relative;\n}<\/p>\n<p>.bifa-ambassador-name {\n font-family: var(--bifa-font-heading) !important;\n font-size: 1.5rem;\n font-weight: 900 !important;\n color: var(--bifa-deep-navy) !important;\n margin-bottom: 8px;\n line-height: 1.2;\n transition: color 0.3s ease;\n}<\/p>\n<p>.bifa-ambassador-card:hover .bifa-ambassador-name {\n color: var(--bifa-heritage-gold) !important;\n}<\/p>\n<p>.bifa-ambassador-role {\n font-family: var(--bifa-font-body) !important;\n font-size: 1rem;\n font-weight: 700 !important;\n color: var(--bifa-heritage-gold) !important;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}<\/p>\n<p>.bifa-ambassador-quote {\n font-family: var(--bifa-font-body) !important;\n font-size: 1.05rem;\n font-weight: 500 !important;\n line-height: 1.7;\n color: #4a5568 !important;\n font-style: italic;\n position: relative;\n padding-left: 25px;\n}<\/p>\n<p>.bifa-ambassador-quote::before {\n content: '\"';\n position: absolute;\n left: 0;\n top: -5px;\n font-size: 2.5rem;\n color: var(--bifa-heritage-gold);\n font-family: var(--bifa-font-heading);\n font-weight: 800;\n opacity: 0.3;\n}<\/p>\n<p>\/* Gold Badge for Special Ambassadors *\/\n.bifa-ambassador-badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n color: var(--bifa-deep-navy);\n padding: 8px 16px;\n border-radius: 50px;\n font-family: var(--bifa-font-heading);\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: var(--bifa-shadow-gold);\n opacity: 0;\n transform: translateY(-10px);\n animation: slideDown 0.5s ease-out 2s forwards;\n}<\/p>\n<p>@keyframes slideDown {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}<\/p>\n<p>\/* ========= VIEW ALL BUTTON ========= *\/\n.bifa-ambassadors-cta {\n text-align: center;\n margin-top: 60px;\n animation: fadeInUp 1s ease-out 1.2s both;\n}<\/p>\n<p>.bifa-view-all-button {\n \/* Reset button defaults first *\/\n background: none;\n border: none;\n font: inherit;\n cursor: pointer;\n outline: inherit;<\/p>\n<p> \/* Apply BIFA styles *\/\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n padding: 20px 50px !important;\n background: linear-gradient(135deg, #0A1F44, #162e5a) !important;\n color: #FFFFFF !important;\n text-decoration: none !important;\n border-radius: 50px;\n font-family: 'Montserrat', sans-serif !important;\n font-weight: 800 !important;\n font-size: 1.15rem !important;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 25px 60px rgba(10, 31, 68, 0.3), \n 0 10px 20px rgba(10, 31, 68, 0.2),\n inset 0 -2px 4px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: hidden;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n border: 2px solid rgba(212, 175, 55, 0.2) !important;\n transform: translateZ(0);\n backface-visibility: hidden;\n}<\/p>\n<p>\/* Force white color for all button text elements *\/\n.bifa-view-all-button,\n.bifa-view-all-button * {\n color: var(--bifa-bright-white) !important;\n}<\/p>\n<p>.bifa-view-all-button span,\n.bifa-view-all-button .bifa-button-text {\n color: var(--bifa-bright-white) !important;\n}<\/p>\n<p>\/* Override any inherited styles *\/\n.bifa-ambassadors-section .bifa-view-all-button,\n.bifa-ambassadors-section .bifa-view-all-button *,\n.bifa-ambassadors-section-wrapper .bifa-view-all-button,\n.bifa-ambassadors-section-wrapper .bifa-view-all-button * {\n color: #FFFFFF !important;\n}<\/p>\n<p>\/* Force styles on hover too *\/\n.bifa-view-all-button:hover,\n.bifa-view-all-button:hover *,\n.bifa-view-all-button:focus,\n.bifa-view-all-button:focus *,\n.bifa-view-all-button:active,\n.bifa-view-all-button:active * {\n color: var(--bifa-bright-white) !important;\n}<\/p>\n<p>\/* Golden glow effect *\/\n.bifa-view-all-button::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 120%;\n height: 120%;\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\n transform: translate(-50%, -50%) scale(0);\n transition: transform 0.5s ease;\n opacity: 0;\n}<\/p>\n<p>.bifa-view-all-button:hover::after {\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n}<\/p>\n<p>\/* Button text transitions *\/\n.bifa-button-text {\n transition: opacity 0.3s ease;\n font-weight: 700 !important;\n position: relative;\n z-index: 2;\n}<\/p>\n<p>.bifa-view-all-button svg {\n transition: transform 0.3s ease;\n position: relative;\n z-index: 2;\n}<\/p>\n<p>\/* Rotate arrow when expanded *\/\n.bifa-view-all-button.expanded svg {\n transform: rotate(90deg);\n}<\/p>\n<p>\/* Premium counter badge *\/\n.bifa-ambassador-count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n color: var(--bifa-deep-navy) !important;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n font-size: 1rem !important;\n font-weight: 900 !important;\n margin-left: 10px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);\n position: relative;\n z-index: 2;\n}<\/p>\n<p>.bifa-view-all-button:hover .bifa-ambassador-count {\n transform: scale(1.2) rotate(10deg);\n box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6);\n}<\/p>\n<p>\/* Button shimmer effect *\/\n.bifa-view-all-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transition: left 0.5s ease;\n z-index: 1;\n}<\/p>\n<p>.bifa-view-all-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 30px 80px rgba(10, 31, 68, 0.4), \n 0 15px 30px rgba(10, 31, 68, 0.3),\n inset 0 -2px 4px rgba(0, 0, 0, 0.1);\n background: linear-gradient(135deg, #162e5a, var(--bifa-deep-navy));\n}<\/p>\n<p>.bifa-view-all-button:hover::before {\n left: 100%;\n}<\/p>\n<p>\/* ========= ANIMATIONS ========= *\/\n@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>@keyframes expandWidth {\n from {\n width: 0;\n }\n to {\n width: 120px;\n }\n}<\/p>\n<p>\/* ========= RESPONSIVE ========= *\/\n@media (max-width: 1024px) {\n .bifa-ambassadors-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 35px;\n }<\/p>\n<p> \/* Show only 2 cards on tablet *\/\n .bifa-ambassador-card:nth-child(n+3) {\n display: none;\n opacity: 0;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+3) {\n display: block;\n animation: fadeInUp 0.8s ease-out forwards;\n }<\/p>\n<p> \/* Stagger animations for expanded cards on mobile *\/\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\n animation-delay: 0.1s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\n animation-delay: 0.2s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\n animation-delay: 0.3s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\n animation-delay: 0.4s;\n }<\/p>\n<p> \/* Stagger animations for expanded cards on tablet *\/\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\n animation-delay: 0.1s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\n animation-delay: 0.2s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\n animation-delay: 0.3s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\n animation-delay: 0.4s;\n }\n}<\/p>\n<p>@media (max-width: 768px) {\n .bifa-ambassadors-section {\n padding: 80px 20px 60px;\n }<\/p>\n<p> .bifa-ambassadors-section-title {\n font-size: 2rem;\n }<\/p>\n<p> .bifa-ambassadors-subtitle {\n font-size: 1.1rem;\n }<\/p>\n<p> .bifa-ambassadors-grid {\n grid-template-columns: 1fr;\n gap: 30px;\n }<\/p>\n<p> \/* Show only 2 cards on mobile *\/\n .bifa-ambassador-card:nth-child(n+3) {\n display: none;\n opacity: 0;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+3) {\n display: block;\n animation: fadeInUp 0.8s ease-out forwards;\n }<\/p>\n<p> .bifa-ambassador-card {\n animation-delay: 0s !important;\n }<\/p>\n<p> .bifa-ambassador-image {\n height: 250px;\n }<\/p>\n<p> .bifa-ambassador-content {\n padding: 30px 25px;\n }<\/p>\n<p> .bifa-ambassador-name {\n font-size: 1.3rem;\n }<\/p>\n<p> .bifa-ambassador-role {\n font-size: 0.9rem;\n }<\/p>\n<p> .bifa-ambassador-quote {\n font-size: 1rem;\n }<\/p>\n<p> .bifa-view-all-button {\n padding: 16px 40px;\n font-size: 1.05rem !important;\n min-width: 220px;\n }<\/p>\n<p> .bifa-ambassador-count {\n width: 26px;\n height: 26px;\n font-size: 0.85rem !important;\n }\n}<\/p>\n<p>@media (max-width: 480px) {\n .bifa-ambassadors-section {\n padding: 60px 15px 50px;\n }<\/p>\n<p> .bifa-ambassadors-section-title {\n font-size: 1.8rem;\n }<\/p>\n<p> .bifa-ambassadors-subtitle {\n font-size: 1rem;\n margin-top: 20px;\n }<\/p>\n<p> .bifa-ambassadors-title-wrapper {\n margin-bottom: 60px;\n }<\/p>\n<p> \/* Show only 1 card on small mobile *\/\n .bifa-ambassador-card:nth-child(n+2) {\n display: none;\n opacity: 0;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+2) {\n display: block;\n animation: fadeInUp 0.8s ease-out forwards;\n }<\/p>\n<p> \/* Stagger animations for expanded cards on small mobile *\/\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(2) {\n animation-delay: 0.1s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\n animation-delay: 0.2s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\n animation-delay: 0.3s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\n animation-delay: 0.4s;\n }<\/p>\n<p> .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\n animation-delay: 0.5s;\n }<\/p>\n<p> .bifa-ambassador-image {\n height: 220px;\n }<\/p>\n<p> .bifa-ambassador-content {\n padding: 25px 20px;\n }<\/p>\n<p> .bifa-ambassador-name {\n font-size: 1.2rem;\n }<\/p>\n<p> .bifa-ambassador-role {\n font-size: 0.85rem;\n }<\/p>\n<p> .bifa-ambassador-quote {\n font-size: 0.95rem;\n padding-left: 20px;\n }<\/p>\n<p> .bifa-ambassador-quote::before {\n font-size: 2rem;\n }<\/p>\n<p> .bifa-view-all-button {\n padding: 15px 35px;\n font-size: 1rem !important;\n min-width: 200px;\n }<\/p>\n<p> .bifa-ambassador-count {\n width: 24px;\n height: 24px;\n font-size: 0.8rem !important;\n }<\/p>\n<p> .bifa-ambassador-badge {\n font-size: 0.7rem;\n padding: 6px 12px;\n top: 15px;\n right: 15px;\n }\n}<\/p>\n<p>\/* ========= LOADING PLACEHOLDER ========= *\/\n.bifa-ambassador-placeholder {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n background-size: 200% 100%;\n animation: loading 1.5s infinite;\n}<\/p>\n<p>@keyframes loading {\n 0% {\n background-position: 200% 0;\n }\n 100% {\n background-position: -200% 0;\n }\n}<\/p>\n<p>\/* ========= CAROUSEL INDICATORS (Desktop Hidden) ========= *\/\n.bifa-carousel-indicators {\n display: none;\n}<\/p>\n<p>\/* ========= ENSURE WHITE TEXT IN BUTTON ========= *\/\n.bifa-ambassadors-section-wrapper .bifa-view-all-button,\n.bifa-ambassadors-section-wrapper .bifa-view-all-button * {\n color: #FFFFFF !important;\n}<\/p>\n<p>.bifa-ambassadors-section-wrapper .bifa-ambassador-count {\n color: #0A1F44 !important;\n}\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"bifa-ambassadors-section-wrapper\">\n <\/p>\n<section class=\"bifa-ambassadors-section\">\n <\/p>\n<div class=\"bifa-ambassadors-bg-animation\">\n <\/p>\n<div class=\"bifa-floating-shape-amb bifa-shape-ambassadors-1\"><\/div>\n<div class=\"bifa-floating-shape-amb bifa-shape-ambassadors-2\"><\/div>\n<div class=\"bifa-floating-shape-amb bifa-shape-ambassadors-3\"><\/div>\n<p> \n <\/div>\n<div class=\"bifa-ambassadors-container\">\n<div class=\"bifa-ambassadors-title-wrapper\">\n<h2 class=\"bifa-ambassadors-section-title\">\u041f\u043e\u0434\u043b\u0438\u043d\u043d\u044b\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \/ \u041f\u043e\u0441\u043b\u044b<\/h2>\n<p class=\"bifa-ambassadors-subtitle\">\n \u0422\u0435\u043a\u0441\u0442 \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u043e \u043f\u043e\u0441\u043b\u0430\u0445 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d \u0437\u0434\u0435\u0441\u044c\n <\/p>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassadors-grid\">\n <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-badge\">\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a<\/div>\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-1.jpg\" alt=\"Ambassador 1\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 1<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-2.jpg\" alt=\"Ambassador 2\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 2<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-badge\">\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a<\/div>\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-3.jpg\" alt=\"Ambassador 3\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 3<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-4.jpg\" alt=\"Ambassador 4\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 4<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-badge\">\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u043d\u0430\u0447\u043e\u043a<\/div>\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-5.jpg\" alt=\"Ambassador 5\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 5<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassador-card\">\n<div class=\"bifa-ambassador-image\">\n <img decoding=\"async\" src=\"\/wp-content\/themes\/yootheme-child\/assets\/images\/ambassador-placeholder-6.jpg\" alt=\"Ambassador 6\">\n <\/div>\n<div class=\"bifa-ambassador-content\">\n<h3 class=\"bifa-ambassador-name\">\u0418\u043c\u044f \u043f\u043e\u0441\u043b\u0430 6<\/h3>\n<p class=\"bifa-ambassador-role\">\u0420\u043e\u043b\u044c\/\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0437\u0434\u0435\u0441\u044c<\/p>\n<p class=\"bifa-ambassador-quote\">\n \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0446\u0438\u0442\u0430\u0442\u0430 \u0438\u043b\u0438 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0434\u043d\u043e \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0431 \u0438\u0445 \u0441\u0432\u044f\u0437\u0438 \u0441 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u043c\u0438 BIFA+.\n <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"bifa-carousel-indicators\"><\/div>\n<p> <\/p>\n<div class=\"bifa-ambassadors-cta\">\n <button class=\"bifa-view-all-button\" onclick=\"BifaAmbassadors.toggleAllAmbassadors()\"><br \/>\n <span class=\"bifa-button-text\">\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435\u0445 \u043f\u043e\u0441\u043b\u043e\u0432<\/span><br \/>\n <span class=\"bifa-ambassador-count\">3<\/span><br \/>\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.5\">\n <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"#FFFFFF\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg><br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<\/section>\n<\/div>\n<p><script>\n\/\/ BIFA+ Premium Ambassadors Module\nconst BifaAmbassadors = {\n \/\/ Configuration\n config: {\n particleCount: 12,\n animationDelay: 100,\n observerThreshold: 0.1,\n visibleCards: 3,\n isExpanded: false,\n currentSlide: 0,\n autoScrollInterval: null,\n autoScrollDelay: 5000 \/\/ 5 seconds between slides\n },<\/p>\n<p> \/\/ Initialize\n init() {\n this.createParticles();\n this.setupIntersectionObserver();\n this.setupImageLazyLoading();\n this.setupHoverEffects();\n this.initializeToggleButton();\n this.initializeMobileCarousel();\n },<\/p>\n<p> \/\/ Initialize mobile carousel\n initializeMobileCarousel() {\n if (window.innerWidth > 768) return;<\/p>\n<p> const grid = document.querySelector('.bifa-ambassadors-grid');\n const cards = document.querySelectorAll('.bifa-ambassador-card');\n const indicatorsContainer = document.querySelector('.bifa-carousel-indicators');<\/p>\n<p> \/\/ Clear existing indicators\n indicatorsContainer.innerHTML = '';<\/p>\n<p> \/\/ Create indicators\n cards.forEach((_, index) => {\n const dot = document.createElement('button');\n dot.className = 'bifa-carousel-dot';\n dot.setAttribute('aria-label', `Go to ambassador ${index + 1}`);\n if (index === 0) dot.classList.add('active');\n dot.addEventListener('click', () => this.scrollToCard(index));\n indicatorsContainer.appendChild(dot);\n });<\/p>\n<p> \/\/ Setup scroll listener with debounce\n let scrollTimeout;\n grid.addEventListener('scroll', () => {\n clearTimeout(scrollTimeout);\n scrollTimeout = setTimeout(() => {\n this.updateActiveIndicator();\n }, 50);\n });<\/p>\n<p> \/\/ Start auto-scroll\n this.startAutoScroll();<\/p>\n<p> \/\/ Pause auto-scroll on interaction\n grid.addEventListener('touchstart', () => this.pauseAutoScroll());\n grid.addEventListener('mouseenter', () => this.pauseAutoScroll());\n grid.addEventListener('mouseleave', () => this.startAutoScroll());<\/p>\n<p> \/\/ Resume auto-scroll after touch ends\n grid.addEventListener('touchend', () => {\n setTimeout(() => this.startAutoScroll(), 1000);\n });\n },<\/p>\n<p> \/\/ Scroll to specific card\n scrollToCard(index) {\n const grid = document.querySelector('.bifa-ambassadors-grid');\n const cards = document.querySelectorAll('.bifa-ambassador-card');<\/p>\n<p> if (cards[index]) {\n const card = cards[index];\n const cardLeft = card.offsetLeft;\n const cardWidth = card.offsetWidth;\n const gridWidth = grid.offsetWidth;<\/p>\n<p> \/\/ Center the card in view\n const scrollPosition = cardLeft - (gridWidth - cardWidth) \/ 2;<\/p>\n<p> grid.scrollTo({\n left: scrollPosition,\n behavior: 'smooth'\n });<\/p>\n<p> this.config.currentSlide = index;\n this.updateActiveIndicator();\n }\n },<\/p>\n<p> \/\/ Update active indicator\n updateActiveIndicator() {\n const grid = document.querySelector('.bifa-ambassadors-grid');\n const cards = document.querySelectorAll('.bifa-ambassador-card');\n const dots = document.querySelectorAll('.bifa-carousel-dot');<\/p>\n<p> if (!cards.length) return;<\/p>\n<p> const scrollLeft = grid.scrollLeft;\n const gridWidth = grid.offsetWidth;<\/p>\n<p> \/\/ Find which card is most centered\n let closestIndex = 0;\n let closestDistance = Infinity;<\/p>\n<p> cards.forEach((card, index) => {\n const cardLeft = card.offsetLeft;\n const cardWidth = card.offsetWidth;\n const cardCenter = cardLeft + cardWidth \/ 2;\n const gridCenter = scrollLeft + gridWidth \/ 2;\n const distance = Math.abs(cardCenter - gridCenter);<\/p>\n<p> if (distance < closestDistance) {\n closestDistance = distance;\n closestIndex = index;\n }\n });\n \n \/\/ Update dots\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === closestIndex);\n });<\/p>\n<p> this.config.currentSlide = closestIndex;\n },<\/p>\n<p> \/\/ Start auto-scroll\n startAutoScroll() {\n if (window.innerWidth > 768) return;<\/p>\n<p> this.pauseAutoScroll();<\/p>\n<p> this.config.autoScrollInterval = setInterval(() => {\n const cards = document.querySelectorAll('.bifa-ambassador-card');\n const nextSlide = (this.config.currentSlide + 1) % cards.length;\n this.scrollToCard(nextSlide);\n }, this.config.autoScrollDelay);\n },<\/p>\n<p> \/\/ Pause auto-scroll\n pauseAutoScroll() {\n if (this.config.autoScrollInterval) {\n clearInterval(this.config.autoScrollInterval);\n this.config.autoScrollInterval = null;\n }\n },<\/p>\n<p> \/\/ Initialize toggle button\n initializeToggleButton() {\n const cards = document.querySelectorAll('.bifa-ambassador-card');\n const totalCards = cards.length;<\/p>\n<p> \/\/ Determine visible cards based on screen size\n let visibleCards = 3; \/\/ Desktop default\n if (window.innerWidth <= 480) {\n visibleCards = 1;\n } else if (window.innerWidth <= 1024) {\n visibleCards = 2;\n }\n \n const hiddenCards = totalCards - visibleCards;\n \n \/\/ Update count badge\n const countBadge = document.querySelector('.bifa-ambassador-count');\n if (countBadge && hiddenCards > 0) {\n countBadge.textContent = hiddenCards;\n }<\/p>\n<p> \/\/ Hide button if not enough cards or on mobile\n const ctaSection = document.querySelector('.bifa-ambassadors-cta');\n if (totalCards <= visibleCards || window.innerWidth <= 768) {\n ctaSection.style.display = 'none';\n } else {\n ctaSection.style.display = 'block';\n }\n \n \/\/ Store visible cards count\n this.config.visibleCards = visibleCards;\n \n \/\/ Update on window resize\n let resizeTimeout;\n window.addEventListener('resize', () => {\n clearTimeout(resizeTimeout);\n resizeTimeout = setTimeout(() => {\n \/\/ Reset state and reinitialize\n const grid = document.querySelector('.bifa-ambassadors-grid');\n const button = document.querySelector('.bifa-view-all-button');\n if (grid.classList.contains('expanded')) {\n grid.classList.remove('expanded');\n button.classList.remove('expanded');\n this.config.isExpanded = false;\n }\n this.initializeToggleButton();<\/p>\n<p> \/\/ Reinitialize carousel if needed\n if (window.innerWidth <= 768) {\n this.initializeMobileCarousel();\n } else {\n this.pauseAutoScroll();\n }\n }, 250);\n });\n },\n\n \/\/ Toggle all ambassadors\n toggleAllAmbassadors() {\n const grid = document.querySelector('.bifa-ambassadors-grid');\n const button = document.querySelector('.bifa-view-all-button');\n const buttonText = button.querySelector('.bifa-button-text');\n const countBadge = button.querySelector('.bifa-ambassador-count');\n \n this.config.isExpanded = !this.config.isExpanded;\n \n if (this.config.isExpanded) {\n \/\/ Expand\n grid.classList.add('expanded');\n button.classList.add('expanded');\n buttonText.textContent = 'Show Less';\n countBadge.style.display = 'none';\n \n \/\/ Smooth scroll to newly visible cards\n setTimeout(() => {\n const fourthCard = document.querySelector('.bifa-ambassador-card:nth-child(4)');\n if (fourthCard) {\n const rect = fourthCard.getBoundingClientRect();\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n const targetY = rect.top + scrollTop - 100;<\/p>\n<p> window.scrollTo({\n top: targetY,\n behavior: 'smooth'\n });\n }\n }, 100);\n } else {\n \/\/ Collapse\n grid.classList.remove('expanded');\n button.classList.remove('expanded');\n buttonText.textContent = 'View All Ambassadors';\n countBadge.style.display = 'inline-flex';<\/p>\n<p> \/\/ Scroll back to top of section\n const section = document.querySelector('.bifa-ambassadors-section');\n section.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n },<\/p>\n<p> \/\/ Create golden particles\n createParticles() {\n const particlesContainer = document.querySelector('.bifa-ambassadors-bg-animation');\n if (!particlesContainer) return;<\/p>\n<p> for (let i = 0; i < this.config.particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'bifa-ambassadors-particle';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 20 + 's';\n particle.style.animationDuration = (18 + Math.random() * 10) + 's';\n \n const size = 3 + Math.random() * 2;\n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n \n particlesContainer.appendChild(particle);\n }\n },\n\n \/\/ Setup intersection observer for animations\n setupIntersectionObserver() {\n if (!window.IntersectionObserver) return;\n\n const observerOptions = {\n threshold: this.config.observerThreshold,\n rootMargin: '50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('animate-in');<\/p>\n<p> \/\/ Special animation for badges\n const badge = entry.target.querySelector('.bifa-ambassador-badge');\n if (badge) {\n setTimeout(() => {\n badge.style.animation = 'slideDown 0.5s ease-out forwards';\n }, 500);\n }\n }\n });\n }, observerOptions);<\/p>\n<p> \/\/ Observe only visible cards initially\n const cards = document.querySelectorAll('.bifa-ambassador-card');\n cards.forEach((card, index) => {\n if (window.innerWidth <= 768 || index < this.config.visibleCards || this.config.isExpanded) {\n observer.observe(card);\n }\n });\n },\n\n \/\/ Setup lazy loading for images\n setupImageLazyLoading() {\n const images = document.querySelectorAll('.bifa-ambassador-image img');\n \n if ('loading' in HTMLImageElement.prototype) {\n images.forEach(img => {\n img.loading = 'lazy';\n });\n } else {\n \/\/ Fallback for browsers that don't support lazy loading\n const imageObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const img = entry.target;\n if (img.dataset.src) {\n img.src = img.dataset.src;\n img.removeAttribute('data-src');\n imageObserver.unobserve(img);\n }\n }\n });\n });<\/p>\n<p> images.forEach(img => imageObserver.observe(img));\n }\n },<\/p>\n<p> \/\/ Setup hover effects\n setupHoverEffects() {\n const cards = document.querySelectorAll('.bifa-ambassador-card');<\/p>\n<p> cards.forEach(card => {\n card.addEventListener('mouseenter', (e) => {\n this.createHoverParticles(e.currentTarget);\n });<\/p>\n<p> card.addEventListener('mouseleave', (e) => {\n this.removeHoverParticles(e.currentTarget);\n });\n });\n },<\/p>\n<p> \/\/ Create hover particles effect\n createHoverParticles(card) {\n const particleCount = 5;\n const cardRect = card.getBoundingClientRect();<\/p>\n<p> for (let i = 0; i < particleCount; i++) {\n const particle = document.createElement('div');\n particle.className = 'hover-particle';\n particle.style.cssText = `\n position: absolute;\n width: 4px;\n height: 4px;\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\n border-radius: 50%;\n pointer-events: none;\n animation: hoverFloat 2s ease-out forwards;\n left: ${Math.random() * cardRect.width}px;\n top: ${cardRect.height}px;\n opacity: 0;\n z-index: 100;\n `;\n \n card.appendChild(particle);\n }\n },\n\n \/\/ Remove hover particles\n removeHoverParticles(card) {\n const particles = card.querySelectorAll('.hover-particle');\n particles.forEach(p => {\n p.style.animation = 'fadeOut 0.3s ease-out forwards';\n setTimeout(() => p.remove(), 300);\n });\n },<\/p>\n<p> \/\/ Handle ambassador card click\n handleCardClick(ambassadorId) {\n console.log('Ambassador clicked:', ambassadorId);\n \/\/ Add your navigation logic here\n }\n};<\/p>\n<p>\/\/ Initialize when DOM is ready\ndocument.addEventListener('DOMContentLoaded', () => {\n BifaAmbassadors.init();\n});<\/p>\n<p>\/\/ Performance optimization - pause animations when not visible\ndocument.addEventListener('visibilitychange', () => {\n const particles = document.querySelectorAll('.bifa-ambassadors-particle');\n const shapes = document.querySelectorAll('.bifa-floating-shape-amb');<\/p>\n<p> if (document.hidden) {\n particles.forEach(p => p.style.animationPlayState = 'paused');\n shapes.forEach(s => s.style.animationPlayState = 'paused');\n } else {\n particles.forEach(p => p.style.animationPlayState = 'running');\n shapes.forEach(s => s.style.animationPlayState = 'running');\n }\n});<\/p>\n<p>\/\/ Add hover particle animation\nconst style = document.createElement('style');\nstyle.textContent = `\n @keyframes hoverFloat {\n 0% {\n transform: translateY(0) scale(0);\n opacity: 1;\n }\n 100% {\n transform: translateY(-100px) scale(1.5);\n opacity: 0;\n }\n }<\/p>\n<p> @keyframes fadeOut {\n to {\n opacity: 0;\n transform: scale(0);\n }\n }\n`;\ndocument.head.appendChild(style);\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html>\n<\/div>\n<p><br \/>\n\\n <link rel=\"\\\"preconnect\\\"\" href=\"\\\"https:\\\/\\\/fonts.googleapis.com\\\"\">\\n <link rel=\"\\\"preconnect\\\"\" href=\"\\\"https:\\\/\\\/fonts.gstatic.com\\\"\" crossorigin>\\n <link href=\"\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap\\\"\" rel=\"\\\"stylesheet\\\"\">\\n \\n <\/p>\n<style>\\n \\\/* ========= \\u0413\\u041b\\u041e\\u0411\\u0410\\u041b\\u042c\\u041d\\u042b\\u0415 \\u041f\\u0415\\u0420\\u0415\\u041c\\u0415\\u041d\\u041d\\u042b\\u0415 BIFA+ ========= *\\\/\\n :root {\\n \\\/* \\u041e\\u0444\\u0438\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0446\\u0432\\u0435\\u0442\\u0430 BIFA+ *\\\/\\n --bifa-deep-navy: #0A1F44;\\n --bifa-heritage-gold: #D4AF37;\\n --bifa-civic-green: #1D6143;\\n --bifa-bright-white: #FFFFFF;\\n --bifa-soft-black: #1A1A1A;\\n \\n \\\/* \\u041e\\u0444\\u0438\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0448\\u0440\\u0438\\u0444\\u0442\\u044b BIFA+ *\\\/\\n --bifa-font-heading: 'Montserrat', 'Cairo', sans-serif;\\n --bifa-font-body: 'Poppins', 'Tajawal', sans-serif;\\n --bifa-font-arabic: 'Cairo', 'Tajawal', 'GE SS Text', sans-serif;\\n }\\n\\n \\\/* ========= RESET ========= *\\\/\\n * {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n }\\n \\n body {\\n font-family: var(--bifa-font-body);\\n overflow-x: hidden;\\n background: var(--bifa-bright-white);\\n }\\n\\n \\\/* ========= \\u0410\\u041d\\u0418\\u041c\\u0410\\u0426\\u0418\\u0418 ========= *\\\/\\n @keyframes goldPulse {\\n 0%, 100% { opacity: 0.6; }\\n 50% { opacity: 1; }\\n }\\n\\n @keyframes float {\\n 0% {\\n transform: translateY(100vh) translateX(0);\\n opacity: 0;\\n }\\n 15% { opacity: 1; }\\n 85% { opacity: 1; }\\n 100% {\\n transform: translateY(-100vh) translateX(50px);\\n opacity: 0;\\n }\\n }\\n \\n @keyframes fadeInDown {\\n from {\\n opacity: 0;\\n transform: translateY(-40px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n }\\n\\n @keyframes fadeInUp {\\n from {\\n opacity: 0;\\n transform: translateY(40px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n }\\n\\n @keyframes partners-pulse {\\n 0%, 100% { \\n filter: brightness(1.1) drop-shadow(0 0 10px rgba(212, 175, 55, 0.4)); \\n transform: scale(1);\\n }\\n 50% { \\n filter: brightness(1.3) drop-shadow(0 0 20px rgba(212, 175, 55, 0.6)); \\n transform: scale(1.02);\\n }\\n }\\n\\n @keyframes partners-twinkle {\\n 0%, 100% { \\n opacity: 0.3; \\n transform: scale(1); \\n }\\n 50% { \\n opacity: 1; \\n transform: scale(1.5); \\n }\\n }\\n\\n @keyframes partners-float-neon {\\n 0%, 100% {\\n transform: translate(0, 0) scale(1);\\n }\\n 33% {\\n transform: translate(50px, -80px) scale(1.1);\\n }\\n 66% {\\n transform: translate(-50px, 50px) scale(0.9);\\n }\\n }\\n\\n @keyframes partners-rotate-slow {\\n from { transform: rotate(0deg); }\\n to { transform: rotate(360deg); }\\n }\\n\\n @keyframes textRotate {\\n 0% {\\n opacity: 0;\\n transform: translateY(-50%) translateY(20px);\\n }\\n 10% {\\n opacity: 1;\\n transform: translateY(-50%) translateY(0);\\n }\\n 40% {\\n opacity: 1;\\n transform: translateY(-50%) translateY(0);\\n }\\n 50% {\\n opacity: 0;\\n transform: translateY(-50%) translateY(-20px);\\n }\\n 100% {\\n opacity: 0;\\n transform: translateY(-50%) translateY(-20px);\\n }\\n }\\n\\n @keyframes textGlow {\\n 0%, 100% {\\n text-shadow: \\n 0 0 10px rgba(212, 175, 55, 0.3),\\n 0 0 20px rgba(212, 175, 55, 0.2),\\n 0 0 30px rgba(212, 175, 55, 0.1);\\n filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.2));\\n }\\n 50% {\\n text-shadow: \\n 0 0 15px rgba(212, 175, 55, 0.5),\\n 0 0 30px rgba(212, 175, 55, 0.4),\\n 0 0 45px rgba(212, 175, 55, 0.3),\\n 0 0 60px rgba(212, 175, 55, 0.2);\\n filter: drop-shadow(0 0 25px rgba(212, 175, 55, 0.3));\\n }\\n }\\n\\n \\\/* ========= \\u041e\\u0421\\u041d\\u041e\\u0412\\u041d\\u041e\\u0419 \\u041a\\u041e\\u041d\\u0422\\u0415\\u0419\\u041d\\u0415\\u0420 ========= *\\\/\\n .partners-section-wrapper {\\n width: 100vw;\\n position: relative;\\n left: 50%;\\n margin-left: -50vw;\\n background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);\\n overflow: hidden;\\n }\\n\\n \\\/* \\u0421\\u0432\\u044f\\u0437\\u0443\\u044e\\u0449\\u0430\\u044f \\u043b\\u0438\\u043d\\u0438\\u044f \\u0441 \\u043f\\u0440\\u0435\\u0434\\u044b\\u0434\\u0443\\u0449\\u0435\\u0439 \\u0441\\u0435\\u043a\\u0446\\u0438\\u0435\\u0439 *\\\/\\n .partners-section-wrapper::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 2px;\\n background: linear-gradient(90deg, \\n rgba(212, 175, 55, 0.3) 0%, \\n rgba(212, 175, 55, 0.8) 50%, \\n rgba(212, 175, 55, 0.3) 100%\\n );\\n box-shadow: \\n 0 0 10px rgba(212, 175, 55, 0.4),\\n 0 0 20px rgba(212, 175, 55, 0.2);\\n z-index: 100;\\n animation: goldPulse 3s ease-in-out infinite;\\n }\\n\\n .bifa-partners-container {\\n position: relative;\\n padding: 80px 0;\\n background: transparent;\\n overflow: hidden;\\n }\\n\\n .bifa-partners-container::before {\\n content: '';\\n position: absolute;\\n inset: 0;\\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.03), transparent 50%),\\n radial-gradient(circle at 70% 80%, rgba(10, 31, 68, 0.03), transparent 50%);\\n z-index: 0;\\n }\\n\\n \\\/* ========= \\u0427\\u0410\\u0421\\u0422\\u0418\\u0426\\u042b \\u0418 \\u0414\\u0415\\u041a\\u041e\\u0420\\u0410\\u0422\\u0418\\u0412\\u041d\\u042b\\u0415 \\u042d\\u041b\\u0415\\u041c\\u0415\\u041d\\u0422\\u042b ========= *\\\/\\n .bg-particles {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n z-index: 2;\\n }\\n\\n .particle {\\n position: absolute;\\n width: 4px;\\n height: 4px;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n border-radius: 50%;\\n animation: float 15s infinite linear;\\n box-shadow: 0 0 8px rgba(212, 175, 55, 0.3);\\n opacity: 0.3;\\n }\\n\\n .neon-elements {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n z-index: 0;\\n pointer-events: none;\\n }\\n\\n .neon-circle {\\n position: absolute;\\n border-radius: 50%;\\n filter: blur(40px);\\n animation: partners-float-neon 20s ease-in-out infinite;\\n }\\n\\n .neon-circle:nth-child(1) {\\n width: 300px;\\n height: 300px;\\n background: rgba(212, 175, 55, 0.08);\\n top: -150px;\\n left: -150px;\\n animation: partners-float-neon 18s ease-in-out infinite;\\n }\\n\\n .neon-circle:nth-child(2) {\\n width: 400px;\\n height: 400px;\\n background: rgba(10, 31, 68, 0.06);\\n bottom: -200px;\\n right: -200px;\\n animation: partners-float-neon 25s ease-in-out infinite;\\n animation-delay: 5s;\\n }\\n\\n .neon-circle:nth-child(3) {\\n width: 250px;\\n height: 250px;\\n background: rgba(29, 97, 67, 0.05);\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n animation: partners-float-neon 30s ease-in-out infinite;\\n animation-delay: 10s;\\n }\\n\\n .glow-dot {\\n position: absolute;\\n width: 4px;\\n height: 4px;\\n background: rgba(212, 175, 55, 0.8);\\n border-radius: 50%;\\n box-shadow: 0 0 10px rgba(212, 175, 55, 0.8);\\n animation: partners-twinkle 3s ease-in-out infinite;\\n }\\n\\n .glow-dot:nth-child(6) {\\n top: 15%;\\n right: 10%;\\n animation-delay: 0s;\\n }\\n\\n .glow-dot:nth-child(7) {\\n bottom: 25%;\\n left: 8%;\\n animation-delay: 1.5s;\\n }\\n\\n .glow-dot:nth-child(8) {\\n top: 70%;\\n right: 30%;\\n animation-delay: 2.5s;\\n }\\n\\n \\\/* ========= \\u041a\\u041e\\u041d\\u0422\\u0415\\u041d\\u0422 ========= *\\\/\\n .content-wrapper {\\n position: relative;\\n z-index: 2;\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: 0 40px;\\n }\\n\\n \\\/* ========= \\u0417\\u0410\\u0413\\u041e\\u041b\\u041e\\u0412\\u041e\\u041a \\u0421\\u0415\\u041a\\u0426\\u0418\\u0418 ========= *\\\/\\n .section-header {\\n text-align: center;\\n margin-bottom: 60px;\\n position: relative;\\n z-index: 1;\\n animation: fadeInDown 1.2s ease;\\n }\\n\\n .partners-title {\\n font-family: var(--bifa-font-heading);\\n font-size: clamp(3rem, 5vw, 4.5rem);\\n font-weight: 900;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n margin-bottom: 25px;\\n text-transform: uppercase;\\n position: relative;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n text-decoration: none;\\n display: inline-block;\\n }\\n\\n .partners-title::after {\\n content: '';\\n position: absolute;\\n bottom: -10px;\\n left: 50%;\\n transform: translateX(-50%);\\n width: 0;\\n height: 3px;\\n background: linear-gradient(90deg, var(--bifa-heritage-gold), #ffd700);\\n transition: width 0.4s ease;\\n }\\n\\n .partners-title:hover {\\n transform: translateY(-3px);\\n }\\n\\n .partners-title:hover::after {\\n width: 100%;\\n }\\n\\n \\\/* \\u041a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440 \\u0434\\u043b\\u044f \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438 \\u0441\\u043c\\u0435\\u043d\\u044b \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432 *\\\/\\n .subtitle-container {\\n position: relative;\\n height: 60px;\\n margin-bottom: 20px;\\n overflow: visible;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n }\\n\\n .partners-subtitle,\\n .partners-slogan {\\n font-family: var(--bifa-font-body);\\n font-size: clamp(1.2rem, 2.5vw, 1.8rem);\\n color: var(--bifa-deep-navy);\\n font-weight: 600;\\n letter-spacing: 2px;\\n position: absolute;\\n width: 100%;\\n left: 0;\\n top: 50%;\\n transform: translateY(-50%);\\n margin: 0;\\n text-align: center;\\n opacity: 0;\\n z-index: 2;\\n }\\n\\n .partners-subtitle {\\n animation: textRotate 8s ease-in-out infinite;\\n }\\n\\n .partners-slogan {\\n font-family: var(--bifa-font-heading);\\n font-weight: 700;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n animation: textRotate 8s ease-in-out infinite, textGlow 2s ease-in-out infinite;\\n animation-delay: 4s, 4s;\\n }\\n\\n .partners-description {\\n max-width: 900px;\\n margin: 0 auto;\\n font-family: var(--bifa-font-body);\\n font-size: clamp(1rem, 1.5vw, 1.2rem);\\n line-height: 1.8;\\n color: #4a5568;\\n font-weight: 400;\\n opacity: 0;\\n animation: fadeInUp 1s ease forwards;\\n animation-delay: 2s;\\n }\\n\\n .highlight {\\n font-weight: 700;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n }\\n\\n \\\/* ========= \\u041a\\u0410\\u0422\\u0415\\u0413\\u041e\\u0420\\u0418\\u0418 \\u041f\\u0410\\u0420\\u0422\\u041d\\u0415\\u0420\\u041e\\u0412 ========= *\\\/\\n .partner-categories {\\n margin-bottom: 50px;\\n position: relative;\\n z-index: 1;\\n animation: fadeInUp 1s ease-out 0.2s both;\\n }\\n\\n .category-tabs {\\n display: flex;\\n justify-content: center;\\n gap: 20px;\\n flex-wrap: wrap;\\n }\\n\\n .category-tab {\\n padding: 14px 35px;\\n background: rgba(255, 255, 255, 0.95);\\n backdrop-filter: blur(10px);\\n border: 2px solid rgba(212, 175, 55, 0.2);\\n border-radius: 50px;\\n font-weight: 600;\\n color: var(--bifa-deep-navy);\\n cursor: pointer;\\n transition: all 0.3s ease;\\n font-size: 1rem;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n font-family: var(--bifa-font-heading);\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n position: relative;\\n overflow: hidden;\\n }\\n\\n .category-tab::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: -100%;\\n width: 100%;\\n height: 100%;\\n background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\\n transition: left 0.5s ease;\\n }\\n\\n .category-tab:hover::before {\\n left: 100%;\\n }\\n\\n .category-tab:hover {\\n transform: translateY(-3px);\\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2);\\n border-color: var(--bifa-heritage-gold);\\n background: rgba(255, 255, 255, 1);\\n }\\n\\n .category-tab.active {\\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\\n color: var(--bifa-deep-navy);\\n border-color: transparent;\\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\\n font-weight: 800;\\n }\\n\\n \\\/* ========= \\u0421\\u0415\\u0422\\u041a\\u0410 \\u041f\\u0410\\u0420\\u0422\\u041d\\u0415\\u0420\\u041e\\u0412 ========= *\\\/\\n .partners-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\n gap: 30px;\\n margin-bottom: 60px;\\n position: relative;\\n z-index: 1;\\n animation: fadeInUp 1s ease-out 0.4s both;\\n }\\n\\n .partner-card {\\n background: rgba(255, 255, 255, 0.98);\\n backdrop-filter: blur(10px);\\n border-radius: 20px;\\n overflow: hidden;\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n cursor: pointer;\\n transition: all 0.3s ease;\\n position: relative;\\n border: 2px solid rgba(212, 175, 55, 0.1);\\n height: 250px;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n padding: 40px 30px;\\n }\\n\\n .partner-card::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: radial-gradient(circle at center, rgba(212, 175, 55, 0.05) 0%, transparent 70%);\\n opacity: 0;\\n transition: opacity 0.4s ease;\\n }\\n\\n .partner-card:hover {\\n transform: translateY(-10px);\\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\\n border-color: rgba(212, 175, 55, 0.3);\\n }\\n\\n .partner-card:hover::before {\\n opacity: 1;\\n }\\n\\n .partner-tier-badge {\\n position: absolute;\\n top: 15px;\\n right: 15px;\\n padding: 5px 12px;\\n border-radius: 20px;\\n font-size: 10px;\\n font-weight: 700;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n font-family: var(--bifa-font-heading);\\n backdrop-filter: blur(10px);\\n z-index: 2;\\n }\\n\\n .tier-platinum {\\n background: linear-gradient(135deg, #e5e7eb 0%, #9ca3af 100%);\\n color: #1f2937;\\n box-shadow: 0 2px 10px rgba(156, 163, 175, 0.4);\\n }\\n\\n .tier-gold {\\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\\n color: var(--bifa-deep-navy);\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.4);\\n }\\n\\n .tier-silver {\\n background: linear-gradient(135deg, #d1d5db 0%, #e5e7eb 100%);\\n color: #374151;\\n box-shadow: 0 2px 10px rgba(209, 213, 219, 0.4);\\n }\\n\\n .tier-media {\\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\\n color: white;\\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\\n }\\n .tier-strategic {\\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\\n color: white;\\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\\n }\\n .tier-institutional {\\n background: linear-gradient(135deg, var(--bifa-deep-navy) 0%, #162e5a 100%);\\n color: white;\\n box-shadow: 0 2px 10px rgba(10, 31, 68, 0.4);\\n }\\n\\n .partner-logo {\\n width: 100%;\\n max-width: 200px;\\n height: 100px;\\n object-fit: contain;\\n filter: grayscale(100%);\\n opacity: 0.7;\\n transition: all 0.3s ease;\\n position: relative;\\n z-index: 1;\\n }\\n\\n .partner-card:hover .partner-logo {\\n filter: grayscale(0%);\\n opacity: 1;\\n transform: scale(1.05);\\n }\\n\\n .partner-info {\\n text-align: center;\\n margin-top: 20px;\\n position: relative;\\n z-index: 1;\\n }\\n\\n .partner-name {\\n font-weight: 700;\\n color: var(--bifa-deep-navy);\\n font-size: 1.2rem;\\n margin-bottom: 5px;\\n transition: color 0.3s ease;\\n font-family: var(--bifa-font-heading);\\n }\\n\\n .partner-card:hover .partner-name {\\n color: var(--bifa-heritage-gold);\\n }\\n\\n .partner-description {\\n font-size: 0.9rem;\\n color: #64748b;\\n line-height: 1.4;\\n font-family: var(--bifa-font-body);\\n }\\n\\n \\\/* ========= CTA \\u0421\\u0415\\u041a\\u0426\\u0418\\u042f ========= *\\\/\\n .partners-cta {\\n text-align: center;\\n padding: 60px 40px;\\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.08) 100%);\\n backdrop-filter: blur(10px);\\n border-radius: 25px;\\n position: relative;\\n z-index: 1;\\n overflow: hidden;\\n animation: fadeInUp 1s ease-out 0.6s both;\\n border: 2px solid rgba(212, 175, 55, 0.2);\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n }\\n\\n .partners-cta::before {\\n content: '';\\n position: absolute;\\n top: -50%;\\n left: -50%;\\n width: 200%;\\n height: 200%;\\n background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 50%);\\n animation: partners-rotate-slow 20s linear infinite;\\n }\\n\\n .cta-title {\\n font-family: var(--bifa-font-heading);\\n font-size: 2.5rem;\\n font-weight: 900;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n margin-bottom: 20px;\\n position: relative;\\n z-index: 1;\\n }\\n\\n .cta-description {\\n font-size: 1.2rem;\\n color: var(--bifa-deep-navy);\\n margin-bottom: 30px;\\n line-height: 1.6;\\n position: relative;\\n z-index: 1;\\n font-family: var(--bifa-font-body);\\n }\\n\\n .cta-button {\\n display: inline-block;\\n padding: 18px 50px;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold) 0%, #ffd700 100%);\\n color: var(--bifa-deep-navy);\\n text-decoration: none;\\n border-radius: 50px;\\n font-weight: 700;\\n font-size: 1.1rem;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n font-family: var(--bifa-font-heading);\\n transition: all 0.3s ease;\\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\\n position: relative;\\n z-index: 1;\\n overflow: hidden;\\n }\\n\\n .cta-button::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: -100%;\\n width: 100%;\\n height: 100%;\\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\\n transition: left 0.5s ease;\\n }\\n\\n .cta-button:hover::before {\\n left: 100%;\\n }\\n\\n .cta-button:hover {\\n transform: translateY(-3px);\\n box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\\n }\\n\\n \\\/* ========= \\u0421\\u041e\\u0421\\u0422\\u041e\\u042f\\u041d\\u0418\\u0415 \\u0417\\u0410\\u0413\\u0420\\u0423\\u0417\\u041a\\u0418 ========= *\\\/\\n .loading-container {\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n justify-content: center;\\n padding: 80px 20px;\\n text-align: center;\\n }\\n\\n .loading-content {\\n background: rgba(255, 255, 255, 0.95);\\n backdrop-filter: blur(10px);\\n border-radius: 20px;\\n padding: 40px 30px;\\n border: 2px solid rgba(212, 175, 55, 0.2);\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n position: relative;\\n overflow: hidden;\\n }\\n\\n .loading-icon {\\n font-size: 48px;\\n margin-bottom: 20px;\\n animation: partners-pulse 2s ease-in-out infinite;\\n }\\n\\n .loading-title {\\n font-size: 1.8rem;\\n font-weight: 700;\\n color: var(--bifa-deep-navy);\\n margin-bottom: 10px;\\n font-family: var(--bifa-font-heading);\\n }\\n\\n .loading-subtitle {\\n font-size: 1rem;\\n color: #64748b;\\n font-family: var(--bifa-font-body);\\n }\\n\\n \\\/* ========= RESPONSIVE DESIGN ========= *\\\/\\n @media (max-width: 1024px) {\\n .content-wrapper {\\n padding: 0 30px;\\n }\\n \\n .partners-grid {\\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\n gap: 25px;\\n }\\n\\n .partners-title {\\n font-size: 3rem;\\n }\\n }\\n\\n @media (max-width: 768px) {\\n .content-wrapper {\\n padding: 0 20px;\\n }\\n\\n .partners-title {\\n font-size: 2.5rem;\\n }\\n\\n .subtitle-container {\\n height: 50px;\\n }\\n\\n .partners-subtitle,\\n .partners-slogan {\\n font-size: 1.2rem;\\n }\\n\\n .partners-grid {\\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\\n gap: 20px;\\n }\\n\\n .partner-card {\\n height: 220px;\\n padding: 30px 20px;\\n }\\n\\n .cta-title {\\n font-size: 2rem;\\n }\\n\\n .cta-button {\\n padding: 15px 40px;\\n font-size: 1rem;\\n }\\n\\n .category-tab {\\n padding: 12px 25px;\\n font-size: 0.9rem;\\n }\\n }\\n\\n @media (max-width: 480px) {\\n .partners-grid {\\n grid-template-columns: 1fr;\\n }\\n\\n .partners-title {\\n font-size: 2rem;\\n }\\n\\n .subtitle-container {\\n height: 30px;\\n margin-bottom: 15px;\\n padding: 10px 0;\\n }\\n\\n .partners-subtitle,\\n .partners-slogan {\\n font-size: 1rem;\\n letter-spacing: 1px;\\n }\\n }\\n <\\\/style>\\n<\\\/head>\\n<body>\\n <\/p>\n<div class=\"\\\"partners-section-wrapper\\\"\">\\n \\n <\/p>\n<div class=\"\\\"bg-particles\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<section class=\"\\\"bifa-partners-container\\\"\">\\n \\n <\/p>\n<div class=\"\\\"neon-elements\\\"\">\\n <\/p>\n<div class=\"\\\"neon-circle\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"neon-circle\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"neon-circle\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"glow-dot\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"glow-dot\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"glow-dot\\\"\"><\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"content-wrapper\\\"\">\\n \\n <\/p>\n<div class=\"\\\"section-header\\\"\">\\n <\/p>\n<div class=\"\\\"partners-title\\\"\">Partners & Sponsors<\\\/div>\\n <\/p>\n<div class=\"\\\"subtitle-container\\\"\">\\n <\/p>\n<p class=\"\\\"partners-subtitle\\\"\">Together we create the future of Global South cooperation<\\\/p>\\n <\/p>\n<p class=\"\\\"partners-slogan\\\"\">Play with Spirit. Leading with Vision.<\\\/p>\\n <\\\/div>\\n <\/p>\n<p class=\"\\\"partners-description\\\"\">\\n A global network of <span class=\"\\\"highlight\\\"\">strategic partners<\\\/span> and \\n <span class=\"\\\"highlight\\\"\">innovative sponsors<\\\/span> supporting BIFA+'s mission to unite the \\n <span class=\"\\\"highlight\\\"\">Global South<\\\/span> through football, cultural exchange, and \\n <span class=\"\\\"highlight\\\"\">sports diplomacy<\\\/span>. From technology innovators to media giants, \\n our partners share our vision of creating bridges between nations and empowering the next generation.\\n <\\\/p>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partner-categories\\\"\">\\n <\/p>\n<div class=\"\\\"category-tabs\\\"\">\\n <button class=\"\\\"category-tab\" active\\\" onclick=\"\\\"filterPartners('all')\\\"\">All Partners<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('platinum')\\\"\">Platinum<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('gold')\\\"\">Gold<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('silver')\\\"\">Silver<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('media')\\\"\">Media Partners<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('strategic')\\\"\">Strategic Partners<\\\/button>\\n <button class=\"\\\"category-tab\\\"\" onclick=\"\\\"filterPartners('institutional')\\\"\">Institutional Partners<\\\/button>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partners-grid\\\"\" id=\"\\\"partnersGrid\\\"\">\\n <\/p>\n<div class=\"\\\"loading-container\\\"\">\\n <\/p>\n<div class=\"\\\"loading-content\\\"\">\\n <\/p>\n<div class=\"\\\"loading-icon\\\"\">\\u2728<\\\/div>\\n <\/p>\n<h3 class=\"\\\"loading-title\\\"\">Building Together<\\\/h3>\\n <\/p>\n<p class=\"\\\"loading-subtitle\\\"\"> BIFA collaborates with governments, clubs, and innovators to grow football across the Global South. Official partners will be announced soon.<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partners-cta\\\"\">\\n <\/p>\n<h3 class=\"\\\"cta-title\\\"\">Join the Global BIFA+ Movement<\\\/h3>\\n <\/p>\n<p class=\"\\\"cta-description\\\"\">Partner with us to create a new future for international sports cooperation and Global South unity<\\\/p>\\n <a href=\"\\\"https:\\\/\\\/bifa.ai\\\/partners\\\/\\\"\" class=\"\\\"cta-button\\\"\">Partner with Us<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/section>\\n <\\\/div>\\n\\n <script>\\n \\\/\\\/ Partner data will be loaded from API\\n let partnersData = [];\\n\\n \\\/\\\/ Function to load partners from backend\\n async function loadPartners() {\\n try {\\n const response = await fetch('\\\/wp-json\\\/bifa\\\/v1\\\/partners');\\n if (!response.ok) {\\n throw new Error('Failed to load partners');\\n }\\n const data = await response.json();\\n partnersData = data;\\n displayPartners('all');\\n } catch (error) {\\n console.error('Error loading partners:', error);\\n showError();\\n }\\n }\\n\\n \\\/\\\/ Function to display partners\\n function displayPartners(filterType = 'all') {\\n const grid = document.getElementById('partnersGrid');\\n grid.innerHTML = '';\\n\\n \\\/\\\/ Filter partners\\n const filteredPartners = filterType === 'all' \\n ? partnersData \\n : partnersData.filter(partner => partner.type === filterType);\\n\\n \\\/\\\/ Sort by order\\n filteredPartners.sort((a, b) => a.order - b.order);\\n\\n if (filteredPartners.length === 0) {\\n grid.innerHTML = `\\n <\/p>\n<div class=\"\\\"loading-container\\\"\" style=\"\\\"grid-column:\" 1 \\>\\n <\/p>\n<div class=\"\\\"loading-content\\\"\">\\n <\/p>\n<div class=\"\\\"loading-icon\\\"\">\\ud83e\\udd1d<\\\/div>\\n <\/p>\n<h3 class=\"\\\"loading-title\\\"\">Building Together<\\\/h3>\\n <\/p>\n<p class=\"\\\"loading-subtitle\\\"\">BIFA collaborates with governments, clubs, and innovators to grow football across the Global South. Official partners will be announced soon<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n `;\\n return;\\n }\\n\\n \\\/\\\/ Create partner cards\\n filteredPartners.forEach(partner => {\\n const card = createPartnerCard(partner);\\n grid.appendChild(card);\\n });\\n\\n \\\/\\\/ Add animation delay to cards\\n const cards = grid.querySelectorAll('.partner-card');\\n cards.forEach((card, index) => {\\n card.style.animationDelay = `${index * 0.1}s`;\\n });\\n }\\n\\n \\\/\\\/ Function to create partner card\\n function createPartnerCard(partner) {\\n const card = document.createElement('div');\\n card.className = 'partner-card';\\n card.style.animation = 'fadeInUp 0.6s ease-out both';\\n\\n \\\/\\\/ Tier badge\\n const tierBadge = document.createElement('div');\\n tierBadge.className = `partner-tier-badge tier-${partner.type}`;\\n tierBadge.textContent = partner.type;\\n\\n \\\/\\\/ Logo\\n const logo = document.createElement('img');\\n logo.className = 'partner-logo';\\n logo.src = partner.logo_url;\\n logo.alt = partner.name;\\n logo.loading = 'lazy';\\n\\n \\\/\\\/ Info container\\n const info = document.createElement('div');\\n info.className = 'partner-info';\\n\\n const name = document.createElement('h3');\\n name.className = 'partner-name';\\n name.textContent = partner.name;\\n\\n const description = document.createElement('p');\\n description.className = 'partner-description';\\n description.textContent = partner.description || '';\\n\\n info.appendChild(name);\\n if (partner.description) {\\n info.appendChild(description);\\n }\\n\\n \\\/\\\/ Assemble card\\n card.appendChild(tierBadge);\\n card.appendChild(logo);\\n card.appendChild(info);\\n\\n \\\/\\\/ Add click handler\\n if (partner.website) {\\n card.style.cursor = 'pointer';\\n card.onclick = () => window.open(partner.website, '_blank');\\n }\\n\\n return card;\\n }\\n\\n \\\/\\\/ Function to filter partners\\n function filterPartners(type) {\\n \\\/\\\/ Update active tab\\n document.querySelectorAll('.category-tab').forEach(tab => {\\n tab.classList.remove('active');\\n });\\n event.target.classList.add('active');\\n\\n \\\/\\\/ Display filtered partners\\n displayPartners(type);\\n }\\n\\n \\\/\\\/ Function to show error state\\n function showError() {\\n const grid = document.getElementById('partnersGrid');\\n grid.innerHTML = `\\n <\/p>\n<div class=\"\\\"loading-container\\\"\" style=\"\\\"grid-column:\" 1 \\>\\n <\/p>\n<div class=\"\\\"loading-content\\\"\">\\n <\/p>\n<div class=\"\\\"loading-icon\\\"\">\\u26a0\\ufe0f<\\\/div>\\n <\/p>\n<h3 class=\"\\\"loading-title\\\"\">Loading Error<\\\/h3>\\n <\/p>\n<p class=\"\\\"loading-subtitle\\\"\">Please refresh the page<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n `;\\n }\\n\\n \\\/\\\/ Initialize on page load\\n document.addEventListener('DOMContentLoaded', function() {\\n loadPartners();\\n\\n \\\/\\\/ Create optimized floating particles (reduced count for performance)\\n const particlesContainer = document.querySelector('.bg-particles');\\n const particleCount = 15; \\\/\\\/ Reduced for better performance\\n\\n for (let i = 0; i < particleCount; i++) {\\n const particle = document.createElement('div');\\n particle.className = 'particle';\\n particle.style.left = Math.random() * 100 + '%';\\n particle.style.animationDelay = Math.random() * 15 + 's';\\n particle.style.animationDuration = (12 + Math.random() * 6) + 's';\\n \\n const size = 3 + Math.random() * 3; \\\/\\\/ Smaller particles\\n particle.style.width = size + 'px';\\n particle.style.height = size + 'px';\\n \\n particlesContainer.appendChild(particle);\\n }\\n });\\n <\\\/script>\\n<\\\/body>\\n<\\\/html>\"}},{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\"\\\"en\\\"\">\\n<head>\\n<meta charset=\"\\\"UTF-8\\\"\">\\n<meta name=\"\\\"viewport\\\"\" content=\"\\\"width=device-width,\" initial-scale=\"1.0\\\"\">\\n<title>BIFA+ - Become a Partner<\\\/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<\/p>\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;\\n \\n --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 --bg-gradient: linear-gradient(135deg, rgba(10, 31, 68, 0.03) 0%, rgba(212, 175, 55, 0.03) 100%);\\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}\\n\\n\\\/* \\u0411\\u0430\\u0437\\u043e\\u0432\\u044b\\u0435 \\u0441\\u0442\\u0438\\u043b\\u0438 *\\\/\\n* { \\n box-sizing: border-box; \\n margin: 0;\\n padding: 0;\\n}\\n\\nbody { \\n font-family: 'Poppins', sans-serif;\\n background: var(--bright-white);\\n color: var(--text-primary);\\n line-height: 1.6;\\n}\\n\\n\\\/* \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438 *\\\/\\n@keyframes float { \\n 0%, 100% { transform: translateY(0); opacity: 1; }\\n 50% { transform: translateY(-10px); opacity: 0.8; }\\n}\\n\\n@keyframes fadeIn { \\n from { opacity: 0; transform: translateY(20px); }\\n to { opacity: 1; transform: translateY(0); }\\n}\\n\\n@keyframes spin { to { transform: rotate(360deg); } }\\n\\n\\\/* \\u0424\\u043e\\u0440\\u043c\\u0430 \\u0440\\u0435\\u0433\\u0438\\u0441\\u0442\\u0440\\u0430\\u0446\\u0438\\u0438 - \\u0411\\u0415\\u0417 \\u0412\\u0415\\u0420\\u0425\\u041d\\u0415\\u0419 \\u0413\\u0420\\u0410\\u041d\\u0418\\u0426\\u042b *\\\/\\n.registration-section {\\n position: relative;\\n width: 100vw;\\n margin-left: calc(-50vw + 50%);\\n padding: 80px 0;\\n background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);\\n overflow: hidden;\\n}\\n\\n\\\/* \\u0424\\u043e\\u043d\\u043e\\u0432\\u044b\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b \\u043a\\u0430\\u043a \\u0432 \\u043f\\u0435\\u0440\\u0432\\u043e\\u0439 \\u0447\\u0430\\u0441\\u0442\\u0438 *\\\/\\n.registration-section::before {\\n content: '';\\n position: absolute;\\n inset: 0;\\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.03), transparent 50%),\\n radial-gradient(circle at 70% 80%, rgba(10, 31, 68, 0.03), transparent 50%);\\n z-index: 0;\\n}\\n\\n\\\/* \\u0427\\u0430\\u0441\\u0442\\u0438\\u0446\\u044b *\\\/\\n.particles {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n z-index: 1;\\n}\\n\\n.particle {\\n position: absolute;\\n width: 4px;\\n height: 4px;\\n background: rgba(212, 175, 55, 0.2);\\n border-radius: 50%;\\n animation: float 15s ease-in-out infinite;\\n}\\n\\n.particle:nth-child(2n) { background: rgba(10, 31, 68, 0.15); animation-duration: 18s; }\\n.particle:nth-child(3n) { background: rgba(29, 97, 67, 0.1); animation-duration: 20s; }\\n\\n\\\/* \\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 wrapper *\\\/\\n.content-wrapper {\\n position: relative;\\n z-index: 2;\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: 0 40px;\\n}\\n\\n.form-container {\\n max-width: 800px;\\n margin: 0 auto;\\n background: rgba(255, 255, 255, 0.98);\\n backdrop-filter: blur(10px);\\n border-radius: 20px;\\n padding: 50px;\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n position: relative;\\n z-index: 2;\\n animation: fadeIn 1.2s ease-out;\\n border: 2px solid rgba(212, 175, 55, 0.1);\\n}\\n\\n.form-header {\\n text-align: center;\\n margin-bottom: 40px;\\n}\\n\\n.form-header h3 {\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 800;\\n font-size: clamp(2rem, 4vw, 3rem);\\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n margin: 0 0 20px;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n position: relative;\\n display: inline-block;\\n}\\n\\n.form-header h3:after {\\n content: '';\\n position: absolute;\\n bottom: -10px;\\n left: 50%;\\n transform: translateX(-50%);\\n width: 120px;\\n height: 5px;\\n background: var(--heritage-gold);\\n border-radius: 3px;\\n}\\n\\n.form-header p {\\n font-family: 'Poppins', sans-serif;\\n font-size: clamp(1rem, 1.5vw, 1.2rem);\\n color: var(--text-secondary);\\n margin: 20px 0 0;\\n line-height: 1.8;\\n}\\n\\n\\\/* \\u0421\\u0442\\u0438\\u043b\\u0438 \\u0444\\u043e\\u0440\\u043c\\u044b *\\\/\\n.registration-form {\\n display: grid;\\n gap: 25px;\\n}\\n\\n.form-row {\\n display: grid;\\n grid-template-columns: 1fr 1fr;\\n gap: 25px;\\n}\\n\\n.form-group {\\n position: relative;\\n}\\n\\n.form-group.full-width {\\n grid-column: 1 \\\/ -1;\\n}\\n\\n.form-label {\\n font-family: 'Poppins', sans-serif;\\n font-weight: 600;\\n font-size: 14px;\\n color: var(--deep-navy);\\n margin-bottom: 8px;\\n display: block;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n}\\n\\n.form-label .required {\\n color: #dc2626;\\n margin-left: 4px;\\n}\\n\\n.form-input,\\n.form-select,\\n.form-textarea {\\n width: 100%;\\n padding: 14px 20px;\\n background: var(--bright-white);\\n border: 2px solid #e5e7eb;\\n border-radius: var(--radius);\\n font-family: 'Poppins', sans-serif;\\n font-size: 15px;\\n color: var(--text-primary);\\n transition: var(--transition);\\n outline: none;\\n}\\n\\n.form-input:focus,\\n.form-select:focus,\\n.form-textarea:focus {\\n border-color: var(--heritage-gold);\\n box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);\\n}\\n\\n.form-textarea {\\n min-height: 120px;\\n resize: vertical;\\n}\\n\\n.form-select {\\n cursor: pointer;\\n appearance: none;\\n background-image: url(\\\"data:image\\\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\\\/\\\/www.w3.org\\\/2000\\\/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\\\/polyline%3e%3c\\\/svg%3e\\\");\\n background-repeat: no-repeat;\\n background-position: right 20px center;\\n background-size: 20px;\\n padding-right: 50px;\\n}\\n\\n\\\/* \\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043e\\u0442\\u043f\\u0440\\u0430\\u0432\\u043a\\u0438 *\\\/\\n.submit-button {\\n background: linear-gradient(135deg, var(--heritage-gold) 0%, #ffd700 100%);\\n color: var(--deep-navy);\\n border: none;\\n padding: 16px 40px;\\n border-radius: 50px;\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 700;\\n font-size: 16px;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n cursor: pointer;\\n transition: var(--transition);\\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\\n width: 100%;\\n margin-top: 20px;\\n position: relative;\\n overflow: hidden;\\n}\\n\\n.submit-button::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: -100%;\\n width: 100%;\\n height: 100%;\\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\\n transition: left 0.5s ease;\\n}\\n\\n.submit-button:hover::before {\\n left: 100%;\\n}\\n\\n.submit-button:hover {\\n transform: translateY(-3px);\\n box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\\n}\\n\\n.submit-button:active {\\n transform: translateY(-1px);\\n}\\n\\n\\\/* \\u0421\\u043e\\u043e\\u0431\\u0449\\u0435\\u043d\\u0438\\u044f \\u043e\\u0431 \\u0443\\u0441\\u043f\\u0435\\u0445\\u0435\\\/\\u043e\\u0448\\u0438\\u0431\\u043a\\u0435 *\\\/\\n.message {\\n padding: 16px 20px;\\n border-radius: var(--radius);\\n margin-bottom: 20px;\\n font-family: 'Poppins', sans-serif;\\n font-size: 15px;\\n display: none;\\n animation: fadeIn 0.5s ease-out;\\n}\\n\\n.message.success {\\n background: #10b981;\\n color: white;\\n}\\n\\n.message.error {\\n background: #ef4444;\\n color: white;\\n}\\n\\n\\\/* \\u0418\\u043d\\u0444\\u043e\\u0440\\u043c\\u0430\\u0446\\u0438\\u043e\\u043d\\u043d\\u044b\\u0439 \\u0431\\u043b\\u043e\\u043a \\u043f\\u043e\\u0434 \\u0444\\u043e\\u0440\\u043c\\u043e\\u0439 *\\\/\\n.info-section {\\n margin-top: 80px;\\n position: relative;\\n z-index: 2;\\n}\\n\\n.info-cards {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\n gap: 30px;\\n max-width: 1000px;\\n margin: 0 auto;\\n}\\n\\n.info-card {\\n background: rgba(255, 255, 255, 0.98);\\n backdrop-filter: blur(10px);\\n padding: 40px 30px;\\n border-radius: 20px;\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n transition: var(--transition);\\n text-align: center;\\n border: 2px solid rgba(212, 175, 55, 0.1);\\n}\\n\\n.info-card:hover {\\n transform: translateY(-5px);\\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\\n border-color: rgba(212, 175, 55, 0.3);\\n}\\n\\n.info-icon {\\n width: 70px;\\n height: 70px;\\n background: linear-gradient(135deg, var(--heritage-gold) 0%, #ffd700 100%);\\n border-radius: 50%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n font-size: 32px;\\n margin: 0 auto 20px;\\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\\n}\\n\\n.info-title {\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 700;\\n font-size: 22px;\\n color: var(--deep-navy);\\n margin: 0 0 15px;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n}\\n\\n.info-text {\\n font-family: 'Poppins', sans-serif;\\n font-size: 15px;\\n color: var(--text-secondary);\\n line-height: 1.8;\\n margin: 0;\\n}\\n\\n\\\/* \\u0417\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0430 *\\\/\\n.spinner {\\n width: 20px;\\n height: 20px;\\n border: 3px solid rgba(10, 31, 68, 0.1);\\n border-top-color: var(--deep-navy);\\n border-radius: 50%;\\n animation: spin 1s linear infinite;\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n\\\/* \\u041c\\u043e\\u0431\\u0438\\u043b\\u044c\\u043d\\u0430\\u044f \\u0432\\u0435\\u0440\\u0441\\u0438\\u044f *\\\/\\n@media (max-width: 768px) {\\n .content-wrapper {\\n padding: 0 20px;\\n }\\n \\n .form-container { \\n padding: 30px 20px; \\n }\\n \\n .form-row { \\n grid-template-columns: 1fr; \\n }\\n \\n .form-header h3 { \\n font-size: 28px; \\n }\\n \\n .info-cards { \\n grid-template-columns: 1fr; \\n }\\n}\\n<\\\/style>\\n<\\\/head>\\n<body>\\n\\n\\n<\/p>\n<div class=\"\\\"registration-section\\\"\">\\n <\/p>\n<div class=\"\\\"particles\\\"\">\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:10%;animation-delay:0s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:30%;animation-delay:2s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:50%;animation-delay:4s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:70%;animation-delay:6s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:90%;animation-delay:8s\\\"\"><\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"content-wrapper\\\"\">\\n <\/p>\n<div class=\"\\\"form-container\\\"\">\\n <\/p>\n<div class=\"\\\"form-header\\\"\">\\n <\/p>\n<h3>Become a BIFA+ Partner<\\\/h3>\\n <\/p>\n<p>Join our global network of organizations committed to fostering economic cooperation and sustainable development across BRICS+ nations.<\\\/p>\\n <\\\/div>\\n\\n <\/p>\n<div id=\"\\\"successMessage\\\"\" class=\"\\\"message\" success\\\">\\n Thank you for your interest! Your application has been submitted successfully. We will contact you soon.\\n <\\\/div>\\n <\/p>\n<div id=\"\\\"errorMessage\\\"\" class=\"\\\"message\" error\\\">\\n There was an error submitting your application. Please try again or contact us directly.\\n <\\\/div>\\n\\n <\/p>\n<form class=\"\\\"registration-form\\\"\" id=\"\\\"partnerForm\\\"\" onsubmit=\"\\\"handleFormSubmit(event)\\\"\" action=\"\">\\n <\/p>\n<div class=\"\\\"form-row\\\"\">\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"name\\\"\">\\n Full Name <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <input type=\"\\\"text\\\"\" id=\"\\\"name\\\"\" name=\"\\\"name\\\"\" class=\"\\\"form-input\\\"\" required>\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"organization\\\"\">\\n Organization <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <input type=\"\\\"text\\\"\" id=\"\\\"organization\\\"\" name=\"\\\"organization\\\"\" class=\"\\\"form-input\\\"\" required>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"form-row\\\"\">\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"email\\\"\">\\n Email Address <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <input type=\"\\\"email\\\"\" id=\"\\\"email\\\"\" name=\"\\\"email\\\"\" class=\"\\\"form-input\\\"\" required>\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"phone\\\"\">\\n Phone Number <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <input type=\"\\\"tel\\\"\" id=\"\\\"phone\\\"\" name=\"\\\"phone\\\"\" class=\"\\\"form-input\\\"\" required>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"form-row\\\"\">\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"country\\\"\">\\n Country <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <input type=\"\\\"text\\\"\" id=\"\\\"country\\\"\" name=\"\\\"country\\\"\" class=\"\\\"form-input\\\"\" required>\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"form-group\\\"\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"partnershipType\\\"\">\\n Partnership Type <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <select id=\"\\\"partnershipType\\\"\" name=\"\\\"partnershipType\\\"\" class=\"\\\"form-select\\\"\" required>\\n<option value=\"\\\"\\\"\">Select Partnership Type<\\\/option>\\n<option value=\"\\\"platinum\\\"\">Platinum Partner<\\\/option>\\n<option value=\"\\\"strategic\\\"\">Strategic Partner<\\\/option>\\n<option value=\"\\\"gold\\\"\">Gold Partner<\\\/option>\\n<option value=\"\\\"silver\\\"\">Silver Partner<\\\/option>\\n<option value=\"\\\"institutional\\\"\">Institutional Partner<\\\/option>\\n<option value=\"\\\"media\\\"\">Media Partner<\\\/option>\\n <\\\/select>\\n <\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"form-group\" full-width\\\">\\n <label class=\"\\\"form-label\\\"\" for=\"\\\"message\\\"\">\\n Message <span class=\"\\\"required\\\"\">*<\\\/span>\\n <\\\/label>\\n <textarea id=\"\\\"message\\\"\" name=\"\\\"message\\\"\" class=\"\\\"form-textarea\\\"\" required \\n placeholder=\"\\\"Please\" tell us about your organization and how you'd like to partner with bifa+\\\"><\\\/textarea>\\n <\\\/div>\\n\\n <button type=\"\\\"submit\\\"\" class=\"\\\"submit-button\\\"\" id=\"\\\"submitBtn\\\"\">\\n Submit Application\\n <\\\/button>\\n <\\\/form>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"info-section\\\"\">\\n <\/p>\n<div class=\"\\\"info-cards\\\"\">\\n <\/p>\n<div class=\"\\\"info-card\\\"\">\\n <\/p>\n<div class=\"\\\"info-icon\\\"\">\\ud83e\\udd1d<\\\/div>\\n <\/p>\n<h4 class=\"\\\"info-title\\\"\">Partnership Benefits<\\\/h4>\\n <\/p>\n<p class=\"\\\"info-text\\\"\">Access exclusive networking opportunities, participate in high-level forums, and shape the future of international trade.<\\\/p>\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"info-card\\\"\">\\n <\/p>\n<div class=\"\\\"info-icon\\\"\">\\ud83c\\udf10<\\\/div>\\n <\/p>\n<h4 class=\"\\\"info-title\\\"\">Global Reach<\\\/h4>\\n <\/p>\n<p class=\"\\\"info-text\\\"\">Connect with organizations across BRICS+ nations and expand your business presence in emerging markets.<\\\/p>\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"info-card\\\"\">\\n <\/p>\n<div class=\"\\\"info-icon\\\"\">\\ud83d\\udcc8<\\\/div>\\n <\/p>\n<h4 class=\"\\\"info-title\\\"\">Growth Opportunities<\\\/h4>\\n <\/p>\n<p class=\"\\\"info-text\\\"\">Discover new investment opportunities and partnerships that drive sustainable economic growth.<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n<\\\/div>\\n\\n<script>\\n\\\/\\\/ \\u0424\\u043e\\u0440\\u043c\\u0430 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0438\\nasync function handleFormSubmit(event) {\\n event.preventDefault();\\n \\n const form = event.target;\\n const submitBtn = document.getElementById('submitBtn');\\n const successMsg = document.getElementById('successMessage');\\n const errorMsg = document.getElementById('errorMessage');\\n \\n \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043e\\u043e\\u0431\\u0449\\u0435\\u043d\\u0438\\u044f\\n successMsg.style.display = 'none';\\n errorMsg.style.display = 'none';\\n \\n \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0443\\n const originalText = submitBtn.innerHTML;\\n submitBtn.innerHTML = '<span class=\"\\\"spinner\\\"\"><\\\/span> Submitting...';\\n submitBtn.disabled = true;\\n \\n \\\/\\\/ \\u0421\\u043e\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0434\\u0430\\u043d\\u043d\\u044b\\u0435 \\u0444\\u043e\\u0440\\u043c\\u044b\\n const formData = new FormData(form);\\n const data = {\\n name: formData.get('name'),\\n organization: formData.get('organization'),\\n email: formData.get('email'),\\n phone: formData.get('phone'),\\n country: formData.get('country'),\\n partnershipType: formData.get('partnershipType'),\\n message: formData.get('message')\\n };\\n \\n try {\\n \\\/\\\/ \\u041e\\u0442\\u043f\\u0440\\u0430\\u0432\\u043a\\u0430 \\u0447\\u0435\\u0440\\u0435\\u0437 WordPress AJAX\\n const response = await fetch('\\\/wp-admin\\\/admin-ajax.php', {\\n method: 'POST',\\n headers: {\\n 'Content-Type': 'application\\\/x-www-form-urlencoded',\\n },\\n body: new URLSearchParams({\\n action: 'bifa_partner_registration',\\n ...data\\n })\\n });\\n \\n const result = await response.json();\\n \\n if (result.success) {\\n successMsg.style.display = 'block';\\n form.reset();\\n successMsg.scrollIntoView({ behavior: 'smooth', block: 'center' });\\n } else {\\n throw new Error('Submission failed');\\n }\\n } catch (error) {\\n console.error('Error:', error);\\n errorMsg.style.display = 'block';\\n errorMsg.scrollIntoView({ behavior: 'smooth', block: 'center' });\\n } finally {\\n \\\/\\\/ \\u0412\\u043e\\u0441\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443\\n submitBtn.innerHTML = originalText;\\n submitBtn.disabled = false;\\n }\\n}\\n\\n\\\/\\\/ \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u044f \\u043f\\u0440\\u0438 \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0435\\nconst observerOptions = {\\n threshold: 0.1,\\n rootMargin: '0px 0px -100px 0px'\\n};\\n\\nconst 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 \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0438\\ndocument.addEventListener('DOMContentLoaded', function() {\\n const infoCards = document.querySelectorAll('.info-card');\\n infoCards.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>\"}},{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\"\\\"en\\\"\">\\n<head>\\n<meta charset=\"\\\"UTF-8\\\"\">\\n<meta name=\"\\\"viewport\\\"\" content=\"\\\"width=device-width,\" initial-scale=\"1.0\\\"\">\\n<title>BIFA+ Partnership Opportunities<\\\/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<\/p>\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;\\n --platinum: #E5E4E2;\\n \\n --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: 16px;\\n}\\n\\n* { box-sizing: border-box; font-family: 'Poppins', sans-serif; margin: 0; padding: 0; }\\nbody { \\n background: var(--bright-white);\\n color: var(--text-primary);\\n line-height: 1.6;\\n overflow-x: hidden;\\n}\\n\\n\\\/* \\u041e\\u0441\\u043d\\u043e\\u0432\\u043d\\u043e\\u0439 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440 *\\\/\\n.partnerships-showcase {\\n position: relative;\\n width: 100vw;\\n margin-left: calc(-50vw + 50%);\\n padding: 80px 0 0 0; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043d\\u0438\\u0436\\u043d\\u0438\\u0439 padding *\\\/\\n background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%);\\n overflow: hidden;\\n \\\/* Custom property \\u0434\\u043b\\u044f \\u0443\\u043f\\u0440\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0437\\u0430\\u0437\\u043e\\u0440\\u043e\\u043c *\\\/\\n --partnership-bottom-gap: 0;\\n \\\/* \\u0418\\u0441\\u043f\\u043e\\u043b\\u044c\\u0437\\u0443\\u0435\\u043c custom property \\u0434\\u043b\\u044f margin-bottom *\\\/\\n margin-bottom: var(--partnership-bottom-gap) !important;\\n \\\/* \\u0418\\u0437\\u043e\\u043b\\u0438\\u0440\\u0443\\u0435\\u043c layout \\u0434\\u043b\\u044f \\u043f\\u0440\\u0435\\u0434\\u043e\\u0442\\u0432\\u0440\\u0430\\u0449\\u0435\\u043d\\u0438\\u044f \\u0432\\u043b\\u0438\\u044f\\u043d\\u0438\\u044f \\u043d\\u0430 \\u0434\\u0440\\u0443\\u0433\\u0438\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b *\\\/\\n contain: layout style;\\n}\\n\\n\\\/* \\u0414\\u0435\\u043a\\u043e\\u0440\\u0430\\u0442\\u0438\\u0432\\u043d\\u044b\\u0439 \\u0444\\u043e\\u043d *\\\/\\n.partnerships-showcase::before {\\n content: '';\\n position: absolute;\\n inset: 0;\\n background: radial-gradient(circle at 70% 20%, rgba(212, 175, 55, 0.05), transparent 50%),\\n radial-gradient(circle at 30% 80%, rgba(212, 175, 55, 0.03), transparent 50%),\\n radial-gradient(circle at 50% 50%, rgba(10, 31, 68, 0.02), transparent 70%);\\n z-index: 0;\\n}\\n\\n\\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043f\\u043b\\u0430\\u0432\\u043d\\u044b\\u0439 \\u043f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u0441\\u0432\\u0435\\u0440\\u0445\\u0443 *\\\/\\n.partnerships-showcase::after {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n height: 100px;\\n background: linear-gradient(to bottom, rgba(212, 175, 55, 0.02), transparent);\\n z-index: 1;\\n pointer-events: none;\\n}\\n.particles {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n z-index: 1;\\n}\\n\\n.particle {\\n position: absolute;\\n width: 4px;\\n height: 4px;\\n background: rgba(212, 175, 55, 0.3);\\n border-radius: 50%;\\n animation: float 15s ease-in-out infinite;\\n}\\n\\n.particle:nth-child(2n) { background: rgba(212, 175, 55, 0.25); animation-duration: 18s; }\\n.particle:nth-child(3n) { background: rgba(10, 31, 68, 0.2); animation-duration: 20s; }\\n\\n.showcase-container {\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: 0 40px;\\n position: relative;\\n z-index: 2;\\n}\\n\\n\\\/* \\u0417\\u0430\\u0433\\u043e\\u043b\\u043e\\u0432\\u043e\\u043a *\\\/\\n.showcase-header {\\n text-align: center;\\n margin-bottom: 80px;\\n animation: fadeInDown 1s ease;\\n}\\n\\n@keyframes fadeInDown {\\n from {\\n opacity: 0;\\n transform: translateY(-30px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n}\\n\\n@keyframes float {\\n 0%, 100% { transform: translateY(0); opacity: 1; }\\n 50% { transform: translateY(-10px); opacity: 0.8; }\\n}\\n\\n.showcase-title {\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 800;\\n font-size: 64px;\\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent;\\n margin: 0 0 20px;\\n text-transform: uppercase;\\n letter-spacing: 2px;\\n text-shadow: 0 4px 20px rgba(212, 175, 55, 0.2);\\n}\\n\\n.showcase-subtitle {\\n font-size: 24px;\\n color: var(--text-secondary);\\n font-weight: 400;\\n letter-spacing: 1px;\\n}\\n\\n\\\/* \\u0420\\u0430\\u0437\\u0434\\u0435\\u043b \\u043f\\u0430\\u0440\\u0442\\u043d\\u0435\\u0440\\u0441\\u0442\\u0432\\u0430 *\\\/\\n.partnership-section {\\n margin-bottom: 100px;\\n opacity: 0;\\n animation: fadeInUp 1s ease forwards;\\n scroll-margin-top: 100px; \\\/* \\u041e\\u0442\\u0441\\u0442\\u0443\\u043f \\u0434\\u043b\\u044f \\u0444\\u0438\\u043a\\u0441\\u0438\\u0440\\u043e\\u0432\\u0430\\u043d\\u043d\\u043e\\u0439 \\u0448\\u0430\\u043f\\u043a\\u0438 *\\\/\\n position: relative;\\n}\\n\\n\\\/* \\u041f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u044f\\u044f \\u0441\\u0435\\u043a\\u0446\\u0438\\u044f \\u0431\\u0435\\u0437 \\u043d\\u0438\\u0436\\u043d\\u0435\\u0433\\u043e \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u0430 *\\\/\\n.partnership-section:last-child {\\n margin-bottom: 0;\\n padding-bottom: 0; \\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0432\\u043d\\u0443\\u0442\\u0440\\u0435\\u043d\\u043d\\u0438\\u0439 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f *\\\/\\n}\\n\\n.partnership-section:nth-child(2) { animation-delay: 0.2s; }\\n.partnership-section:nth-child(3) { animation-delay: 0.4s; }\\n.partnership-section:nth-child(4) { animation-delay: 0.6s; }\\n.partnership-section:nth-child(5) { animation-delay: 0.8s; }\\n.partnership-section:nth-child(6) { animation-delay: 1s; }\\n.partnership-section:nth-child(7) { animation-delay: 1.2s; }\\n\\n@keyframes fadeInUp {\\n from {\\n opacity: 0;\\n transform: translateY(50px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n}\\n\\n\\\/* \\u041a\\u0430\\u0440\\u0442\\u043e\\u0447\\u043a\\u0430 \\u043f\\u0430\\u0440\\u0442\\u043d\\u0435\\u0440\\u0441\\u0442\\u0432\\u0430 *\\\/\\n.partnership-card {\\n background: rgba(255, 255, 255, 0.98);\\n backdrop-filter: blur(10px);\\n border-radius: 20px;\\n padding: 80px;\\n box-shadow: 0 2px 10px rgba(212, 175, 55, 0.08);\\n position: relative;\\n overflow: hidden;\\n transition: var(--transition);\\n cursor: pointer;\\n border: 2px solid rgba(212, 175, 55, 0.1);\\n}\\n\\n.partnership-card::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 10px;\\n background: linear-gradient(90deg, var(--heritage-gold), #ffd700);\\n transform: scaleX(0);\\n transform-origin: left;\\n transition: transform 0.5s ease;\\n}\\n\\n.partnership-card:hover::before {\\n transform: scaleX(1);\\n}\\n\\n.partnership-card:hover {\\n transform: translateY(-10px);\\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.15);\\n border-color: rgba(212, 175, 55, 0.3);\\n}\\n\\n\\\/* \\u0421\\u043f\\u0435\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0441\\u0442\\u0438\\u043b\\u0438 \\u0434\\u043b\\u044f Platinum *\\\/\\n.partnership-card.platinum {\\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(229, 228, 226, 0.1) 100%);\\n backdrop-filter: blur(10px);\\n border: 2px solid var(--platinum);\\n}\\n\\n.partnership-card.platinum::before {\\n background: linear-gradient(90deg, var(--platinum), #f5f5f5);\\n}\\n\\n\\\/* \\u0417\\u0430\\u0433\\u043e\\u043b\\u043e\\u0432\\u043e\\u043a \\u043a\\u0430\\u0440\\u0442\\u043e\\u0447\\u043a\\u0438 *\\\/\\n.card-header {\\n display: flex;\\n align-items: center;\\n gap: 30px;\\n margin-bottom: 50px;\\n}\\n\\n.card-icon {\\n width: 120px;\\n height: 120px;\\n border-radius: 50%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n font-size: 60px;\\n flex-shrink: 0;\\n position: relative;\\n overflow: hidden;\\n}\\n\\n.card-icon::after {\\n content: '';\\n position: absolute;\\n inset: -2px;\\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.5), transparent);\\n transform: translateX(-100%);\\n transition: transform 0.6s;\\n}\\n\\n.partnership-card:hover .card-icon::after {\\n transform: translateX(100%);\\n}\\n\\n\\\/* \\u0426\\u0432\\u0435\\u0442\\u0430 \\u0438\\u043a\\u043e\\u043d\\u043e\\u043a \\u043f\\u043e \\u0442\\u0438\\u043f\\u0430\\u043c *\\\/\\n.platinum .card-icon { \\n background: linear-gradient(135deg, var(--platinum), #f5f5f5); \\n box-shadow: 0 10px 40px rgba(229, 228, 226, 0.5);\\n}\\n.strategic .card-icon { \\n background: linear-gradient(135deg, var(--heritage-gold), #ffd700);\\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.5);\\n}\\n.gold .card-icon { \\n background: linear-gradient(135deg, #FFD700, #FFA500);\\n box-shadow: 0 10px 40px rgba(255, 215, 0, 0.5);\\n}\\n.silver .card-icon { \\n background: linear-gradient(135deg, #C0C0C0, #E5E5E5);\\n box-shadow: 0 10px 40px rgba(192, 192, 192, 0.5);\\n}\\n.institutional .card-icon { \\n background: linear-gradient(135deg, var(--civic-green), #2a8a5e);\\n box-shadow: 0 10px 40px rgba(29, 97, 67, 0.5);\\n}\\n.media .card-icon { \\n background: linear-gradient(135deg, #8B4513, #A0522D);\\n box-shadow: 0 10px 40px rgba(139, 69, 19, 0.5);\\n}\\n\\n.card-content {\\n flex: 1;\\n}\\n\\n.card-title {\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 800;\\n font-size: 48px;\\n color: var(--deep-navy);\\n margin: 0 0 15px;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n}\\n\\n.card-subtitle {\\n font-size: 20px;\\n color: var(--text-secondary);\\n font-weight: 500;\\n}\\n\\n\\\/* \\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 \\u043a\\u0430\\u0440\\u0442\\u043e\\u0447\\u043a\\u0438 *\\\/\\n.card-body {\\n text-align: center;\\n padding: 50px 0;\\n background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(212, 175, 55, 0.02) 100%);\\n border-radius: var(--radius);\\n margin: 0 -80px;\\n padding: 60px 80px;\\n}\\n\\n.coming-soon-text {\\n font-family: 'Montserrat', sans-serif;\\n font-size: 28px;\\n font-weight: 700;\\n color: var(--deep-navy);\\n margin: 0 0 30px;\\n text-transform: uppercase;\\n letter-spacing: 2px;\\n}\\n\\n.contact-text {\\n font-size: 20px;\\n color: var(--text-secondary);\\n line-height: 1.8;\\n margin-bottom: 40px;\\n}\\n\\n.contact-button {\\n display: inline-flex;\\n align-items: center;\\n gap: 15px;\\n background: var(--deep-navy);\\n color: var(--bright-white);\\n padding: 20px 50px;\\n border-radius: 50px;\\n text-decoration: none;\\n font-family: 'Montserrat', sans-serif;\\n font-weight: 700;\\n font-size: 18px;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n transition: var(--transition);\\n box-shadow: 0 10px 30px rgba(10, 31, 68, 0.3);\\n}\\n\\n.contact-button:hover {\\n background: #162e5a;\\n transform: translateY(-3px);\\n box-shadow: 0 15px 40px rgba(10, 31, 68, 0.4);\\n}\\n\\n.contact-button svg {\\n width: 24px;\\n height: 24px;\\n fill: currentColor;\\n}\\n\\n\\\/* \\u0414\\u0435\\u043a\\u043e\\u0440\\u0430\\u0442\\u0438\\u0432\\u043d\\u044b\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b *\\\/\\n.decorative-pattern {\\n position: absolute;\\n width: 200px;\\n height: 200px;\\n opacity: 0.05;\\n pointer-events: none;\\n}\\n\\n.pattern-1 {\\n top: -50px;\\n right: -50px;\\n background-image: repeating-linear-gradient(45deg, var(--heritage-gold) 0, var(--heritage-gold) 2px, transparent 2px, transparent 20px);\\n}\\n\\n.pattern-2 {\\n bottom: -50px;\\n left: -50px;\\n background-image: radial-gradient(circle, var(--deep-navy) 2px, transparent 2px);\\n background-size: 30px 30px;\\n}\\n\\n\\\/* \\u0413\\u0440\\u0430\\u0434\\u0438\\u0435\\u043d\\u0442\\u043d\\u0430\\u044f \\u043b\\u0438\\u043d\\u0438\\u044f \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0441\\u0435\\u043a\\u0446\\u0438\\u044f\\u043c\\u0438 *\\\/\\n.section-divider {\\n height: 2px;\\n background: linear-gradient(90deg, transparent, var(--heritage-gold), transparent);\\n margin: 80px auto;\\n max-width: 600px;\\n opacity: 0.3;\\n}\\n\\n\\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0438\\u0439 \\u0440\\u0430\\u0437\\u0434\\u0435\\u043b\\u0438\\u0442\\u0435\\u043b\\u044c *\\\/\\n.partnership-section:nth-last-child(2) + .section-divider {\\n display: none;\\n}\\n\\n\\n\\n\\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043b\\u044e\\u0431\\u044b\\u0435 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b \\u043f\\u043e\\u0441\\u043b\\u0435 \\u044d\\u0442\\u043e\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 *\\\/\\n.partnerships-showcase {\\n margin-bottom: 0 !important;\\n padding-bottom: 0 !important;\\n}\\n\\n\\\/* \\u0421\\u043f\\u0435\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u043a\\u043b\\u0430\\u0441\\u0441 \\u0434\\u043b\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0435\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 \\u043f\\u0435\\u0440\\u0435\\u0434 footer *\\\/\\n.partnerships-showcase + footer,\\n.partnerships-showcase + .footer,\\n.partnerships-showcase + [class*=\\\"footer\\\"],\\n.partnerships-showcase + .uk-section-secondary {\\n margin-top: 0 !important;\\n padding-top: 60px !important; \\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c padding \\u0432\\u043d\\u0443\\u0442\\u0440\\u0438 footer \\u0432\\u043c\\u0435\\u0441\\u0442\\u043e margin *\\\/\\n}\\n\\n\\\/* YOOtheme specific fixes - \\u0443\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043b\\u044e\\u0431\\u044b\\u0435 \\u0437\\u0430\\u0437\\u043e\\u0440\\u044b *\\\/\\n.partnerships-showcase.uk-section {\\n margin-bottom: 0 !important;\\n padding-bottom: 0 !important;\\n}\\n\\n.partnerships-showcase + .uk-section,\\n.partnerships-showcase + .tm-footer,\\n.partnerships-showcase + .uk-section-secondary,\\n.partnerships-showcase + footer {\\n margin-top: 0 !important;\\n}\\n\\n\\\/* \\u0415\\u0441\\u043b\\u0438 YOOtheme \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u0442 wrapper \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b *\\\/\\n.partnerships-showcase:last-child {\\n margin-bottom: 0 !important;\\n padding-bottom: 0 !important;\\n}\\n\\n\\\/* \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0442\\u0430\\u043d\\u0434\\u0430\\u0440\\u0442\\u043d\\u044b\\u0435 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b YOOtheme \\u0434\\u043b\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0435\\u0433\\u043e \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u0430 *\\\/\\n.uk-section:has(.partnerships-showcase) {\\n padding-bottom: 0 !important;\\n}\\n\\n\\\/* \\u041f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0430 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u0439 \\u0441\\u0435\\u043a\\u0446\\u0438\\u0438 *\\\/\\n.partnership-section.highlight {\\n animation: highlightPulse 2s ease-out;\\n}\\n\\n@keyframes highlightPulse {\\n 0% {\\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);\\n }\\n 50% {\\n box-shadow: 0 0 30px 10px rgba(212, 175, 55, 0.3);\\n }\\n 100% {\\n box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);\\n }\\n}\\n\\n\\\/* \\u0418\\u043d\\u0434\\u0438\\u043a\\u0430\\u0442\\u043e\\u0440 \\u044f\\u043a\\u043e\\u0440\\u044f *\\\/\\n.partnership-section::before {\\n content: '';\\n position: absolute;\\n top: -100px;\\n left: 0;\\n width: 0;\\n height: 0;\\n visibility: hidden;\\n}\\n\\n\\\/* \\u041c\\u043e\\u0431\\u0438\\u043b\\u044c\\u043d\\u0430\\u044f \\u0432\\u0435\\u0440\\u0441\\u0438\\u044f *\\\/\\n@media (max-width: 768px) {\\n .showcase-title {\\n font-size: 42px;\\n }\\n \\n .showcase-subtitle {\\n font-size: 18px;\\n }\\n \\n .partnership-card {\\n padding: 40px 20px;\\n }\\n \\n .card-header {\\n flex-direction: column;\\n text-align: center;\\n }\\n \\n .card-icon {\\n width: 100px;\\n height: 100px;\\n font-size: 48px;\\n }\\n \\n .card-title {\\n font-size: 32px;\\n }\\n \\n .card-body {\\n margin: 0 -20px;\\n padding: 40px 20px;\\n }\\n \\n .coming-soon-text {\\n font-size: 22px;\\n }\\n \\n .contact-text {\\n font-size: 16px;\\n }\\n \\n .contact-button {\\n padding: 16px 30px;\\n font-size: 14px;\\n }\\n}\\n\\n\\\/* \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u044f \\u043f\\u0443\\u043b\\u044c\\u0441\\u0430\\u0446\\u0438\\u0438 \\u0434\\u043b\\u044f \\u0438\\u043a\\u043e\\u043d\\u043e\\u043a *\\\/\\n@keyframes pulse {\\n 0%, 100% {\\n transform: scale(1);\\n box-shadow: 0 10px 40px rgba(212, 175, 55, 0.5);\\n }\\n 50% {\\n transform: scale(1.05);\\n box-shadow: 0 15px 50px rgba(212, 175, 55, 0.6);\\n }\\n}\\n\\n.partnership-card:hover .card-icon {\\n animation: pulse 2s ease-in-out infinite;\\n}\\n<\\\/style>\\n\\n\\n<\/p>\n<style>\\n\\\/* \\u042d\\u0442\\u0438 \\u0441\\u0442\\u0438\\u043b\\u0438 \\u043f\\u0440\\u0438\\u043c\\u0435\\u043d\\u044f\\u0442\\u0441\\u044f \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043d\\u0438\\u043c\\u0438 \\u0438 \\u043f\\u0435\\u0440\\u0435\\u043e\\u043f\\u0440\\u0435\\u0434\\u0435\\u043b\\u044f\\u0442 \\u0432\\u0441\\u0451 \\u043e\\u0441\\u0442\\u0430\\u043b\\u044c\\u043d\\u043e\\u0435 *\\\/\\nbody .partnerships-showcase:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\nbody footer { margin-top: 0 !important; }\\nbody .tm-footer { margin-top: 0 !important; }\\nbody .uk-section-secondary { margin-top: 0 !important; }\\nbody .partnerships-showcase:last-child { margin-bottom: 0 !important; }\\nbody > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\nbody main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\nbody .tm-main > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }\\n<\\\/style>\\n\\n<\\\/head>\\n<body>\\n\\n<\/p>\n<div class=\"\\\"partnerships-showcase\\\"\" style=\"\\\"margin-bottom:\" 0 !important; padding-bottom: !important;\\\">\\n \\n <\/p>\n<div class=\"\\\"particles\\\"\">\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:10%;animation-delay:0s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:30%;animation-delay:2s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:50%;animation-delay:4s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:70%;animation-delay:6s\\\"\"><\\\/div>\\n <\/p>\n<div class=\"\\\"particle\\\"\" style=\"\\\"left:90%;animation-delay:8s\\\"\"><\\\/div>\\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"showcase-container\\\"\">\\n <\/p>\n<div class=\"\\\"showcase-header\\\"\">\\n <\/p>\n<h1 class=\"\\\"showcase-title\\\"\">Partnership Opportunities<\\\/h1>\\n <\/p>\n<p class=\"\\\"showcase-subtitle\\\"\">Join BIFA+ in Building Global Economic Bridges<\\\/p>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"platinum-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" platinum\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83d\\udc8e<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Platinum Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">The Pinnacle of Global Collaboration<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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 <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"strategic-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" strategic\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83c\\udf0d<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Strategic Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">Drive International Initiatives<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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 <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"gold-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" gold\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83c\\udfc6<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Gold Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">Premium Global Engagement<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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 <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"silver-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" silver\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83e\\udd48<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Silver Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">Essential Support Network<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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 <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"institutional-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" institutional\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83c\\udfdb\\ufe0f<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Institutional Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">Academic & Research Excellence<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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 <\/p>\n<div class=\"\\\"section-divider\\\"\"><\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"partnership-section\\\"\" id=\"\\\"media-partner\\\"\">\\n <\/p>\n<div class=\"\\\"partnership-card\" media\\\">\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"decorative-pattern\" pattern-2\\\"><\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-header\\\"\">\\n <\/p>\n<div class=\"\\\"card-icon\\\"\">\\ud83d\\udcfa<\\\/div>\\n <\/p>\n<div class=\"\\\"card-content\\\"\">\\n <\/p>\n<h2 class=\"\\\"card-title\\\"\">Media Partnership<\\\/h2>\\n <\/p>\n<p class=\"\\\"card-subtitle\\\"\">Amplify Global Messages<\\\/p>\\n <\\\/div>\\n <\\\/div>\\n \\n <\/p>\n<div class=\"\\\"card-body\\\"\">\\n <\/p>\n<h3 class=\"\\\"coming-soon-text\\\"\">Partnership Details Coming Soon<\\\/h3>\\n <\/p>\n<p class=\"\\\"contact-text\\\"\">\\n Partnership information will be available soon.<br \/>\\n You can contact us by email for additional information.\\n <\\\/p>\\n <a href=\"\\\"mailto:info@bifa.ai\\\"\" class=\"\\\"contact-button\\\"\">\\n <svg viewbox=\"\\\"0\" 0 24 24\\\">\\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<\\\/div>\\n\\n\\n\\n<script>\\n\\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043f\\u043b\\u0430\\u0432\\u043d\\u0443\\u044e \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0443 \\u043a \\u044f\\u043a\\u043e\\u0440\\u044f\\u043c \\u0441 \\u0442\\u043e\\u0447\\u043d\\u044b\\u043c \\u043f\\u043e\\u0437\\u0438\\u0446\\u0438\\u043e\\u043d\\u0438\\u0440\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435\\u043c\\ndocument.addEventListener('DOMContentLoaded', function() {\\n \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0432\\u0441\\u0435\\u0445 \\u0441\\u0441\\u044b\\u043b\\u043e\\u043a \\u0441 \\u044f\\u043a\\u043e\\u0440\\u044f\\u043c\\u0438\\n document.querySelectorAll('a[href^=\\\"#\\\"]').forEach(anchor => {\\n anchor.addEventListener('click', function (e) {\\n const targetId = this.getAttribute('href');\\n if (targetId && targetId !== '#') {\\n e.preventDefault();\\n const target = document.querySelector(targetId);\\n if (target) {\\n \\\/\\\/ \\u041f\\u043e\\u043b\\u0443\\u0447\\u0430\\u0435\\u043c \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 \\u0444\\u0438\\u043a\\u0441\\u0438\\u0440\\u043e\\u0432\\u0430\\u043d\\u043d\\u043e\\u0439 \\u0448\\u0430\\u043f\\u043a\\u0438 (\\u0435\\u0441\\u043b\\u0438 \\u0435\\u0441\\u0442\\u044c)\\n const headerHeight = document.querySelector('header')?.offsetHeight || 80;\\n \\n \\\/\\\/ \\u0412\\u044b\\u0447\\u0438\\u0441\\u043b\\u044f\\u0435\\u043c \\u043f\\u043e\\u0437\\u0438\\u0446\\u0438\\u044e \\u0441 \\u0443\\u0447\\u0435\\u0442\\u043e\\u043c \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u0430\\n const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;\\n \\n \\\/\\\/ \\u041f\\u043b\\u0430\\u0432\\u043d\\u0430\\u044f \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0430\\n window.scrollTo({\\n top: targetPosition,\\n behavior: 'smooth'\\n });\\n \\n \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0443 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u0439 \\u0441\\u0435\\u043a\\u0446\\u0438\\u0438\\n target.classList.add('highlight');\\n setTimeout(() => {\\n target.classList.remove('highlight');\\n }, 2000);\\n }\\n }\\n });\\n });\\n \\n \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043f\\u0440\\u044f\\u043c\\u044b\\u0445 \\u043f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434\\u043e\\u0432 \\u043f\\u043e \\u0445\\u0435\\u0448\\u0443 \\u0432 URL\\n if (window.location.hash) {\\n setTimeout(() => {\\n const target = document.querySelector(window.location.hash);\\n if (target) {\\n const headerHeight = document.querySelector('header')?.offsetHeight || 80;\\n const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;\\n window.scrollTo({\\n top: targetPosition,\\n behavior: 'smooth'\\n });\\n }\\n }, 100);\\n }\\n});\\n\\n\\\/\\\/ \\u0410\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u044f \\u043f\\u0440\\u0438 \\u043f\\u0440\\u043e\\u043a\\u0440\\u0443\\u0442\\u043a\\u0435\\nconst observerOptions = {\\n threshold: 0.1,\\n rootMargin: '0px 0px -100px 0px'\\n};\\n\\nconst 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\\\/\\\/ \\u041f\\u043b\\u0430\\u0432\\u043d\\u044b\\u0439 \\u0441\\u043a\\u0440\\u043e\\u043b\\u043b \\u043a \\u0441\\u0435\\u043a\\u0446\\u0438\\u044f\\u043c\\ndocument.querySelectorAll('.partnership-card').forEach(card => {\\n card.addEventListener('click', function(e) {\\n if (!e.target.closest('a')) {\\n const email = this.querySelector('.contact-button');\\n if (email) {\\n email.click();\\n }\\n }\\n });\\n});\\n\\n\\\/\\\/ \\u041f\\u0440\\u0438\\u043d\\u0443\\u0434\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u0443\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0437\\u0430\\u0437\\u043e\\u0440\\u044b \\u043c\\u0435\\u0436\\u0434\\u0443 \\u0431\\u043b\\u043e\\u043a\\u043e\\u043c \\u0438 footer\\ndocument.addEventListener('DOMContentLoaded', function() {\\n const partnershipWrapper = document.querySelector('.partnerships-showcase');\\n if (partnershipWrapper) {\\n \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0432\\u043e\\u0437\\u043c\\u043e\\u0436\\u043d\\u044b\\u0435 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b\\n partnershipWrapper.style.marginBottom = '0';\\n partnershipWrapper.style.paddingBottom = '0';\\n \\n \\\/\\\/ \\u041d\\u0430\\u0445\\u043e\\u0434\\u0438\\u043c \\u0440\\u043e\\u0434\\u0438\\u0442\\u0435\\u043b\\u044c\\u0441\\u043a\\u0438\\u0435 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u044b YOOtheme \\u0438 \\u0443\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0438\\u0445 \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f\\u044b\\n let parent = partnershipWrapper.parentElement;\\n while (parent && parent !== document.body) {\\n if (parent.classList.contains('uk-section') || \\n parent.classList.contains('tm-main') ||\\n parent.classList.contains('uk-container')) {\\n parent.style.paddingBottom = '0';\\n parent.style.marginBottom = '0';\\n }\\n parent = parent.parentElement;\\n }\\n \\n \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043e\\u0442\\u0441\\u0442\\u0443\\u043f \\u0443 footer\\n const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\\n if (footer) {\\n footer.style.marginTop = '0';\\n if (footer.parentElement && footer.parentElement !== document.body) {\\n footer.parentElement.style.marginTop = '0';\\n }\\n }\\n \\n \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c \\u0437\\u0430\\u0437\\u043e\\u0440 \\u0447\\u0435\\u0440\\u0435\\u0437 100ms\\n setTimeout(() => {\\n if (footer && partnershipWrapper) {\\n const wrapperRect = partnershipWrapper.getBoundingClientRect();\\n const footerRect = footer.getBoundingClientRect();\\n const gap = footerRect.top - wrapperRect.bottom;\\n \\n if (gap > 5) {\\n partnershipWrapper.style.setProperty('--partnership-bottom-gap', `-${gap}px`);\\n }\\n }\\n }, 100);\\n \\n \\\/\\\/ \\u0421\\u043f\\u0435\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u0430\\u044f \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0434\\u043b\\u044f YOOtheme\\n const ukSection = partnershipWrapper.closest('.uk-section');\\n if (ukSection && ukSection.nextElementSibling) {\\n ukSection.style.paddingBottom = '0';\\n ukSection.style.marginBottom = '0';\\n ukSection.nextElementSibling.style.marginTop = '0';\\n }\\n \\n \\\/\\\/ \\u0424\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u0430\\u044f \\u043f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0438 \\u0438\\u0441\\u043f\\u0440\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435\\n function removeGapCompletely() {\\n setTimeout(() => {\\n const footer = document.querySelector('footer, .tm-footer, .uk-section-secondary');\\n if (footer && partnershipWrapper) {\\n const wrapperRect = partnershipWrapper.getBoundingClientRect();\\n const footerRect = footer.getBoundingClientRect();\\n const realGap = footerRect.top - wrapperRect.bottom;\\n \\n if (realGap > 2) {\\n partnershipWrapper.style.marginBottom = `-${realGap}px`;\\n }\\n }\\n }, 1000);\\n }\\n \\n if (document.readyState === 'complete') {\\n removeGapCompletely();\\n } else {\\n window.addEventListener('load', removeGapCompletely);\\n }\\n }\\n});\\n\\n\\\/\\\/ \\u041f\\u0430\\u0440\\u0430\\u043b\\u043b\\u0430\\u043a\\u0441 \\u044d\\u0444\\u0444\\u0435\\u043a\\u0442 \\u0434\\u043b\\u044f \\u0434\\u0435\\u043a\\u043e\\u0440\\u0430\\u0442\\u0438\\u0432\\u043d\\u044b\\u0445 \\u044d\\u043b\\u0435\\u043c\\u0435\\u043d\\u0442\\u043e\\u0432\\nwindow.addEventListener('scroll', () => {\\n const scrolled = window.pageYOffset;\\n const patterns = document.querySelectorAll('.decorative-pattern');\\n \\n patterns.forEach((pattern, index) => {\\n const speed = index % 2 === 0 ? 0.5 : -0.5;\\n pattern.style.transform = `translateY(${scrolled * speed}px)`;\\n });\\n});\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\"}},{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\"\\\"en\\\"\">\\n<head>\\n <meta charset=\"\\\"UTF-8\\\"\">\\n <meta name=\"\\\"viewport\\\"\" content=\"\\\"width=device-width,\" initial-scale=\"1.0\\\"\">\\n <title>BIFA+ Featured Stories \\\/ Ambassadors Block<\\\/title>\\n <link rel=\"\\\"preconnect\\\"\" href=\"\\\"https:\\\/\\\/fonts.googleapis.com\\\"\">\\n <link rel=\"\\\"preconnect\\\"\" href=\"\\\"https:\\\/\\\/fonts.gstatic.com\\\"\" crossorigin>\\n \\n <link href=\"\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap\\\"\" rel=\"\\\"stylesheet\\\"\">\\n\\n<\/p>\n<style>\\n\\\/* ========= \\u0413\\u041b\\u041e\\u0411\\u0410\\u041b\\u042c\\u041d\\u042b\\u0415 \\u041f\\u0415\\u0420\\u0415\\u041c\\u0415\\u041d\\u041d\\u042b\\u0415 BIFA+ ========= *\\\/\\n:root {\\n \\\/* \\u041e\\u0444\\u0438\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0446\\u0432\\u0435\\u0442\\u0430 BIFA+ *\\\/\\n --bifa-deep-navy: #0A1F44;\\n --bifa-heritage-gold: #D4AF37;\\n --bifa-civic-green: #1D6143;\\n --bifa-bright-white: #FFFFFF;\\n --bifa-soft-black: #1A1A1A;\\n --bifa-gray-light: #F8F9FA;\\n --bifa-gray: #6C757D;\\n \\n \\\/* \\u041e\\u0444\\u0438\\u0446\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0448\\u0440\\u0438\\u0444\\u0442\\u044b BIFA+ *\\\/\\n --bifa-font-heading: 'Montserrat', 'Cairo', sans-serif;\\n --bifa-font-body: 'Poppins', 'Tajawal', sans-serif;\\n --bifa-font-arabic: 'Cairo', 'Tajawal', 'GE SS Text', sans-serif;\\n \\n \\\/* \\u041f\\u0440\\u0435\\u043c\\u0438\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0442\\u0435\\u043d\\u0438 \\u0438 \\u044d\\u0444\\u0444\\u0435\\u043a\\u0442\\u044b *\\\/\\n --bifa-shadow-premium: 0 25px 80px rgba(10, 31, 68, 0.15);\\n --bifa-shadow-hover: 0 35px 100px rgba(10, 31, 68, 0.2);\\n --bifa-shadow-gold: 0 15px 40px rgba(212, 175, 55, 0.3);\\n --bifa-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\n}\\n\\n\\\/* ========= RESET ========= *\\\/\\n* {\\n margin: 0;\\n padding: 0;\\n box-sizing: border-box;\\n}\\n\\n*, *::before, *::after {\\n box-sizing: border-box;\\n}\\n\\nhtml {\\n scroll-behavior: smooth;\\n}\\n\\nbody {\\n font-family: var(--bifa-font-body);\\n overflow-x: hidden;\\n background: var(--bifa-bright-white);\\n text-rendering: optimizeLegibility;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n color: var(--bifa-soft-black);\\n}\\n\\n\\\/* ========= FORCE BIFA+ STYLES PRIORITY ========= *\\\/\\n.bifa-ambassadors-section h2,\\n.bifa-ambassadors-section h3 {\\n font-family: var(--bifa-font-heading) !important;\\n -webkit-font-smoothing: antialiased !important;\\n}\\n\\n.bifa-ambassadors-section p,\\n.bifa-ambassadors-section span {\\n font-family: var(--bifa-font-body) !important;\\n -webkit-font-smoothing: antialiased !important;\\n}\\n\\n\\\/* Force button text to be white *\\\/\\nbutton.bifa-view-all-button,\\nbutton.bifa-view-all-button span,\\nbutton.bifa-view-all-button .bifa-button-text,\\nbutton.bifa-view-all-button .bifa-ambassador-count {\\n color: #FFFFFF !important;\\n}\\n\\n\\\/* Force SVG icon to be white *\\\/\\n.bifa-view-all-button svg,\\n.bifa-view-all-button svg path {\\n stroke: #FFFFFF !important;\\n fill: none !important;\\n}\\n\\n\\\/* Specific overrides for YooTheme *\\\/\\n.bifa-ambassadors-section button {\\n font-family: inherit;\\n}\\n\\n\\\/* ========= AMBASSADORS SECTION WRAPPER ========= *\\\/\\n.bifa-ambassadors-section-wrapper {\\n width: 100vw;\\n position: relative;\\n left: 50%;\\n margin-left: -50vw;\\n background: transparent; \\\/* \\u0411\\u0435\\u0437 \\u0444\\u043e\\u043d\\u0430 *\\\/\\n overflow: hidden;\\n}\\n\\n\\\/* ========= MAIN AMBASSADORS SECTION ========= *\\\/\\n.bifa-ambassadors-section {\\n padding: 100px 20px 80px;\\n position: relative;\\n background: transparent;\\n}\\n\\n\\\/* ========= ANIMATED BACKGROUND ELEMENTS ========= *\\\/\\n.bifa-ambassadors-bg-animation {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n overflow: hidden;\\n z-index: 1;\\n top: 0;\\n left: 0;\\n}\\n\\n\\\/* \\u0417\\u043e\\u043b\\u043e\\u0442\\u044b\\u0435 \\u0447\\u0430\\u0441\\u0442\\u0438\\u0446\\u044b BIFA+ *\\\/\\n.bifa-ambassadors-particle {\\n position: absolute;\\n width: 3px;\\n height: 3px;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n border-radius: 50%;\\n animation: floatAmbassadors 20s infinite linear;\\n box-shadow: 0 0 6px rgba(212, 175, 55, 0.2);\\n opacity: 0.25;\\n will-change: transform;\\n}\\n\\n@keyframes floatAmbassadors {\\n 0% {\\n transform: translateY(100vh) translateX(0) rotate(0deg);\\n opacity: 0;\\n }\\n 10% { opacity: 0.3; }\\n 90% { opacity: 0.3; }\\n 100% {\\n transform: translateY(-100vh) translateX(70px) rotate(360deg);\\n opacity: 0;\\n }\\n}\\n\\n\\\/* \\u041f\\u043b\\u0430\\u0432\\u0430\\u044e\\u0449\\u0438\\u0435 \\u0433\\u0435\\u043e\\u043c\\u0435\\u0442\\u0440\\u0438\\u0447\\u0435\\u0441\\u043a\\u0438\\u0435 \\u0444\\u0438\\u0433\\u0443\\u0440\\u044b BIFA+ *\\\/\\n.bifa-floating-shape-amb {\\n position: absolute;\\n border-radius: 50%;\\n filter: blur(120px);\\n animation: morphFloatAmbassadors 25s ease-in-out infinite;\\n pointer-events: none;\\n opacity: 0.4;\\n}\\n\\n.bifa-shape-ambassadors-1 {\\n width: 400px;\\n height: 400px;\\n background: radial-gradient(circle at 30% 30%, rgba(212, 175, 55, 0.07), transparent);\\n top: -200px;\\n right: -200px;\\n}\\n\\n.bifa-shape-ambassadors-2 {\\n width: 350px;\\n height: 350px;\\n background: radial-gradient(circle at 70% 70%, rgba(10, 31, 68, 0.05), transparent);\\n bottom: -175px;\\n left: -175px;\\n animation-delay: 8s;\\n}\\n\\n.bifa-shape-ambassadors-3 {\\n width: 300px;\\n height: 300px;\\n background: radial-gradient(circle at 50% 50%, rgba(29, 97, 67, 0.06), transparent);\\n top: 40%;\\n left: 60%;\\n animation-delay: 16s;\\n}\\n\\n@keyframes morphFloatAmbassadors {\\n 0%, 100% { \\n transform: translate(0, 0) scale(1) rotate(0deg);\\n filter: blur(120px);\\n }\\n 25% { \\n transform: translate(100px, -80px) scale(1.2) rotate(90deg);\\n filter: blur(140px);\\n }\\n 50% { \\n transform: translate(-80px, 100px) scale(0.8) rotate(180deg);\\n filter: blur(100px);\\n }\\n 75% { \\n transform: translate(-100px, -60px) scale(1.1) rotate(270deg);\\n filter: blur(130px);\\n }\\n}\\n\\n\\\/* ========= CONTAINER ========= *\\\/\\n.bifa-ambassadors-container {\\n max-width: 1200px;\\n margin: 0 auto;\\n position: relative;\\n z-index: 10;\\n}\\n\\n\\\/* ========= SECTION TITLE - Premium Style ========= *\\\/\\n.bifa-ambassadors-title-wrapper {\\n text-align: center;\\n margin-bottom: 80px;\\n}\\n\\n.bifa-ambassadors-section-title {\\n font-family: var(--bifa-font-heading) !important;\\n font-size: clamp(2.5rem, 4vw, 3.5rem);\\n font-weight: 900 !important;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n -webkit-background-clip: text;\\n background-clip: text;\\n color: transparent !important;\\n position: relative;\\n animation: fadeInUp 1s ease-out 0.3s both;\\n line-height: 1.2;\\n margin-bottom: 20px;\\n text-transform: uppercase;\\n letter-spacing: -0.5px;\\n text-shadow: 0 2px 4px rgba(212, 175, 55, 0.1);\\n}\\n\\n.bifa-ambassadors-section-title::after {\\n content: '';\\n position: absolute;\\n bottom: -15px;\\n left: 50%;\\n transform: translateX(-50%);\\n width: 0;\\n height: 4px;\\n background: linear-gradient(90deg, var(--bifa-heritage-gold), #ffd700);\\n animation: expandWidth 0.8s ease-out 1s both;\\n border-radius: 2px;\\n}\\n\\n.bifa-ambassadors-subtitle {\\n font-family: var(--bifa-font-body) !important;\\n font-size: 1.3rem;\\n font-weight: 600 !important;\\n color: var(--bifa-gray) !important;\\n margin-top: 30px;\\n animation: fadeInUp 1s ease-out 0.5s both;\\n line-height: 1.6;\\n max-width: 700px;\\n margin-left: auto;\\n margin-right: auto;\\n}\\n\\n\\\/* ========= AMBASSADORS GRID ========= *\\\/\\n.bifa-ambassadors-grid {\\n display: grid;\\n grid-template-columns: repeat(3, 1fr);\\n gap: 40px;\\n margin-bottom: 60px;\\n position: relative;\\n transition: max-height 0.6s ease-out;\\n}\\n\\n\\\/* Hide cards beyond the first 3 by default *\\\/\\n.bifa-ambassador-card:nth-child(n+4) {\\n display: none;\\n opacity: 0;\\n}\\n\\n\\\/* Show all cards when expanded *\\\/\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+4) {\\n display: block;\\n animation: fadeInUp 0.8s ease-out forwards;\\n}\\n\\n\\\/* Stagger animations for expanded cards *\\\/\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\\n animation-delay: 0.1s;\\n}\\n\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\\n animation-delay: 0.2s;\\n}\\n\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\\n animation-delay: 0.3s;\\n}\\n\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(7) {\\n animation-delay: 0.4s;\\n}\\n\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(8) {\\n animation-delay: 0.5s;\\n}\\n\\n.bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(9) {\\n animation-delay: 0.6s;\\n}\\n\\n\\\/* ========= AMBASSADOR CARD - Premium Style ========= *\\\/\\n.bifa-ambassador-card {\\n background: var(--bifa-bright-white) !important;\\n border-radius: 25px;\\n overflow: hidden;\\n box-shadow: var(--bifa-shadow-premium);\\n transition: var(--bifa-transition);\\n animation: fadeInUp 1s ease-out both;\\n border: 1px solid rgba(212, 175, 55, 0.1);\\n position: relative;\\n}\\n\\n.bifa-ambassador-card * {\\n font-family: inherit !important;\\n}\\n\\n.bifa-ambassador-card:nth-child(1) {\\n animation-delay: 0.8s;\\n}\\n\\n.bifa-ambassador-card:nth-child(2) {\\n animation-delay: 1s;\\n}\\n\\n.bifa-ambassador-card:nth-child(3) {\\n animation-delay: 1.2s;\\n}\\n\\n.bifa-ambassador-card:hover {\\n transform: translateY(-10px);\\n box-shadow: var(--bifa-shadow-hover);\\n border-color: rgba(212, 175, 55, 0.3);\\n}\\n\\n\\\/* Ambassador Image Container *\\\/\\n.bifa-ambassador-image {\\n position: relative;\\n width: 100%;\\n height: 300px;\\n overflow: hidden;\\n background: linear-gradient(135deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\\n background-size: 200% 100%;\\n animation: loading 2s infinite linear;\\n}\\n\\n.bifa-ambassador-image img {\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n object-position: center;\\n transition: transform 0.5s ease;\\n}\\n\\n.bifa-ambassador-card:hover .bifa-ambassador-image img {\\n transform: scale(1.1);\\n}\\n\\n\\\/* Gold Overlay Effect *\\\/\\n.bifa-ambassador-image::after {\\n content: '';\\n position: absolute;\\n inset: 0;\\n background: linear-gradient(180deg, \\n transparent 50%, \\n rgba(10, 31, 68, 0.7) 100%\\n );\\n opacity: 0;\\n transition: opacity 0.3s ease;\\n}\\n\\n.bifa-ambassador-card:hover .bifa-ambassador-image::after {\\n opacity: 1;\\n}\\n\\n\\\/* Ambassador Content *\\\/\\n.bifa-ambassador-content {\\n padding: 35px 30px;\\n position: relative;\\n}\\n\\n.bifa-ambassador-name {\\n font-family: var(--bifa-font-heading) !important;\\n font-size: 1.5rem;\\n font-weight: 900 !important;\\n color: var(--bifa-deep-navy) !important;\\n margin-bottom: 8px;\\n line-height: 1.2;\\n transition: color 0.3s ease;\\n}\\n\\n.bifa-ambassador-card:hover .bifa-ambassador-name {\\n color: var(--bifa-heritage-gold) !important;\\n}\\n\\n.bifa-ambassador-role {\\n font-family: var(--bifa-font-body) !important;\\n font-size: 1rem;\\n font-weight: 700 !important;\\n color: var(--bifa-heritage-gold) !important;\\n margin-bottom: 20px;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n}\\n\\n.bifa-ambassador-quote {\\n font-family: var(--bifa-font-body) !important;\\n font-size: 1.05rem;\\n font-weight: 500 !important;\\n line-height: 1.7;\\n color: #4a5568 !important;\\n font-style: italic;\\n position: relative;\\n padding-left: 25px;\\n}\\n\\n.bifa-ambassador-quote::before {\\n content: '\\\"';\\n position: absolute;\\n left: 0;\\n top: -5px;\\n font-size: 2.5rem;\\n color: var(--bifa-heritage-gold);\\n font-family: var(--bifa-font-heading);\\n font-weight: 800;\\n opacity: 0.3;\\n}\\n\\n\\\/* Gold Badge for Special Ambassadors *\\\/\\n.bifa-ambassador-badge {\\n position: absolute;\\n top: 20px;\\n right: 20px;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n color: var(--bifa-deep-navy);\\n padding: 8px 16px;\\n border-radius: 50px;\\n font-family: var(--bifa-font-heading);\\n font-size: 0.75rem;\\n font-weight: 700;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n box-shadow: var(--bifa-shadow-gold);\\n opacity: 0;\\n transform: translateY(-10px);\\n animation: slideDown 0.5s ease-out 2s forwards;\\n}\\n\\n@keyframes slideDown {\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n}\\n\\n\\\/* ========= VIEW ALL BUTTON ========= *\\\/\\n.bifa-ambassadors-cta {\\n text-align: center;\\n margin-top: 60px;\\n animation: fadeInUp 1s ease-out 1.2s both;\\n}\\n\\n.bifa-view-all-button {\\n \\\/* Reset button defaults first *\\\/\\n background: none;\\n border: none;\\n font: inherit;\\n cursor: pointer;\\n outline: inherit;\\n \\n \\\/* Apply BIFA styles *\\\/\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 12px;\\n padding: 20px 50px !important;\\n background: linear-gradient(135deg, #0A1F44, #162e5a) !important;\\n color: #FFFFFF !important;\\n text-decoration: none !important;\\n border-radius: 50px;\\n font-family: 'Montserrat', sans-serif !important;\\n font-weight: 800 !important;\\n font-size: 1.15rem !important;\\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\n box-shadow: 0 25px 60px rgba(10, 31, 68, 0.3), \\n 0 10px 20px rgba(10, 31, 68, 0.2),\\n inset 0 -2px 4px rgba(0, 0, 0, 0.1);\\n position: relative;\\n overflow: hidden;\\n text-transform: uppercase;\\n letter-spacing: 0.5px;\\n border: 2px solid rgba(212, 175, 55, 0.2) !important;\\n transform: translateZ(0);\\n backface-visibility: hidden;\\n}\\n\\n\\\/* Force white color for all button text elements *\\\/\\n.bifa-view-all-button,\\n.bifa-view-all-button * {\\n color: var(--bifa-bright-white) !important;\\n}\\n\\n.bifa-view-all-button span,\\n.bifa-view-all-button .bifa-button-text {\\n color: var(--bifa-bright-white) !important;\\n}\\n\\n\\\/* Override any inherited styles *\\\/\\n.bifa-ambassadors-section .bifa-view-all-button,\\n.bifa-ambassadors-section .bifa-view-all-button *,\\n.bifa-ambassadors-section-wrapper .bifa-view-all-button,\\n.bifa-ambassadors-section-wrapper .bifa-view-all-button * {\\n color: #FFFFFF !important;\\n}\\n\\n\\\/* Force styles on hover too *\\\/\\n.bifa-view-all-button:hover,\\n.bifa-view-all-button:hover *,\\n.bifa-view-all-button:focus,\\n.bifa-view-all-button:focus *,\\n.bifa-view-all-button:active,\\n.bifa-view-all-button:active * {\\n color: var(--bifa-bright-white) !important;\\n}\\n\\n\\\/* Golden glow effect *\\\/\\n.bifa-view-all-button::after {\\n content: '';\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n width: 120%;\\n height: 120%;\\n background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);\\n transform: translate(-50%, -50%) scale(0);\\n transition: transform 0.5s ease;\\n opacity: 0;\\n}\\n\\n.bifa-view-all-button:hover::after {\\n transform: translate(-50%, -50%) scale(1);\\n opacity: 1;\\n}\\n\\n\\\/* Button text transitions *\\\/\\n.bifa-button-text {\\n transition: opacity 0.3s ease;\\n font-weight: 700 !important;\\n position: relative;\\n z-index: 2;\\n}\\n\\n.bifa-view-all-button svg {\\n transition: transform 0.3s ease;\\n position: relative;\\n z-index: 2;\\n}\\n\\n\\\/* Rotate arrow when expanded *\\\/\\n.bifa-view-all-button.expanded svg {\\n transform: rotate(90deg);\\n}\\n\\n\\\/* Premium counter badge *\\\/\\n.bifa-ambassador-count {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n color: var(--bifa-deep-navy) !important;\\n width: 32px;\\n height: 32px;\\n border-radius: 50%;\\n font-size: 1rem !important;\\n font-weight: 900 !important;\\n margin-left: 10px;\\n transition: all 0.3s ease;\\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);\\n position: relative;\\n z-index: 2;\\n}\\n\\n.bifa-view-all-button:hover .bifa-ambassador-count {\\n transform: scale(1.2) rotate(10deg);\\n box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6);\\n}\\n\\n\\\/* Button shimmer effect *\\\/\\n.bifa-view-all-button::before {\\n content: '';\\n position: absolute;\\n top: 0;\\n left: -100%;\\n width: 100%;\\n height: 100%;\\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\\n transition: left 0.5s ease;\\n z-index: 1;\\n}\\n\\n.bifa-view-all-button:hover {\\n transform: translateY(-3px);\\n box-shadow: 0 30px 80px rgba(10, 31, 68, 0.4), \\n 0 15px 30px rgba(10, 31, 68, 0.3),\\n inset 0 -2px 4px rgba(0, 0, 0, 0.1);\\n background: linear-gradient(135deg, #162e5a, var(--bifa-deep-navy));\\n}\\n\\n.bifa-view-all-button:hover::before {\\n left: 100%;\\n}\\n\\n\\\/* ========= ANIMATIONS ========= *\\\/\\n@keyframes fadeInUp {\\n from {\\n opacity: 0;\\n transform: translateY(30px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n}\\n\\n@keyframes expandWidth {\\n from {\\n width: 0;\\n }\\n to {\\n width: 120px;\\n }\\n}\\n\\n\\\/* ========= RESPONSIVE ========= *\\\/\\n@media (max-width: 1024px) {\\n .bifa-ambassadors-grid {\\n grid-template-columns: repeat(2, 1fr);\\n gap: 35px;\\n }\\n \\n \\\/* Show only 2 cards on tablet *\\\/\\n .bifa-ambassador-card:nth-child(n+3) {\\n display: none;\\n opacity: 0;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+3) {\\n display: block;\\n animation: fadeInUp 0.8s ease-out forwards;\\n }\\n \\n \\\/* Stagger animations for expanded cards on mobile *\\\/\\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\\n animation-delay: 0.1s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\\n animation-delay: 0.2s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\\n animation-delay: 0.3s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\\n animation-delay: 0.4s;\\n }\\n \\n \\\/* Stagger animations for expanded cards on tablet *\\\/\\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\\n animation-delay: 0.1s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\\n animation-delay: 0.2s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\\n animation-delay: 0.3s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\\n animation-delay: 0.4s;\\n }\\n}\\n\\n@media (max-width: 768px) {\\n .bifa-ambassadors-section {\\n padding: 80px 20px 60px;\\n }\\n \\n .bifa-ambassadors-section-title {\\n font-size: 2rem;\\n }\\n \\n .bifa-ambassadors-subtitle {\\n font-size: 1.1rem;\\n }\\n \\n .bifa-ambassadors-grid {\\n grid-template-columns: 1fr;\\n gap: 30px;\\n }\\n \\n \\\/* Show only 2 cards on mobile *\\\/\\n .bifa-ambassador-card:nth-child(n+3) {\\n display: none;\\n opacity: 0;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+3) {\\n display: block;\\n animation: fadeInUp 0.8s ease-out forwards;\\n }\\n \\n .bifa-ambassador-card {\\n animation-delay: 0s !important;\\n }\\n \\n .bifa-ambassador-image {\\n height: 250px;\\n }\\n \\n .bifa-ambassador-content {\\n padding: 30px 25px;\\n }\\n \\n .bifa-ambassador-name {\\n font-size: 1.3rem;\\n }\\n \\n .bifa-ambassador-role {\\n font-size: 0.9rem;\\n }\\n \\n .bifa-ambassador-quote {\\n font-size: 1rem;\\n }\\n \\n \\n .bifa-view-all-button {\\n padding: 16px 40px;\\n font-size: 1.05rem !important;\\n min-width: 220px;\\n }\\n \\n .bifa-ambassador-count {\\n width: 26px;\\n height: 26px;\\n font-size: 0.85rem !important;\\n }\\n}\\n\\n@media (max-width: 480px) {\\n .bifa-ambassadors-section {\\n padding: 60px 15px 50px;\\n }\\n \\n .bifa-ambassadors-section-title {\\n font-size: 1.8rem;\\n }\\n \\n .bifa-ambassadors-subtitle {\\n font-size: 1rem;\\n margin-top: 20px;\\n }\\n \\n .bifa-ambassadors-title-wrapper {\\n margin-bottom: 60px;\\n }\\n \\n \\\/* Show only 1 card on small mobile *\\\/\\n .bifa-ambassador-card:nth-child(n+2) {\\n display: none;\\n opacity: 0;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(n+2) {\\n display: block;\\n animation: fadeInUp 0.8s ease-out forwards;\\n }\\n \\n \\\/* Stagger animations for expanded cards on small mobile *\\\/\\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(2) {\\n animation-delay: 0.1s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(3) {\\n animation-delay: 0.2s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(4) {\\n animation-delay: 0.3s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(5) {\\n animation-delay: 0.4s;\\n }\\n \\n .bifa-ambassadors-grid.expanded .bifa-ambassador-card:nth-child(6) {\\n animation-delay: 0.5s;\\n }\\n \\n .bifa-ambassador-image {\\n height: 220px;\\n }\\n \\n .bifa-ambassador-content {\\n padding: 25px 20px;\\n }\\n \\n .bifa-ambassador-name {\\n font-size: 1.2rem;\\n }\\n \\n .bifa-ambassador-role {\\n font-size: 0.85rem;\\n }\\n \\n .bifa-ambassador-quote {\\n font-size: 0.95rem;\\n padding-left: 20px;\\n }\\n \\n .bifa-ambassador-quote::before {\\n font-size: 2rem;\\n }\\n \\n .bifa-view-all-button {\\n padding: 15px 35px;\\n font-size: 1rem !important;\\n min-width: 200px;\\n }\\n \\n .bifa-ambassador-count {\\n width: 24px;\\n height: 24px;\\n font-size: 0.8rem !important;\\n }\\n \\n .bifa-ambassador-badge {\\n font-size: 0.7rem;\\n padding: 6px 12px;\\n top: 15px;\\n right: 15px;\\n }\\n}\\n\\n\\\/* ========= LOADING PLACEHOLDER ========= *\\\/\\n.bifa-ambassador-placeholder {\\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\\n background-size: 200% 100%;\\n animation: loading 1.5s infinite;\\n}\\n\\n@keyframes loading {\\n 0% {\\n background-position: 200% 0;\\n }\\n 100% {\\n background-position: -200% 0;\\n }\\n}\\n\\n\\\/* ========= CAROUSEL INDICATORS (Desktop Hidden) ========= *\\\/\\n.bifa-carousel-indicators {\\n display: none;\\n}\\n\\n\\\/* ========= ENSURE WHITE TEXT IN BUTTON ========= *\\\/\\n.bifa-ambassadors-section-wrapper .bifa-view-all-button,\\n.bifa-ambassadors-section-wrapper .bifa-view-all-button * {\\n color: #FFFFFF !important;\\n}\\n\\n.bifa-ambassadors-section-wrapper .bifa-ambassador-count {\\n color: #0A1F44 !important;\\n}\\n<\\\/style>\\n<\\\/head>\\n<body>\\n\\n<\/p>\n<div class=\"\\\"bifa-ambassadors-section-wrapper\\\"\">\\n \\n <\/p>\n<section class=\"\\\"bifa-ambassadors-section\\\"\">\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassadors-bg-animation\\\"\">\\n \\n <\/p>\n<div class=\"\\\"bifa-floating-shape-amb\" bifa-shape-ambassadors-1\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-floating-shape-amb\" bifa-shape-ambassadors-2\\\"><\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-floating-shape-amb\" bifa-shape-ambassadors-3\\\"><\\\/div>\\n \\n <\\\/div>\\n\\n <\/p>\n<div class=\"\\\"bifa-ambassadors-container\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassadors-title-wrapper\\\"\">\\n <\/p>\n<h2 class=\"\\\"bifa-ambassadors-section-title\\\"\">Featured Stories \\\/ Ambassadors<\\\/h2>\\n <\/p>\n<p class=\"\\\"bifa-ambassadors-subtitle\\\"\">\\n Subtitle text about ambassadors will be placed here\\n <\\\/p>\\n <\\\/div>\\n \\n \\n <\/p>\n<div class=\"\\\"bifa-ambassadors-grid\\\"\">\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-badge\\\"\">Special Badge<\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-1.jpg\\\"\" alt=\"\\\"Ambassador\" 1\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 1<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-2.jpg\\\"\" alt=\"\\\"Ambassador\" 2\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 2<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-badge\\\"\">Special Badge<\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-3.jpg\\\"\" alt=\"\\\"Ambassador\" 3\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 3<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-4.jpg\\\"\" alt=\"\\\"Ambassador\" 4\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 4<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-badge\\\"\">Special Badge<\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-5.jpg\\\"\" alt=\"\\\"Ambassador\" 5\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 5<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <\/p>\n<div class=\"\\\"bifa-ambassador-card\\\"\">\\n <\/p>\n<div class=\"\\\"bifa-ambassador-image\\\"\">\\n <img src=\"\\\"\\\/wp-content\\\/themes\\\/yootheme-child\\\/assets\\\/images\\\/ambassador-placeholder-6.jpg\\\"\" alt=\"\\\"Ambassador\" 6\\\">\\n <\\\/div>\\n <\/p>\n<div class=\"\\\"bifa-ambassador-content\\\"\">\\n <\/p>\n<h3 class=\"\\\"bifa-ambassador-name\\\"\">Ambassador Name 6<\\\/h3>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-role\\\"\">Role\\\/Title Here<\\\/p>\\n <\/p>\n<p class=\"\\\"bifa-ambassador-quote\\\"\">\\n Quote or story will be placed here. One sentence about their connection to BIFA+ programs.\\n <\\\/p>\\n <\\\/div>\\n <\\\/div>\\n <\\\/div>\\n \\n \\n <\/p>\n<div class=\"\\\"bifa-carousel-indicators\\\"\"><\\\/div>\\n \\n \\n <\/p>\n<div class=\"\\\"bifa-ambassadors-cta\\\"\">\\n <button class=\"\\\"bifa-view-all-button\\\"\" onclick=\"\\\"BifaAmbassadors.toggleAllAmbassadors()\\\"\">\\n <span class=\"\\\"bifa-button-text\\\"\">View All Ambassadors<\\\/span>\\n <span class=\"\\\"bifa-ambassador-count\\\"\">3<\\\/span>\\n <svg width=\"\\\"20\\\"\" height=\"\\\"20\\\"\" viewbox=\"\\\"0\" 0 24 24\\\" fill=\"\\\"none\\\"\" stroke=\"\\\"#FFFFFF\\\"\" stroke-width=\"\\\"2.5\\\"\">\\n <path d=\"\\\"M5\" 12h19m19 12l12 5m19 19\\\" stroke =\"\\\"#FFFFFF\\\"\" stroke-width=\"\\\"2.5\\\"\" stroke-linecap=\"\\\"round\\\"\" stroke-linejoin=\"\\\"round\\\"\\\/\">\\n <\\\/svg>\\n <\\\/button>\\n <\\\/div>\\n <\\\/div>\\n <\\\/section>\\n<\\\/div>\\n\\n<script>\\n\\\/\\\/ BIFA+ Premium Ambassadors Module\\nconst BifaAmbassadors = {\\n \\\/\\\/ Configuration\\n config: {\\n particleCount: 12,\\n animationDelay: 100,\\n observerThreshold: 0.1,\\n visibleCards: 3,\\n isExpanded: false,\\n currentSlide: 0,\\n autoScrollInterval: null,\\n autoScrollDelay: 5000 \\\/\\\/ 5 seconds between slides\\n },\\n\\n \\\/\\\/ Initialize\\n init() {\\n this.createParticles();\\n this.setupIntersectionObserver();\\n this.setupImageLazyLoading();\\n this.setupHoverEffects();\\n this.initializeToggleButton();\\n this.initializeMobileCarousel();\\n },\\n\\n \\\/\\\/ Initialize mobile carousel\\n initializeMobileCarousel() {\\n if (window.innerWidth > 768) return;\\n \\n const grid = document.querySelector('.bifa-ambassadors-grid');\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n const indicatorsContainer = document.querySelector('.bifa-carousel-indicators');\\n \\n \\\/\\\/ Clear existing indicators\\n indicatorsContainer.innerHTML = '';\\n \\n \\\/\\\/ Create indicators\\n cards.forEach((_, index) => {\\n const dot = document.createElement('button');\\n dot.className = 'bifa-carousel-dot';\\n dot.setAttribute('aria-label', `Go to ambassador ${index + 1}`);\\n if (index === 0) dot.classList.add('active');\\n dot.addEventListener('click', () => this.scrollToCard(index));\\n indicatorsContainer.appendChild(dot);\\n });\\n \\n \\\/\\\/ Setup scroll listener with debounce\\n let scrollTimeout;\\n grid.addEventListener('scroll', () => {\\n clearTimeout(scrollTimeout);\\n scrollTimeout = setTimeout(() => {\\n this.updateActiveIndicator();\\n }, 50);\\n });\\n \\n \\\/\\\/ Start auto-scroll\\n this.startAutoScroll();\\n \\n \\\/\\\/ Pause auto-scroll on interaction\\n grid.addEventListener('touchstart', () => this.pauseAutoScroll());\\n grid.addEventListener('mouseenter', () => this.pauseAutoScroll());\\n grid.addEventListener('mouseleave', () => this.startAutoScroll());\\n \\n \\\/\\\/ Resume auto-scroll after touch ends\\n grid.addEventListener('touchend', () => {\\n setTimeout(() => this.startAutoScroll(), 1000);\\n });\\n },\\n\\n \\\/\\\/ Scroll to specific card\\n scrollToCard(index) {\\n const grid = document.querySelector('.bifa-ambassadors-grid');\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n \\n if (cards[index]) {\\n const card = cards[index];\\n const cardLeft = card.offsetLeft;\\n const cardWidth = card.offsetWidth;\\n const gridWidth = grid.offsetWidth;\\n \\n \\\/\\\/ Center the card in view\\n const scrollPosition = cardLeft - (gridWidth - cardWidth) \\\/ 2;\\n \\n grid.scrollTo({\\n left: scrollPosition,\\n behavior: 'smooth'\\n });\\n \\n this.config.currentSlide = index;\\n this.updateActiveIndicator();\\n }\\n },\\n\\n \\\/\\\/ Update active indicator\\n updateActiveIndicator() {\\n const grid = document.querySelector('.bifa-ambassadors-grid');\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n const dots = document.querySelectorAll('.bifa-carousel-dot');\\n \\n if (!cards.length) return;\\n \\n const scrollLeft = grid.scrollLeft;\\n const gridWidth = grid.offsetWidth;\\n \\n \\\/\\\/ Find which card is most centered\\n let closestIndex = 0;\\n let closestDistance = Infinity;\\n \\n cards.forEach((card, index) => {\\n const cardLeft = card.offsetLeft;\\n const cardWidth = card.offsetWidth;\\n const cardCenter = cardLeft + cardWidth \\\/ 2;\\n const gridCenter = scrollLeft + gridWidth \\\/ 2;\\n const distance = Math.abs(cardCenter - gridCenter);\\n \\n if (distance < closestDistance) {\\n closestDistance = distance;\\n closestIndex = index;\\n }\\n });\\n \\n \\\/\\\/ Update dots\\n dots.forEach((dot, index) => {\\n dot.classList.toggle('active', index === closestIndex);\\n });\\n \\n this.config.currentSlide = closestIndex;\\n },\\n\\n \\\/\\\/ Start auto-scroll\\n startAutoScroll() {\\n if (window.innerWidth > 768) return;\\n \\n this.pauseAutoScroll();\\n \\n this.config.autoScrollInterval = setInterval(() => {\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n const nextSlide = (this.config.currentSlide + 1) % cards.length;\\n this.scrollToCard(nextSlide);\\n }, this.config.autoScrollDelay);\\n },\\n\\n \\\/\\\/ Pause auto-scroll\\n pauseAutoScroll() {\\n if (this.config.autoScrollInterval) {\\n clearInterval(this.config.autoScrollInterval);\\n this.config.autoScrollInterval = null;\\n }\\n },\\n\\n \\\/\\\/ Initialize toggle button\\n initializeToggleButton() {\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n const totalCards = cards.length;\\n \\n \\\/\\\/ Determine visible cards based on screen size\\n let visibleCards = 3; \\\/\\\/ Desktop default\\n if (window.innerWidth <= 480) {\\n visibleCards = 1;\\n } else if (window.innerWidth <= 1024) {\\n visibleCards = 2;\\n }\\n \\n const hiddenCards = totalCards - visibleCards;\\n \\n \\\/\\\/ Update count badge\\n const countBadge = document.querySelector('.bifa-ambassador-count');\\n if (countBadge && hiddenCards > 0) {\\n countBadge.textContent = hiddenCards;\\n }\\n \\n \\\/\\\/ Hide button if not enough cards or on mobile\\n const ctaSection = document.querySelector('.bifa-ambassadors-cta');\\n if (totalCards <= visibleCards || window.innerWidth <= 768) {\\n ctaSection.style.display = 'none';\\n } else {\\n ctaSection.style.display = 'block';\\n }\\n \\n \\\/\\\/ Store visible cards count\\n this.config.visibleCards = visibleCards;\\n \\n \\\/\\\/ Update on window resize\\n let resizeTimeout;\\n window.addEventListener('resize', () => {\\n clearTimeout(resizeTimeout);\\n resizeTimeout = setTimeout(() => {\\n \\\/\\\/ Reset state and reinitialize\\n const grid = document.querySelector('.bifa-ambassadors-grid');\\n const button = document.querySelector('.bifa-view-all-button');\\n if (grid.classList.contains('expanded')) {\\n grid.classList.remove('expanded');\\n button.classList.remove('expanded');\\n this.config.isExpanded = false;\\n }\\n this.initializeToggleButton();\\n \\n \\\/\\\/ Reinitialize carousel if needed\\n if (window.innerWidth <= 768) {\\n this.initializeMobileCarousel();\\n } else {\\n this.pauseAutoScroll();\\n }\\n }, 250);\\n });\\n },\\n\\n \\\/\\\/ Toggle all ambassadors\\n toggleAllAmbassadors() {\\n const grid = document.querySelector('.bifa-ambassadors-grid');\\n const button = document.querySelector('.bifa-view-all-button');\\n const buttonText = button.querySelector('.bifa-button-text');\\n const countBadge = button.querySelector('.bifa-ambassador-count');\\n \\n this.config.isExpanded = !this.config.isExpanded;\\n \\n if (this.config.isExpanded) {\\n \\\/\\\/ Expand\\n grid.classList.add('expanded');\\n button.classList.add('expanded');\\n buttonText.textContent = 'Show Less';\\n countBadge.style.display = 'none';\\n \\n \\\/\\\/ Smooth scroll to newly visible cards\\n setTimeout(() => {\\n const fourthCard = document.querySelector('.bifa-ambassador-card:nth-child(4)');\\n if (fourthCard) {\\n const rect = fourthCard.getBoundingClientRect();\\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\\n const targetY = rect.top + scrollTop - 100;\\n \\n window.scrollTo({\\n top: targetY,\\n behavior: 'smooth'\\n });\\n }\\n }, 100);\\n } else {\\n \\\/\\\/ Collapse\\n grid.classList.remove('expanded');\\n button.classList.remove('expanded');\\n buttonText.textContent = 'View All Ambassadors';\\n countBadge.style.display = 'inline-flex';\\n \\n \\\/\\\/ Scroll back to top of section\\n const section = document.querySelector('.bifa-ambassadors-section');\\n section.scrollIntoView({ behavior: 'smooth', block: 'start' });\\n }\\n },\\n\\n \\\/\\\/ Create golden particles\\n createParticles() {\\n const particlesContainer = document.querySelector('.bifa-ambassadors-bg-animation');\\n if (!particlesContainer) return;\\n\\n for (let i = 0; i < this.config.particleCount; i++) {\\n const particle = document.createElement('div');\\n particle.className = 'bifa-ambassadors-particle';\\n particle.style.left = Math.random() * 100 + '%';\\n particle.style.animationDelay = Math.random() * 20 + 's';\\n particle.style.animationDuration = (18 + Math.random() * 10) + 's';\\n \\n const size = 3 + Math.random() * 2;\\n particle.style.width = size + 'px';\\n particle.style.height = size + 'px';\\n \\n particlesContainer.appendChild(particle);\\n }\\n },\\n\\n \\\/\\\/ Setup intersection observer for animations\\n setupIntersectionObserver() {\\n if (!window.IntersectionObserver) return;\\n\\n const observerOptions = {\\n threshold: this.config.observerThreshold,\\n rootMargin: '50px 0px'\\n };\\n\\n const observer = new IntersectionObserver((entries) => {\\n entries.forEach(entry => {\\n if (entry.isIntersecting) {\\n entry.target.classList.add('animate-in');\\n \\n \\\/\\\/ Special animation for badges\\n const badge = entry.target.querySelector('.bifa-ambassador-badge');\\n if (badge) {\\n setTimeout(() => {\\n badge.style.animation = 'slideDown 0.5s ease-out forwards';\\n }, 500);\\n }\\n }\\n });\\n }, observerOptions);\\n\\n \\\/\\\/ Observe only visible cards initially\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n cards.forEach((card, index) => {\\n if (window.innerWidth <= 768 || index < this.config.visibleCards || this.config.isExpanded) {\\n observer.observe(card);\\n }\\n });\\n },\\n\\n \\\/\\\/ Setup lazy loading for images\\n setupImageLazyLoading() {\\n const images = document.querySelectorAll('.bifa-ambassador-image img');\\n \\n if ('loading' in HTMLImageElement.prototype) {\\n images.forEach(img => {\\n img.loading = 'lazy';\\n });\\n } else {\\n \\\/\\\/ Fallback for browsers that don't support lazy loading\\n const imageObserver = new IntersectionObserver((entries) => {\\n entries.forEach(entry => {\\n if (entry.isIntersecting) {\\n const img = entry.target;\\n if (img.dataset.src) {\\n img.src = img.dataset.src;\\n img.removeAttribute('data-src');\\n imageObserver.unobserve(img);\\n }\\n }\\n });\\n });\\n\\n images.forEach(img => imageObserver.observe(img));\\n }\\n },\\n\\n \\\/\\\/ Setup hover effects\\n setupHoverEffects() {\\n const cards = document.querySelectorAll('.bifa-ambassador-card');\\n \\n cards.forEach(card => {\\n card.addEventListener('mouseenter', (e) => {\\n this.createHoverParticles(e.currentTarget);\\n });\\n \\n card.addEventListener('mouseleave', (e) => {\\n this.removeHoverParticles(e.currentTarget);\\n });\\n });\\n },\\n\\n \\\/\\\/ Create hover particles effect\\n createHoverParticles(card) {\\n const particleCount = 5;\\n const cardRect = card.getBoundingClientRect();\\n \\n for (let i = 0; i < particleCount; i++) {\\n const particle = document.createElement('div');\\n particle.className = 'hover-particle';\\n particle.style.cssText = `\\n position: absolute;\\n width: 4px;\\n height: 4px;\\n background: linear-gradient(135deg, var(--bifa-heritage-gold), #ffd700);\\n border-radius: 50%;\\n pointer-events: none;\\n animation: hoverFloat 2s ease-out forwards;\\n left: ${Math.random() * cardRect.width}px;\\n top: ${cardRect.height}px;\\n opacity: 0;\\n z-index: 100;\\n `;\\n \\n card.appendChild(particle);\\n }\\n },\\n\\n \\\/\\\/ Remove hover particles\\n removeHoverParticles(card) {\\n const particles = card.querySelectorAll('.hover-particle');\\n particles.forEach(p => {\\n p.style.animation = 'fadeOut 0.3s ease-out forwards';\\n setTimeout(() => p.remove(), 300);\\n });\\n },\\n\\n \\\/\\\/ Handle ambassador card click\\n handleCardClick(ambassadorId) {\\n console.log('Ambassador clicked:', ambassadorId);\\n \\\/\\\/ Add your navigation logic here\\n }\\n};\\n\\n\\\/\\\/ Initialize when DOM is ready\\ndocument.addEventListener('DOMContentLoaded', () => {\\n BifaAmbassadors.init();\\n});\\n\\n\\\/\\\/ Performance optimization - pause animations when not visible\\ndocument.addEventListener('visibilitychange', () => {\\n const particles = document.querySelectorAll('.bifa-ambassadors-particle');\\n const shapes = document.querySelectorAll('.bifa-floating-shape-amb');\\n \\n if (document.hidden) {\\n particles.forEach(p => p.style.animationPlayState = 'paused');\\n shapes.forEach(s => s.style.animationPlayState = 'paused');\\n } else {\\n particles.forEach(p => p.style.animationPlayState = 'running');\\n shapes.forEach(s => s.style.animationPlayState = 'running');\\n }\\n});\\n\\n\\\/\\\/ Add hover particle animation\\nconst style = document.createElement('style');\\nstyle.textContent = `\\n @keyframes hoverFloat {\\n 0% {\\n transform: translateY(0) scale(0);\\n opacity: 1;\\n }\\n 100% {\\n transform: translateY(-100px) scale(1.5);\\n opacity: 0;\\n }\\n }\\n \\n @keyframes fadeOut {\\n to {\\n opacity: 0;\\n transform: scale(0);\\n }\\n }\\n`;\\ndocument.head.appendChild(style);\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\"}}]}]}]}],\"version\":\"4.5.20\"} --><\/p><input type=\"hidden\" name=\"trp-form-language\" value=\"ru\"\/>","protected":false},"excerpt":{"rendered":"<p>BIFA+ – Partners & Sponsors Partners & Sponsors Together we create the future of Global South cooperation Play with Spirit. Leading with Vision. A global network of strategic partners and innovative sponsors supporting BIFA+’s mission to unite the Global South through football, cultural exchange, and sports diplomacy. From technology innovators to media giants, our partners […]<\/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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":23,"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1135,"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/pages\/14\/revisions\/1135"}],"wp:attachment":[{"href":"https:\/\/bifa.ai\/ru\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}