StreamEZ – Affiliate Program<\/title>\n <style>\n :root {\n --linear-ease: linear(\n 0, 0.068, 0.19 2.7%, 0.804 8.1%, 1.037, 1.199 13.2%, 1.245,\n 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, 0.996 28%, 0.949,\n 0.928 33.3%, 0.926, 0.933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%,\n 1.018 54.4%, 1 63.1%, 0.995 68%, 1.001 85%, 1\n );\n --color-1: #0066ff;\n --color-2: #00a8ff;\n --color-3: #00e0ff;\n --color-4: #c0c0c0;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #ffffff;\n overflow-x: hidden;\n min-height: 0;\n margin: 0;\n padding: 0;\n }\n\n header {\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n padding: 1.2rem 7%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n border-bottom: 1px solid rgba(0, 102, 255, 0.15);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n header.scrolled {\n padding: 0.9rem 7%;\n background: #0a0a0a;\n box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n transition: transform 0.3s ease;\n cursor: pointer;\n }\n\n .logo:hover {\n transform: translateY(-2px);\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 168, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #ffffff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .gooey-nav-container {\n position: relative;\n display: flex;\n align-items: center;\n }\n\n .gooey-nav-container nav {\n display: flex;\n position: relative;\n transform: translate3d(0, 0, 0.01px);\n }\n\n .gooey-nav-container nav ul {\n display: flex;\n gap: 2em;\n list-style: none;\n padding: 0 1em;\n margin: 0;\n position: relative;\n z-index: 3;\n color: white;\n text-shadow: 0 1px 1px hsl(205deg 30% 10% \/ 0.2);\n }\n\n .gooey-nav-container nav ul li {\n border-radius: 100vw;\n position: relative;\n cursor: pointer;\n transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 0 0.5px 1.5px transparent;\n color: white;\n }\n\n .gooey-nav-container nav ul li a {\n display: inline-block;\n padding: 0.6em 1em;\n color: inherit;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container nav ul li:focus-within:has(:focus-visible) {\n box-shadow: 0 0 0.5px 1.5px white;\n }\n\n .gooey-nav-container nav ul li::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 100vw;\n background: white;\n opacity: 0;\n transform: scale(0);\n transition: all 0.3s ease;\n z-index: -1;\n }\n\n .gooey-nav-container nav ul li.active {\n color: black;\n text-shadow: none;\n }\n\n .gooey-nav-container nav ul li.active::after {\n opacity: 1;\n transform: scale(1);\n }\n\n .gooey-nav-container .effect {\n position: absolute;\n left: 0;\n top: 0;\n width: 0;\n height: 0;\n opacity: 1;\n pointer-events: none;\n display: grid;\n place-items: center;\n z-index: 1;\n }\n\n .gooey-nav-container .effect.text {\n color: white;\n transition: color 0.3s ease;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container .effect.text.active {\n color: black;\n }\n\n .gooey-nav-container .effect.filter {\n filter: blur(7px) contrast(100) blur(0);\n mix-blend-mode: lighten;\n }\n\n .gooey-nav-container .effect.filter::before {\n content: '';\n position: absolute;\n inset: -75px;\n z-index: -2;\n background: transparent;\n pointer-events: none;\n }\n\n .gooey-nav-container .effect.filter::after {\n content: '';\n position: absolute;\n inset: 0;\n background: white;\n transform: scale(0);\n opacity: 0;\n z-index: -1;\n border-radius: 100vw;\n }\n\n .gooey-nav-container .effect.active::after {\n animation: pill 0.3s ease both;\n }\n\n @keyframes pill {\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .particle,\n .point {\n display: block;\n opacity: 0;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n transform-origin: center;\n }\n\n .particle {\n --time: 5s;\n position: absolute;\n top: calc(50% - 8px);\n left: calc(50% - 8px);\n animation: particle calc(var(--time)) ease 1 -350ms;\n }\n\n .point {\n background: var(--color);\n opacity: 1;\n animation: point calc(var(--time)) ease 1 -350ms;\n }\n\n @keyframes particle {\n 0% {\n transform: rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));\n opacity: 1;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 70% {\n transform: rotate(calc(var(--rotate) * 0.5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: rotate(calc(var(--rotate) * 0.66)) translate(calc(var(--end-x)), calc(var(--end-y)));\n opacity: 1;\n }\n 100% {\n transform: rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * 0.5), calc(var(--end-y) * 0.5));\n opacity: 1;\n }\n }\n\n @keyframes point {\n 0% {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 25% {\n transform: scale(calc(var(--scale) * 0.25));\n }\n 38% {\n opacity: 1;\n }\n 65% {\n transform: scale(var(--scale));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: scale(var(--scale));\n opacity: 1;\n }\n 100% {\n transform: scale(0);\n opacity: 0;\n }\n }\n\n .header-buttons {\n display: flex;\n gap: 1.2rem;\n align-items: center;\n }\n\n .btn {\n padding: 1rem 2.5rem;\n border-radius: 14px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n position: relative;\n overflow: hidden;\n }\n\n .btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.1);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .btn:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .btn span {\n position: relative;\n z-index: 1;\n }\n\n .btn-trial {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n border: 2px solid rgba(255, 255, 255, 0.25);\n backdrop-filter: blur(10px);\n }\n\n .btn-trial:hover {\n background: rgba(255, 255, 255, 0.16);\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.4);\n }\n\n .btn-subscribe {\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n color: #fff;\n box-shadow: 0 10px 35px rgba(0, 102, 255, 0.6);\n border: 2px solid transparent;\n position: relative;\n }\n\n .btn-subscribe:hover {\n transform: translateY(-3px);\n box-shadow: \n 0 15px 45px rgba(0, 102, 255, 0.7),\n 0 0 30px rgba(0, 168, 255, 0.5);\n }\n\n .mobile-menu-btn {\n display: none;\n flex-direction: column;\n gap: 6px;\n cursor: pointer;\n padding: 12px;\n z-index: 200;\n background: rgba(255, 255, 255, 0.12);\n border-radius: 10px;\n border: 2px solid rgba(255, 255, 255, 0.2);\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn span {\n width: 28px;\n height: 3px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn.active span:nth-child(1) {\n transform: rotate(45deg) translate(9px, 9px);\n }\n\n .mobile-menu-btn.active span:nth-child(2) {\n opacity: 0;\n }\n\n .mobile-menu-btn.active span:nth-child(3) {\n transform: rotate(-45deg) translate(9px, -9px);\n }\n\n .mobile-menu {\n position: fixed;\n top: 0;\n right: -100%;\n width: 85%;\n max-width: 420px;\n height: 100vh;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n z-index: 150;\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n padding: 0;\n border-left: 1px solid rgba(0, 102, 255, 0.3);\n box-shadow: -20px 0 60px rgba(0, 0, 0, 0.8);\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n }\n\n .mobile-menu.active {\n right: 0;\n }\n\n .mobile-menu-header {\n padding: 2rem 1.5rem;\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 102, 255, 0.1);\n }\n\n .mobile-menu-logo {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n }\n\n .mobile-menu-logo .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .mobile-menu-logo .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .mobile-menu-logo .logo-main {\n font-size: 1.7rem;\n background: linear-gradient(135deg, #ffffff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .mobile-menu-logo .logo-tagline {\n font-size: 0.6rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .mobile-menu nav {\n display: flex;\n flex-direction: column;\n gap: 0;\n padding: 2rem 1.5rem;\n flex: 1;\n }\n\n .mobile-menu nav a {\n padding: 1.5rem 1rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.15rem;\n transition: all 0.3s ease;\n border-radius: 8px;\n margin-bottom: 0.5rem;\n color: #b0b0b0;\n text-decoration: none;\n font-weight: 600;\n }\n\n .mobile-menu nav a:hover {\n background: rgba(0, 102, 255, 0.2);\n color: #fff;\n transform: translateX(8px);\n border-bottom-color: rgba(0, 102, 255, 0.5);\n }\n\n .menu-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n backdrop-filter: blur(8px);\n z-index: 140;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s ease;\n }\n\n .menu-overlay.active {\n opacity: 1;\n pointer-events: all;\n }\n \n \/* Tablet and Mobile Styles *\/\n @media (max-width: 1024px) {\n .mobile-menu-btn {\n display: flex;\n }\n \n .gooey-nav-container,\n .header-buttons {\n display: none;\n }\n\n header {\n padding: 1.2rem 5%;\n }\n\n .logo {\n font-size: 1.5rem;\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n }\n\n @media (max-width: 768px) {\n .mobile-menu-btn {\n display: flex;\n }\n \n .gooey-nav-container,\n .header-buttons {\n display: none;\n }\n\n header {\n padding: 1.2rem 5%;\n }\n\n .logo {\n font-size: 1.5rem;\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #ffffff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n .grid-overlay {\n display: none;\n }\n\n .container {\n position: relative;\n z-index: 10;\n max-width: 1400px;\n margin: 0 auto;\n padding: 6rem 5% 8rem;\n }\n\n .hero-section {\n text-align: center;\n margin-bottom: 5rem;\n animation: fadeInUp 0.8s ease;\n }\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 .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n padding: 0.7rem 2rem;\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.3) 0%, rgba(16, 185, 129, 0.18) 100%);\n border: 1.5px solid rgba(16, 185, 129, 0.6);\n color: #10b981;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 1.5rem;\n box-shadow: 0 4px 20px rgba(16, 185, 129, 0.4);\n }\n\n .badge-icon {\n width: 20px;\n height: 20px;\n background: linear-gradient(135deg, #10b981, #34d399);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n }\n\n .live-viewers {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n padding: 0.8rem 1.8rem;\n background: rgba(10, 10, 10, 0.9);\n border: 1.5px solid rgba(220, 20, 60, 0.6);\n border-radius: 50px;\n margin-bottom: 2rem;\n backdrop-filter: blur(30px);\n box-shadow: 0 4px 20px rgba(220, 20, 60, 0.4);\n transition: all 0.3s ease;\n }\n\n .live-viewers:hover {\n transform: scale(1.05);\n box-shadow: 0 6px 30px rgba(220, 20, 60, 0.6);\n }\n\n .live-dot {\n width: 10px;\n height: 10px;\n background: #dc143c;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n box-shadow: 0 0 15px #dc143c;\n }\n\n @keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.3);\n opacity: 0.7;\n }\n }\n\n .live-count {\n color: #fff;\n font-weight: 800;\n font-size: 1rem;\n }\n\n .live-label {\n color: #b0b0b0;\n font-size: 0.9rem;\n font-weight: 600;\n }\n\n .hero-title {\n font-size: clamp(2.5rem, 8vw, 6rem);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -3px;\n line-height: 1.1;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #ffffff 0%, #10b981 40%, #059669 80%, #10b981 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n animation: gradientFlow 8s ease infinite;\n background-size: 300% 300%;\n }\n\n @keyframes gradientFlow {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .hero-subtitle {\n font-size: clamp(1.1rem, 3vw, 1.4rem);\n color: #b0b0b0;\n max-width: 800px;\n margin: 0 auto 3rem;\n line-height: 1.8;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-bottom: 6rem;\n }\n\n .stat-card {\n background: rgba(15, 15, 15, 0.7);\n border: 1px solid rgba(16, 185, 129, 0.35);\n border-radius: 24px;\n padding: 2.5rem 2rem;\n text-align: center;\n transition: all 0.4s ease;\n backdrop-filter: blur(30px);\n position: relative;\n overflow: hidden;\n }\n\n .stat-card::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(16, 185, 129, 0.15), transparent);\n transition: left 0.6s ease;\n }\n\n .stat-card:hover::before {\n left: 100%;\n }\n\n .stat-card:hover {\n transform: translateY(-10px);\n background: rgba(15, 15, 15, 0.85);\n border-color: rgba(16, 185, 129, 0.7);\n box-shadow: 0 25px 60px rgba(16, 185, 129, 0.35);\n }\n\n .stat-number {\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 900;\n background: linear-gradient(135deg, #10b981, #34d399);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 0.5rem;\n letter-spacing: -2px;\n }\n\n .stat-label {\n font-size: 1.1rem;\n color: #b0b0b0;\n font-weight: 600;\n }\n\n .section {\n margin-bottom: 5rem;\n }\n\n .section-title {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 900;\n margin-bottom: 3rem;\n letter-spacing: -2px;\n text-align: center;\n }\n\n .how-it-works {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n margin-bottom: 5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .step-card {\n background: rgba(15, 15, 15, 0.7);\n border: 1px solid rgba(0, 102, 255, 0.2);\n border-radius: 24px;\n padding: 3rem 2.5rem 2.5rem;\n position: relative;\n backdrop-filter: blur(30px);\n transition: all 0.4s ease;\n overflow: hidden;\n }\n\n .step-card::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(0, 102, 255, 0.15), transparent);\n transition: left 0.6s ease;\n }\n\n .step-card:hover::before {\n left: 100%;\n }\n\n .step-card:hover {\n transform: translateY(-10px);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: 0 25px 60px rgba(0, 102, 255, 0.35);\n }\n\n .step-number {\n position: absolute;\n top: 20px;\n right: 20px;\n width: 45px;\n height: 45px;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.2), rgba(0, 168, 255, 0.2));\n border: 2px solid rgba(0, 102, 255, 0.5);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: 900;\n color: #0066ff;\n }\n\n .step-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.4);\n }\n\n .step-icon svg {\n width: 30px;\n height: 30px;\n stroke: white;\n stroke-width: 2;\n fill: none;\n }\n\n .step-title {\n font-size: 1.5rem;\n font-weight: 800;\n margin-bottom: 1rem;\n color: #fff;\n }\n\n .step-description {\n font-size: 1rem;\n color: #b0b0b0;\n line-height: 1.7;\n }\n\n .commission-container {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.75));\n border: 2px solid rgba(0, 102, 255, 0.4);\n border-radius: 32px;\n padding: 4rem 3rem;\n backdrop-filter: blur(30px);\n margin-bottom: 3rem;\n position: relative;\n overflow: hidden;\n }\n\n .commission-container::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.15), transparent 50%);\n animation: rotateCommission 25s linear infinite;\n pointer-events: none;\n }\n\n @keyframes rotateCommission {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .commission-header {\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n z-index: 2;\n }\n\n .commission-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.6rem 1.5rem;\n background: rgba(0, 102, 255, 0.2);\n border: 1.5px solid rgba(0, 102, 255, 0.5);\n border-radius: 50px;\n color: #0066ff;\n font-size: 0.8rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n }\n\n .commission-badge-icon {\n width: 16px;\n height: 16px;\n background: #0066ff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .commission-badge-icon svg {\n width: 10px;\n height: 10px;\n stroke: white;\n stroke-width: 3;\n fill: none;\n }\n\n .commission-subtitle {\n font-size: 1.1rem;\n color: #b0b0b0;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .commission-table {\n position: relative;\n z-index: 2;\n background: rgba(20, 20, 20, 0.6);\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 24px;\n padding: 0;\n backdrop-filter: blur(20px);\n overflow: hidden;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n }\n\n thead {\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.4), rgba(0, 168, 255, 0.4));\n position: relative;\n }\n\n thead::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, #0066ff, transparent);\n }\n\n th {\n padding: 1.5rem 1.2rem;\n text-align: left;\n font-weight: 800;\n font-size: 0.95rem;\n color: #fff;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n border: none;\n }\n\n th:first-child {\n border-radius: 24px 0 0 0;\n }\n\n th:last-child {\n border-radius: 0 24px 0 0;\n }\n\n tbody tr {\n transition: all 0.3s ease;\n border-bottom: 1px solid rgba(0, 102, 255, 0.15);\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: rgba(0, 102, 255, 0.15);\n }\n\n @media (hover: hover) {\n tbody tr:hover {\n transform: scale(1.01);\n }\n }\n\n td {\n padding: 1.5rem 1.2rem;\n color: #b0b0b0;\n font-size: 1rem;\n border: none;\n }\n\n td:first-child {\n font-weight: 800;\n color: #fff;\n font-size: 1.1rem;\n }\n\n td:nth-child(2) {\n color: #b0b0b0;\n font-weight: 600;\n }\n\n .price-highlight {\n color: #10b981;\n font-weight: 800;\n font-size: 1.1rem;\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n }\n\n .price-highlight::before {\n content: '\u20ac';\n font-size: 0.85rem;\n opacity: 0.7;\n margin-right: -0.3rem;\n }\n\n .tier-badge {\n display: inline-block;\n padding: 0.3rem 0.8rem;\n background: rgba(0, 102, 255, 0.2);\n border: 1px solid rgba(0, 102, 255, 0.4);\n border-radius: 8px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-left: 0.5rem;\n }\n\n .tier-starter {\n background: rgba(0, 102, 255, 0.2);\n border-color: rgba(0, 102, 255, 0.4);\n color: #0066ff;\n }\n\n .tier-growth {\n background: rgba(16, 185, 129, 0.2);\n border-color: rgba(16, 185, 129, 0.4);\n color: #10b981;\n }\n\n .tier-elite {\n background: rgba(245, 158, 11, 0.2);\n border-color: rgba(245, 158, 11, 0.4);\n color: #f59e0b;\n }\n\n @media (max-width: 968px) {\n .commission-table {\n overflow-x: auto;\n }\n\n table {\n min-width: 700px;\n }\n\n th, td {\n padding: 1rem 0.8rem;\n font-size: 0.9rem;\n }\n }\n\n .bonus-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 4rem;\n }\n\n .bonus-card {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.85), rgba(15, 15, 15, 0.7));\n border: 2px solid rgba(16, 185, 129, 0.45);\n border-radius: 24px;\n padding: 2.5rem;\n backdrop-filter: blur(30px);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .bonus-card::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(16, 185, 129, 0.25), transparent);\n transition: left 0.6s ease;\n }\n\n .bonus-card:hover::before {\n left: 100%;\n }\n\n .bonus-card:hover {\n transform: translateY(-10px) scale(1.02);\n border-color: rgba(16, 185, 129, 0.8);\n box-shadow: 0 25px 60px rgba(16, 185, 129, 0.45);\n }\n\n .bonus-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #10b981, #34d399);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n box-shadow: 0 10px 30px rgba(16, 185, 129, 0.4);\n }\n\n .bonus-icon svg {\n width: 35px;\n height: 35px;\n stroke: white;\n stroke-width: 2;\n fill: none;\n }\n\n .bonus-title {\n font-size: 1.8rem;\n font-weight: 900;\n margin-bottom: 0.5rem;\n color: #10b981;\n }\n\n .bonus-amount {\n font-size: 1.2rem;\n color: #b0b0b0;\n margin-bottom: 1rem;\n }\n\n .bonus-commission {\n font-size: 2.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, #10b981, #34d399);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .rules-container {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.75));\n border: 2px solid rgba(220, 20, 60, 0.4);\n border-radius: 32px;\n padding: 4rem 3rem;\n backdrop-filter: blur(30px);\n margin-bottom: 4rem;\n position: relative;\n overflow: hidden;\n }\n\n .rules-container::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(220, 20, 60, 0.15), transparent 50%);\n animation: rotateRule 25s linear infinite;\n pointer-events: none;\n }\n\n @keyframes rotateRule {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .rules-header {\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n z-index: 2;\n }\n\n .rules-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.6rem 1.5rem;\n background: rgba(220, 20, 60, 0.2);\n border: 1.5px solid rgba(220, 20, 60, 0.5);\n border-radius: 50px;\n color: #dc143c;\n font-size: 0.8rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n }\n\n .rules-badge-icon {\n width: 16px;\n height: 16px;\n background: #dc143c;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rules-badge-icon svg {\n width: 10px;\n height: 10px;\n stroke: white;\n stroke-width: 3;\n }\n\n .rules-subtitle {\n font-size: 1.1rem;\n color: #b0b0b0;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .rules-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n position: relative;\n z-index: 2;\n }\n\n .rule-card {\n background: rgba(20, 20, 20, 0.6);\n border: 1px solid rgba(220, 20, 60, 0.25);\n border-radius: 20px;\n padding: 2rem;\n backdrop-filter: blur(20px);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rule-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #dc143c, #b01030);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n }\n\n .rule-card:hover::after {\n transform: scaleX(1);\n }\n\n .rule-card:hover {\n transform: translateY(-10px);\n border-color: rgba(220, 20, 60, 0.6);\n background: rgba(20, 20, 20, 0.8);\n box-shadow: 0 25px 60px rgba(220, 20, 60, 0.25);\n }\n\n .rule-header {\n display: flex;\n align-items: center;\n gap: 1.2rem;\n margin-bottom: 1.2rem;\n }\n\n .rule-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, rgba(220, 20, 60, 0.3), rgba(176, 16, 48, 0.3));\n border: 2px solid rgba(220, 20, 60, 0.5);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: 900;\n color: #dc143c;\n flex-shrink: 0;\n box-shadow: 0 8px 20px rgba(220, 20, 60, 0.3);\n }\n\n .rule-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #dc143c, #b01030);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 8px 25px rgba(220, 20, 60, 0.4);\n }\n\n .rule-icon svg {\n width: 24px;\n height: 24px;\n stroke: white;\n stroke-width: 2.5;\n fill: none;\n }\n\n .rule-content {\n flex: 1;\n }\n\n .rule-title {\n font-size: 1.25rem;\n font-weight: 800;\n margin-bottom: 0.6rem;\n color: #fff;\n line-height: 1.3;\n }\n\n .rule-description {\n font-size: 0.95rem;\n color: #b0b0b0;\n line-height: 1.6;\n }\n\n .rule-highlight {\n color: #dc143c;\n font-weight: 700;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-bottom: 3rem;\n }\n\n .benefit-card {\n background: rgba(15, 15, 15, 0.7);\n border: 1px solid rgba(16, 185, 129, 0.3);\n border-radius: 20px;\n padding: 2.5rem 2rem;\n backdrop-filter: blur(30px);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::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(16, 185, 129, 0.15), transparent);\n transition: left 0.6s ease;\n }\n\n .benefit-card:hover::before {\n left: 100%;\n }\n\n .benefit-card:hover {\n transform: translateY(-8px);\n border-color: rgba(16, 185, 129, 0.6);\n box-shadow: 0 20px 50px rgba(16, 185, 129, 0.3);\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #10b981, #34d399);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);\n }\n\n .benefit-icon svg {\n width: 28px;\n height: 28px;\n stroke: white;\n stroke-width: 2;\n }\n\n .benefit-title {\n font-size: 1.4rem;\n font-weight: 800;\n margin-bottom: 0.8rem;\n color: #fff;\n }\n\n .benefit-description {\n font-size: 1rem;\n color: #b0b0b0;\n line-height: 1.7;\n }\n\n .terms-link-container {\n text-align: center;\n margin-top: 3rem;\n }\n\n .terms-link {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n padding: 1.2rem 2.5rem;\n background: rgba(15, 15, 15, 0.8);\n border: 2px solid rgba(0, 102, 255, 0.4);\n border-radius: 16px;\n color: #0066ff;\n font-size: 1.05rem;\n font-weight: 700;\n text-decoration: none;\n backdrop-filter: blur(30px);\n transition: all 0.3s ease;\n }\n\n .terms-link svg {\n width: 20px;\n height: 20px;\n }\n\n .terms-link:hover {\n border-color: #0066ff;\n background: rgba(0, 102, 255, 0.15);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.3);\n }\n\n .cta-section {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.85), rgba(15, 15, 15, 0.7));\n border: 2px solid rgba(16, 185, 129, 0.6);\n border-radius: 32px;\n padding: 5rem 3rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n backdrop-filter: blur(30px);\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(16, 185, 129, 0.25), transparent 50%);\n animation: rotate 20s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .cta-section > * {\n position: relative;\n z-index: 2;\n }\n\n .cta-title {\n font-size: clamp(2rem, 6vw, 4rem);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -2px;\n }\n\n .cta-subtitle {\n font-size: clamp(1rem, 3vw, 1.3rem);\n color: #b0b0b0;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n }\n\n .cta-buttons {\n display: flex;\n gap: 1.5rem;\n justify-content: center;\n flex-wrap: wrap;\n align-items: center;\n }\n\n .cta-button {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n padding: 1.8rem 3.5rem;\n color: #fff;\n font-size: 1.1rem;\n font-weight: 900;\n text-decoration: none;\n border-radius: 16px;\n border: none;\n cursor: pointer;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button-whatsapp {\n background: linear-gradient(135deg, #25D366, #128C7E);\n box-shadow: \n 0 20px 50px rgba(37, 211, 102, 0.6),\n 0 0 40px rgba(37, 211, 102, 0.4);\n }\n\n .cta-button-email {\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n box-shadow: \n 0 20px 50px rgba(0, 102, 255, 0.6),\n 0 0 40px rgba(0, 102, 255, 0.4);\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n background: rgba(255, 255, 255, 0.25);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .cta-button:hover::before {\n width: 400px;\n height: 400px;\n }\n\n .cta-button:hover {\n transform: translateY(-6px) scale(1.05);\n }\n\n .cta-button-whatsapp:hover {\n box-shadow: \n 0 35px 80px rgba(37, 211, 102, 0.8),\n 0 0 70px rgba(37, 211, 102, 0.6);\n }\n\n .cta-button-email:hover {\n box-shadow: \n 0 35px 80px rgba(0, 102, 255, 0.8),\n 0 0 70px rgba(0, 102, 255, 0.6);\n }\n\n .button-icon {\n width: 24px;\n height: 24px;\n position: relative;\n z-index: 1;\n }\n\n .button-text {\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 4rem 5% 6rem;\n }\n\n .commission-container {\n padding: 2.5rem 1.5rem;\n }\n\n .commission-header {\n margin-bottom: 2rem;\n }\n\n .commission-subtitle {\n font-size: 1rem;\n }\n\n .commission-table {\n border-radius: 16px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n margin: 0 -0.5rem;\n }\n\n .commission-table::-webkit-scrollbar {\n height: 8px;\n }\n\n .commission-table::-webkit-scrollbar-track {\n background: rgba(0, 102, 255, 0.1);\n border-radius: 4px;\n }\n\n .commission-table::-webkit-scrollbar-thumb {\n background: rgba(0, 102, 255, 0.4);\n border-radius: 4px;\n }\n\n .commission-table::-webkit-scrollbar-thumb:hover {\n background: rgba(0, 102, 255, 0.6);\n }\n\n table {\n min-width: 650px;\n font-size: 0.85rem;\n }\n\n th {\n padding: 1rem 0.6rem;\n font-size: 0.75rem;\n letter-spacing: 0.5px;\n }\n\n td {\n padding: 1rem 0.6rem;\n font-size: 0.9rem;\n }\n\n td:first-child {\n font-size: 0.95rem;\n }\n\n .price-highlight {\n font-size: 0.95rem;\n }\n\n .tier-badge {\n display: block;\n margin-top: 0.3rem;\n margin-left: 0;\n font-size: 0.65rem;\n padding: 0.2rem 0.5rem;\n }\n\n .cta-section {\n padding: 3rem 2rem;\n }\n\n .cta-buttons {\n flex-direction: column;\n gap: 1rem;\n }\n\n .cta-button {\n padding: 1.5rem 2.5rem;\n font-size: 1rem;\n width: 100%;\n justify-content: center;\n }\n\n .live-viewers {\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .step-number {\n top: 15px;\n right: 15px;\n width: 35px;\n height: 35px;\n font-size: 1.1rem;\n }\n\n .step-card {\n padding: 2.5rem 1.5rem 2rem;\n }\n\n .how-it-works {\n grid-template-columns: 1fr;\n }\n\n .rules-container {\n padding: 2.5rem 1.5rem;\n }\n\n .rules-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .rule-card {\n padding: 1.5rem;\n }\n\n .rule-header {\n gap: 1rem;\n }\n\n .rule-icon {\n width: 45px;\n height: 45px;\n }\n\n .rule-icon svg {\n width: 22px;\n height: 22px;\n }\n\n .rule-title {\n font-size: 1.1rem;\n }\n\n .rule-description {\n font-size: 0.9rem;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .benefit-card {\n padding: 2rem 1.5rem;\n }\n\n .terms-link {\n padding: 1rem 2rem;\n font-size: 0.95rem;\n }\n\n .bonus-cards {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n }\n\n :root {\n --color-1: #0066ff;\n --color-2: #00a8ff;\n --color-3: #00e0ff;\n --color-4: #c0c0c0;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n }\n\n footer {\n position: relative;\n z-index: 10;\n background: rgba(10, 10, 10, 0.95);\n border-top: 1px solid rgba(0, 102, 255, 0.2);\n backdrop-filter: blur(30px);\n margin-top: 6rem;\n overflow: hidden;\n margin-bottom: 0;\n padding-bottom: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n color: #fff;\n }\n\n footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, #0066ff, #00a8ff, transparent);\n animation: borderSlide 3s ease-in-out infinite;\n }\n\n @keyframes borderSlide {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 5rem 7% 3rem;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;\n gap: 4rem;\n margin-bottom: 4rem;\n }\n\n .footer-brand {\n animation: fadeInUp 0.8s ease;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n margin-bottom: 1.5rem;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .logo:hover {\n transform: translateY(-3px);\n }\n\n .logo:hover .logo-icon {\n transform: scale(1.05) rotate(5deg);\n }\n\n .logo:hover .logo-icon::before {\n transform: scale(1.1);\n opacity: 1;\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n flex-shrink: 0;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .logo-icon::before {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 16px;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n filter: blur(12px);\n transition: all 0.4s ease;\n z-index: -1;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 168, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n transition: filter 0.3s ease;\n }\n\n .logo:hover .logo-icon::after {\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #ffffff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.3s ease;\n }\n\n .logo:hover .logo-main {\n background: linear-gradient(135deg, #ffffff 0%, #00a8ff 100%);\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n transition: color 0.3s ease;\n }\n\n .logo:hover .logo-tagline {\n color: rgba(255, 255, 255, 0.8);\n }\n\n .footer-description {\n color: #b0b0b0;\n line-height: 1.7;\n font-size: 0.95rem;\n margin-bottom: 2rem;\n max-width: 350px;\n transition: color 0.3s ease;\n }\n\n .footer-description:hover {\n color: rgba(255, 255, 255, 0.75);\n }\n\n .social-links {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .social-link {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n color: #fff;\n font-size: 1.2rem;\n position: relative;\n overflow: hidden;\n }\n\n .social-link::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .social-link svg {\n position: relative;\n z-index: 1;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .social-link:hover {\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 35px rgba(0, 102, 255, 0.5);\n }\n\n .social-link:hover::before {\n opacity: 1;\n }\n\n .social-link:hover svg {\n transform: scale(1.1) rotate(5deg);\n }\n\n .social-link:active {\n transform: translateY(-2px) scale(0.98);\n }\n\n .footer-column {\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n }\n\n .footer-column:nth-child(2) { animation-delay: 0.1s; }\n .footer-column:nth-child(3) { animation-delay: 0.2s; }\n .footer-column:nth-child(4) { animation-delay: 0.3s; }\n .footer-column:nth-child(5) { animation-delay: 0.4s; }\n\n .footer-column h3 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: #fff;\n letter-spacing: -0.5px;\n position: relative;\n display: inline-block;\n transition: color 0.3s ease;\n }\n\n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-column:hover h3::after {\n width: 100%;\n }\n\n .footer-column:hover h3 {\n color: #00a8ff;\n }\n\n .footer-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .footer-links li {\n position: relative;\n }\n\n .footer-links li a {\n color: #b0b0b0;\n text-decoration: none;\n font-size: 0.95rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-block;\n position: relative;\n padding-left: 0;\n }\n\n .footer-links li a::before {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-links li a::after {\n content: '\u2192';\n position: absolute;\n left: -20px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #0066ff;\n }\n\n .footer-links li a:hover {\n color: #fff;\n padding-left: 20px;\n transform: translateX(0);\n }\n\n .footer-links li a:hover::before {\n width: 100%;\n }\n\n .footer-links li a:hover::after {\n opacity: 1;\n left: 0;\n }\n\n .newsletter-section {\n display: none;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n padding: 2rem 7%;\n text-align: center;\n position: relative;\n margin: 0;\n background: rgba(10, 10, 10, 1);\n }\n\n .footer-bottom::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, #0066ff, transparent);\n transition: width 0.6s ease;\n }\n\n .footer-bottom:hover::before {\n width: 100%;\n }\n\n .copyright {\n color: #b0b0b0;\n font-size: 0.9rem;\n transition: color 0.3s ease;\n cursor: default;\n margin: 0;\n padding: 0;\n }\n\n .copyright:hover {\n color: rgba(255, 255, 255, 0.7);\n }\n\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 .footer-brand::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(0, 102, 255, 0.15), transparent 50%);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n\n .footer-brand:hover::before {\n opacity: 1;\n }\n\n @media (max-width: 1200px) {\n .footer-grid {\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (max-width: 968px) {\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 768px) {\n footer {\n margin-top: 4rem;\n }\n\n .footer-content {\n padding: 3rem 5% 2rem;\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem 2rem;\n margin-bottom: 2.5rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n text-align: left;\n }\n\n .logo {\n justify-content: flex-start;\n margin-bottom: 1.2rem;\n font-size: 1.6rem;\n }\n\n .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n\n .logo-main {\n font-size: 1.6rem;\n }\n\n .logo-tagline {\n font-size: 0.58rem;\n letter-spacing: 2px;\n }\n\n .footer-description {\n display: none;\n }\n\n .social-links {\n justify-content: flex-start;\n gap: 0.8rem;\n margin-bottom: 0;\n }\n\n .social-link {\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .footer-column {\n text-align: left;\n }\n\n .footer-column h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n }\n\n .footer-column h3::after {\n left: 0;\n transform: none;\n }\n\n .footer-links {\n align-items: flex-start;\n gap: 0.7rem;\n }\n\n .footer-links li a {\n font-size: 0.9rem;\n padding: 0.3rem 0;\n display: inline-block;\n }\n\n .footer-links li a::after {\n display: none;\n }\n\n .footer-links li a:hover {\n padding-left: 0;\n transform: translateX(0);\n }\n\n .newsletter-section {\n display: block;\n grid-column: 1 \/ -1;\n margin-top: 1.5rem;\n }\n\n .newsletter-section h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n color: #fff;\n }\n\n .newsletter-section p {\n font-size: 0.85rem;\n color: #b0b0b0;\n margin-bottom: 0.8rem;\n line-height: 1.5;\n }\n\n .newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .newsletter-input {\n width: 100%;\n padding: 0.9rem 1rem;\n border-radius: 10px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n background: rgba(15, 15, 15, 0.6);\n color: #fff;\n font-size: 0.95rem;\n outline: none;\n transition: all 0.3s ease;\n }\n\n .newsletter-input::placeholder {\n color: rgba(255, 255, 255, 0.4);\n }\n\n .newsletter-input:focus {\n border-color: #0066ff;\n background: rgba(15, 15, 15, 0.8);\n }\n\n .newsletter-button {\n width: 100%;\n padding: 0.9rem;\n border-radius: 10px;\n border: none;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .newsletter-button:active {\n transform: scale(0.98);\n box-shadow: 0 5px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-bottom {\n text-align: center;\n padding: 1.5rem 5%;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .copyright {\n font-size: 0.85rem;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 480px) {\n .footer-grid {\n gap: 2rem 1.5rem;\n }\n\n .footer-column h3 {\n font-size: 1rem;\n }\n\n .footer-links li a {\n font-size: 0.85rem;\n }\n\n .social-link {\n width: 40px;\n height: 40px;\n }\n\n .newsletter-section h3 {\n font-size: 1rem;\n }\n\n .newsletter-input,\n .newsletter-button {\n font-size: 0.9rem;\n padding: 0.85rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n @media (hover: none) and (pointer: coarse) {\n .social-link:hover {\n transform: none;\n }\n\n .social-link:active {\n transform: scale(0.95);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-links li a:hover {\n transform: none;\n }\n\n .footer-links li a:active {\n color: #fff;\n }\n\n .logo:hover {\n transform: none;\n }\n\n .logo:active .logo-icon {\n transform: scale(0.95);\n }\n }\n \n \/* Show mobile menu on small desktop screens and when zoomed in *\/\n@media (max-width: 1350px) {\n .gooey-nav-container,\n .header-buttons {\n display: none !important;\n }\n \n .mobile-menu-btn {\n display: flex !important;\n }\n}\n\n \n <\/style>\n<\/head>\n<body>\n <section id=\"page1\">\n <header id=\"header\">\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\" style=\"text-decoration: none;\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/a>\n \n <div class=\"gooey-nav-container\" id=\"gooeyNav\">\n <nav>\n <ul>\n <li class=\"active\"><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a><\/li>\n <\/ul>\n <\/nav>\n <span class=\"effect filter\"><\/span>\n <span class=\"effect text\"><\/span>\n <\/div>\n\n <div class=\"header-buttons\">\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"btn btn-trial\"><span>\ud83c\udf81 Free Trial<\/span><\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"btn btn-subscribe\"><span>Subscribe Now<\/span><\/a>\n <\/div>\n\n <div class=\"mobile-menu-btn\" id=\"menuBtn\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/header>\n\n <div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-header\">\n <div class=\"mobile-menu-logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/div>\n <nav>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a>\n <\/nav>\n <\/div>\n\n <script>\n \/\/ Gooey Navigation\n class GooeyNav {\n constructor(container, options = {}) {\n this.container = container;\n this.nav = container.querySelector('nav ul');\n this.filterEffect = container.querySelector('.effect.filter');\n this.textEffect = container.querySelector('.effect.text');\n this.items = Array.from(this.nav.querySelectorAll('li'));\n \n this.options = {\n animationTime: options.animationTime || 600,\n particleCount: options.particleCount || 15,\n particleDistances: options.particleDistances || [90, 10],\n particleR: options.particleR || 100,\n timeVariance: options.timeVariance || 300,\n colors: options.colors || [1, 2, 3, 1, 2, 3, 1, 4],\n initialActiveIndex: options.initialActiveIndex || 0\n };\n \n this.activeIndex = this.options.initialActiveIndex;\n this.init();\n }\n \n init() {\n this.items.forEach((item, index) => {\n item.addEventListener('click', (e) => this.handleClick(e, index));\n });\n \n const activeItem = this.items[this.activeIndex];\n if (activeItem) {\n this.updateEffectPosition(activeItem);\n this.textEffect.classList.add('active');\n }\n \n window.addEventListener('resize', () => {\n const currentActive = this.items[this.activeIndex];\n if (currentActive) {\n this.updateEffectPosition(currentActive);\n }\n });\n }\n \n noise(n = 1) {\n return n \/ 2 - Math.random() * n;\n }\n \n getXY(distance, pointIndex, totalPoints) {\n const angle = ((360 + this.noise(8)) \/ totalPoints) * pointIndex * (Math.PI \/ 180);\n return [distance * Math.cos(angle), distance * Math.sin(angle)];\n }\n \n createParticle(i, t, d, r) {\n let rotate = this.noise(r \/ 10);\n return {\n start: this.getXY(d[0], this.options.particleCount - i, this.options.particleCount),\n end: this.getXY(d[1] + this.noise(7), this.options.particleCount - i, this.options.particleCount),\n time: t,\n scale: 1 + this.noise(0.2),\n color: this.options.colors[Math.floor(Math.random() * this.options.colors.length)],\n rotate: rotate > 0 ? (rotate + r \/ 20) * 10 : (rotate - r \/ 20) * 10\n };\n }\n \n makeParticles(element) {\n const d = this.options.particleDistances;\n const r = this.options.particleR;\n const bubbleTime = this.options.animationTime * 2 + this.options.timeVariance;\n element.style.setProperty('--time', `${bubbleTime}ms`);\n \n for (let i = 0; i < this.options.particleCount; i++) {\n const t = this.options.animationTime * 2 + this.noise(this.options.timeVariance * 2);\n const p = this.createParticle(i, t, d, r);\n element.classList.remove('active');\n \n setTimeout(() => {\n const particle = document.createElement('span');\n const point = document.createElement('span');\n particle.classList.add('particle');\n particle.style.setProperty('--start-x', `${p.start[0]}px`);\n particle.style.setProperty('--start-y', `${p.start[1]}px`);\n particle.style.setProperty('--end-x', `${p.end[0]}px`);\n particle.style.setProperty('--end-y', `${p.end[1]}px`);\n particle.style.setProperty('--time', `${p.time}ms`);\n particle.style.setProperty('--scale', `${p.scale}`);\n particle.style.setProperty('--color', `var(--color-${p.color}, white)`);\n particle.style.setProperty('--rotate', `${p.rotate}deg`);\n \n point.classList.add('point');\n particle.appendChild(point);\n element.appendChild(particle);\n \n requestAnimationFrame(() => {\n element.classList.add('active');\n });\n \n setTimeout(() => {\n try {\n element.removeChild(particle);\n } catch {}\n }, t);\n }, 30);\n }\n }\n \n updateEffectPosition(element) {\n const containerRect = this.container.getBoundingClientRect();\n const pos = element.getBoundingClientRect();\n \n const styles = {\n left: `${pos.x - containerRect.x}px`,\n top: `${pos.y - containerRect.y}px`,\n width: `${pos.width}px`,\n height: `${pos.height}px`\n };\n \n Object.assign(this.filterEffect.style, styles);\n Object.assign(this.textEffect.style, styles);\n this.textEffect.innerText = element.innerText;\n }\n \n handleClick(e, index) {\n const liEl = e.currentTarget;\n const link = liEl.querySelector('a');\n \n if (this.activeIndex === index) {\n if (link) {\n window.location.href = link.getAttribute('href');\n }\n return;\n }\n \n this.items[this.activeIndex].classList.remove('active');\n this.items[index].classList.add('active');\n this.activeIndex = index;\n \n this.updateEffectPosition(liEl);\n \n const particles = this.filterEffect.querySelectorAll('.particle');\n particles.forEach(p => this.filterEffect.removeChild(p));\n \n this.textEffect.classList.remove('active');\n void this.textEffect.offsetWidth;\n this.textEffect.classList.add('active');\n \n this.makeParticles(this.filterEffect);\n \n setTimeout(() => {\n if (link) {\n window.location.href = link.getAttribute('href');\n }\n }, 300);\n }\n }\n \n const gooeyNavContainer = document.getElementById('gooeyNav');\n if (gooeyNavContainer) {\n new GooeyNav(gooeyNavContainer, {\n particleCount: 15,\n particleDistances: [90, 10],\n particleR: 100,\n initialActiveIndex: 0,\n animationTime: 600,\n timeVariance: 300,\n colors: [1, 2, 3, 1, 2, 3, 1, 4]\n });\n }\n\n \/\/ Mobile menu\n const menuBtn = document.getElementById('menuBtn');\n const mobileMenu = document.getElementById('mobileMenu');\n const menuOverlay = document.getElementById('menuOverlay');\n\n menuBtn.onclick = function() {\n menuBtn.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n menuOverlay.classList.toggle('active');\n document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\n };\n\n menuOverlay.onclick = function() {\n menuBtn.classList.remove('active');\n mobileMenu.classList.remove('active');\n menuOverlay.classList.remove('active');\n document.body.style.overflow = '';\n };\n\n \/\/ Scroll effect\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n <\/script>\n <\/section>\n \n <section id=\"page2\">\n <div class=\"bg-gradient\"><\/div>\n <div class=\"mesh-gradient\"><\/div>\n <div class=\"grid-overlay\"><\/div>\n\n <div class=\"container\">\n \n <div class=\"hero-section\">\n <div class=\"hero-badge\">\n <div class=\"badge-icon\">$<\/div>\n <span>Earn While You Share<\/span>\n <\/div>\n <div class=\"live-viewers\">\n <div class=\"live-dot\"><\/div>\n <span class=\"live-count\"><span id=\"viewerCount\">1847<\/span> people<\/span>\n <span class=\"live-label\">watching right now<\/span>\n <\/div>\n <h1 class=\"hero-title\">\n Affiliate Program<br>\n <span class=\"gradient-text\">Earn Up to 40%<\/span>\n <\/h1>\n <p class=\"hero-subtitle\">\n Join our affiliate program and earn generous commissions by sharing StreamEZ with your audience. Get paid for every sale with no limits on your earnings!\n <\/p>\n <\/div>\n\n \n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">40%+<\/div>\n <div class=\"stat-label\">Commission Potential<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">\u20ac50<\/div>\n <div class=\"stat-label\">Min Payout<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">30<\/div>\n <div class=\"stat-label\">Days Hold Period<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">4<\/div>\n <div class=\"stat-label\">Payment Methods<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">How It Works<\/h2>\n <div class=\"how-it-works\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"step-title\">Get Your Unique Code<\/h3>\n <p class=\"step-description\">Sign up and receive your personalized promo code instantly. It’s unique to you and easy to share.<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"step-title\">Share With Your Audience<\/h3>\n <p class=\"step-description\">Share your promo code with friends, family, or your audience. They get a great deal, you earn commission!<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"step-title\">Track Your Sales<\/h3>\n <p class=\"step-description\">We track every order made with your code. You’ll always know exactly how much you’re earning.<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"step-title\">Get Paid Monthly<\/h3>\n <p class=\"step-description\">Receive your commission 30 days after each sale via Wire, Wise, PayPal, or crypto. Simple and secure!<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">Commission Structure<\/h2>\n <div class=\"commission-container\">\n <div class=\"commission-header\">\n <div class=\"commission-badge\">\n <div class=\"commission-badge-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n <\/svg>\n <\/div>\n <span>Earnings Breakdown<\/span>\n <\/div>\n <p class=\"commission-subtitle\">Scale your earnings based on sales volume. Higher tiers unlock bigger commission percentages<\/p>\n <\/div>\n <div class=\"commission-table\">\n <table>\n <thead>\n <tr>\n <th>Subscription Plan<\/th>\n <th>Price<\/th>\n <th>Starter 15%<\/th>\n <th>Growth 20%<\/th>\n <th>Pro 25\u201330%<\/th>\n <th>Elite 30\u201340%<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>1 Month<\/td>\n <td>\u20ac9.99<\/td>\n <td><span class=\"price-highlight\">1.50<\/span><\/td>\n <td><span class=\"price-highlight\">2.00<\/span><\/td>\n <td><span class=\"price-highlight\">2.50\u20133.00<\/span><\/td>\n <td><span class=\"price-highlight\">3.00\u20134.00<\/span><\/td>\n <\/tr>\n <tr>\n <td>3 Months<\/td>\n <td>\u20ac25.99<\/td>\n <td><span class=\"price-highlight\">3.90<\/span><\/td>\n <td><span class=\"price-highlight\">5.20<\/span><\/td>\n <td><span class=\"price-highlight\">6.50\u20137.80<\/span><\/td>\n <td><span class=\"price-highlight\">7.80\u201310.40<\/span><\/td>\n <\/tr>\n <tr>\n <td>6 Months<\/td>\n <td>\u20ac35.99<\/td>\n <td><span class=\"price-highlight\">5.40<\/span><\/td>\n <td><span class=\"price-highlight\">7.20<\/span><\/td>\n <td><span class=\"price-highlight\">9.00\u201310.80<\/span><\/td>\n <td><span class=\"price-highlight\">10.80\u201314.40<\/span><\/td>\n <\/tr>\n <tr>\n <td>12 Months <span class=\"tier-badge tier-elite\">Best Value<\/span><\/td>\n <td>\u20ac49.99<\/td>\n <td><span class=\"price-highlight\">7.50<\/span><\/td>\n <td><span class=\"price-highlight\">10.00<\/span><\/td>\n <td><span class=\"price-highlight\">12.50\u201315.00<\/span><\/td>\n <td><span class=\"price-highlight\">15.00\u201320.00<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">Volume Bonuses<\/h2>\n <div class=\"bonus-cards\">\n <div class=\"bonus-card\">\n <div class=\"bonus-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"6\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"bonus-title\">Starter Tier<\/h3>\n <p class=\"bonus-amount\">\u20ac0\u2013\u20ac499\/month<\/p>\n <div class=\"bonus-commission\">15\u201320%<\/div>\n <\/div>\n <div class=\"bonus-card\">\n <div class=\"bonus-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"bonus-title\">Growth Tier<\/h3>\n <p class=\"bonus-amount\">\u20ac500\u2013\u20ac999\/month<\/p>\n <div class=\"bonus-commission\">25\u201330%<\/div>\n <\/div>\n <div class=\"bonus-card\">\n <div class=\"bonus-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"bonus-title\">Elite Tier<\/h3>\n <p class=\"bonus-amount\">\u20ac1,000+\/month<\/p>\n <div class=\"bonus-commission\">30\u201340%<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">Program Rules<\/h2>\n <div class=\"rules-container\">\n <div class=\"rules-header\">\n <div class=\"rules-badge\">\n <div class=\"rules-badge-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <\/div>\n <span>Important Guidelines<\/span>\n <\/div>\n <p class=\"rules-subtitle\">Please read these rules carefully to ensure smooth participation in our affiliate program<\/p>\n <\/div>\n <div class=\"rules-grid\">\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">First Purchase Only<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">Commission is earned <span class=\"rule-highlight\">only on the first purchase<\/span> per customer. Subscription renewals do not generate additional commissions.<\/p>\n <\/div>\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">No Self-Referrals<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">You <span class=\"rule-highlight\">cannot use your own code<\/span> to purchase services. Self-referrals are strictly prohibited and will result in commission forfeiture.<\/p>\n <\/div>\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">30-Day Hold Period<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">Commissions are held for <span class=\"rule-highlight\">30 days after sale<\/span> to account for potential refunds or cancellations before becoming eligible for payout.<\/p>\n <\/div>\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">\u20ac50 Minimum Payout<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">You must accumulate at least <span class=\"rule-highlight\">\u20ac50 in commissions<\/span> before you can request a withdrawal. Earnings below this threshold will roll over.<\/p>\n <\/div>\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">Multiple Payment Options<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">Choose from <span class=\"rule-highlight\">Wire, Wise, PayPal, or Crypto<\/span> for receiving your commissions. Select your preferred method during account setup.<\/p>\n <\/div>\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">Fair Use Policy<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">All promotions must be <span class=\"rule-highlight\">honest and ethical<\/span>. Spam, misleading claims, or fraudulent activities will result in immediate termination.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">What You’ll Receive<\/h2>\n <div class=\"benefits-grid\">\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">15\u201340% Commission<\/h3>\n <p class=\"benefit-description\">Earn industry-leading commissions on every sale. The more you sell, the higher your percentage grows.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/>\n <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">Unique Tracking Code<\/h3>\n <p class=\"benefit-description\">Get your personalized tracking code to monitor every referral and sale in real-time.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">\u20ac50 Minimum Payout<\/h3>\n <p class=\"benefit-description\">Low threshold to start receiving payments. Once you hit \u20ac50, you’re ready to cash out.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">Monthly Payouts<\/h3>\n <p class=\"benefit-description\">Reliable monthly payments after a 30-day hold period. Choose from Wire, Wise, PayPal, or crypto.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">Real-Time Analytics<\/h3>\n <p class=\"benefit-description\">Access detailed reports and track your earnings, conversions, and performance metrics.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/>\n <path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">Dedicated Support<\/h3>\n <p class=\"benefit-description\">Get help whenever you need it. Our team is here to ensure your success as an affiliate partner.<\/p>\n <\/div>\n <\/div>\n <div class=\"terms-link-container\">\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/terms-of-service\/\" target=\"_blank\" class=\"terms-link\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n <polyline points=\"14 2 14 8 20 8\"\/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n <polyline points=\"10 9 9 9 8 9\"\/>\n <\/svg>\n <span>View Full Terms & Conditions<\/span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width: 16px; height: 16px;\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n <polyline points=\"12 5 19 12 12 19\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-section\">\n <h2 class=\"cta-title\">Ready to Start Earning?<\/h2>\n <p class=\"cta-subtitle\">\n Join hundreds of affiliates already earning passive income. Sign up now and get your unique promo code instantly. No hidden fees, no complicated rules\u2014just simple, straightforward commissions.\n <\/p>\n <div class=\"cta-buttons\">\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\" class=\"cta-button cta-button-whatsapp\">\n <svg class=\"button-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\n <\/svg>\n <span class=\"button-text\">Join via WhatsApp<\/span>\n <\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\" target=\"_blank\" class=\"cta-button cta-button-email\">\n <svg class=\"button-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\n <polyline points=\"22,6 12,13 2,6\"\/>\n <\/svg>\n <span class=\"button-text\">Join via Email<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Realistic viewer count with gradual changes\n function updateViewerCount() {\n const viewerElement = document.getElementById('viewerCount');\n const currentCount = parseInt(viewerElement.textContent.replace(\/,\/g, ''));\n \n \/\/ Small random change (+\/- 5-50 viewers) for realistic fluctuation\n const changeAmount = Math.floor(Math.random() * 46) + 5; \/\/ 5 to 50\n const isIncrease = Math.random() > 0.45; \/\/ 55% chance to increase\n \n let newCount = isIncrease ? currentCount + changeAmount : currentCount - changeAmount;\n \n \/\/ Keep within realistic bounds (1200 - 4000)\n newCount = Math.max(1200, Math.min(4000, newCount));\n \n \/\/ Smooth animation\n const duration = 800;\n const steps = 20;\n const stepDuration = duration \/ steps;\n const increment = (newCount - currentCount) \/ steps;\n \n let currentStep = 0;\n const timer = setInterval(() => {\n currentStep++;\n const displayCount = Math.floor(currentCount + (increment * currentStep));\n viewerElement.textContent = displayCount.toLocaleString();\n \n if (currentStep >= steps) {\n clearInterval(timer);\n viewerElement.textContent = newCount.toLocaleString();\n }\n }, stepDuration);\n }\n \n \/\/ Set initial random count on page load\n document.addEventListener('DOMContentLoaded', () => {\n const viewerElement = document.getElementById('viewerCount');\n const initialCount = Math.floor(Math.random() * (2800 - 1800 + 1)) + 1800; \/\/ 1800-2800\n viewerElement.textContent = initialCount.toLocaleString();\n \n \/\/ Start updating after 5 seconds\n setTimeout(() => {\n setInterval(updateViewerCount, 12000); \/\/ Update every 12 seconds\n }, 5000);\n });\n <\/script>\n <\/section>\n \n <section id=\"page3\">\n <footer>\n <div class=\"footer-content\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <p class=\"footer-description\">\n Stream 30,000+ live channels and 105,000+ movies & series in stunning 4K quality. Your ultimate entertainment destination on any device, anytime, anywhere.\n <\/p>\n <div class=\"social-links\">\n <a href=\"https:\/\/x.com\/iptv_kaufen\" class=\"social-link\" aria-label=\"X (Twitter)\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.pinterest.com\/KoopIPTV\/\" class=\"social-link\" aria-label=\"Pinterest\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"social-link\" aria-label=\"WhatsApp\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/t.me\/IPTVSubscription\" class=\"social-link\" aria-label=\"Telegram\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Quick Links<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/about\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Services<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/Channels-list\/\">Channels List<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">IPTV Guide<\/a><\/li>\n <li><a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\">Free Trial<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Partnership<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/\">Reseller Program<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/\">Affiliate Program<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Legal<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/terms-of-service\/\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"newsletter-section\">\n <h3>Subscribe<\/h3>\n <p>Get updates and exclusive offers delivered to your inbox!<\/p>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #0066ff, #c0c0c0); color: #fff; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">Subscribe<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p class=\"copyright\">\u00a9 2025 StreamEZ. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Smooth scroll for footer links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Track mouse position for interactive effects\n const footerBrand = document.querySelector('.footer-brand');\n if (footerBrand) {\n footerBrand.addEventListener('mousemove', (e) => {\n const rect = footerBrand.getBoundingClientRect();\n const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n footerBrand.style.setProperty('--x', `${x}%`);\n footerBrand.style.setProperty('--y', `${y}%`);\n });\n }\n\n \/\/ Add stagger animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.footer-column').forEach(column => {\n column.style.animationPlayState = 'paused';\n observer.observe(column);\n });\n <\/script>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>StreamEZ – Affiliate Program StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support $ Earn While You Share 1847 people watching right now Affiliate Program Earn Up to 40% Join our affiliate program and earn generous commissions by sharing StreamEZ with […]<\/p>\n","protected":false},"author":1,"featured_media":403,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-60","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>IPTV Affiliate Program | StreamEZ \u2013 Earn Commissions<\/title>\n<meta name=\"description\" content=\"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Affiliate Program\" \/>\n<meta property=\"og:description\" content=\"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/\" \/>\n<meta property=\"og:site_name\" content=\"StreamEZ\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-25T18:15:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-affiliate-program-streamez-earn-commission.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/\",\"name\":\"IPTV Affiliate Program | StreamEZ \u2013 Earn Commissions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-affiliate-program-streamez-earn-commission.webp\",\"datePublished\":\"2025-10-26T15:33:31+00:00\",\"dateModified\":\"2025-11-25T18:15:05+00:00\",\"description\":\"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-affiliate-program-streamez-earn-commission.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-affiliate-program-streamez-earn-commission.webp\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Affiliate Program\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\",\"name\":\"StreamEZ\",\"description\":\"StreamEZ Website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"IPTV Affiliate Program | StreamEZ \u2013 Earn Commissions","description":"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/","og_locale":"en_US","og_type":"article","og_title":"Affiliate Program","og_description":"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.","og_url":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/","og_site_name":"StreamEZ","article_modified_time":"2025-11-25T18:15:05+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-affiliate-program-streamez-earn-commission.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/","url":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/","name":"IPTV Affiliate Program | StreamEZ \u2013 Earn Commissions","isPartOf":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-affiliate-program-streamez-earn-commission.webp","datePublished":"2025-10-26T15:33:31+00:00","dateModified":"2025-11-25T18:15:05+00:00","description":"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.","breadcrumb":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/#primaryimage","url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-affiliate-program-streamez-earn-commission.webp","contentUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-affiliate-program-streamez-earn-commission.webp","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-subscribe.com\/en\/"},{"@type":"ListItem","position":2,"name":"Affiliate Program"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-subscribe.com\/en\/#website","url":"https:\/\/buyiptv-subscribe.com\/en\/","name":"StreamEZ","description":"StreamEZ Website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-subscribe.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media\/403"}],"wp:attachment":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":60,"date":"2025-10-26T15:33:31","date_gmt":"2025-10-26T15:33:31","guid":{"rendered":"https:\/\/buyiptv-subscribe.com\/en\/?page_id=60"},"modified":"2025-11-25T18:15:05","modified_gmt":"2025-11-25T18:15:05","slug":"affiliate-program","status":"publish","type":"page","link":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/","title":{"rendered":"Affiliate Program"},"content":{"rendered":"\n\n\n\n \n \n StreamEZ – Affiliate Program<\/title>\n <style>\n :root {\n --linear-ease: linear(\n 0, 0.068, 0.19 2.7%, 0.804 8.1%, 1.037, 1.199 13.2%, 1.245,\n 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, 0.996 28%, 0.949,\n 0.928 33.3%, 0.926, 0.933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%,\n 1.018 54.4%, 1 63.1%, 0.995 68%, 1.001 85%, 1\n );\n --color-1: #0066ff;\n --color-2: #00a8ff;\n --color-3: #00e0ff;\n --color-4: #c0c0c0;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #ffffff;\n overflow-x: hidden;\n min-height: 0;\n margin: 0;\n padding: 0;\n }\n\n header {\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n padding: 1.2rem 7%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n border-bottom: 1px solid rgba(0, 102, 255, 0.15);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n header.scrolled {\n padding: 0.9rem 7%;\n background: #0a0a0a;\n box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n transition: transform 0.3s ease;\n cursor: pointer;\n }\n\n .logo:hover {\n transform: translateY(-2px);\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 168, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #ffffff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .gooey-nav-container {\n position: relative;\n display: flex;\n align-items: center;\n }\n\n .gooey-nav-container nav {\n display: flex;\n position: relative;\n transform: translate3d(0, 0, 0.01px);\n }\n\n .gooey-nav-container nav ul {\n display: flex;\n gap: 2em;\n list-style: none;\n padding: 0 1em;\n margin: 0;\n position: relative;\n z-index: 3;\n color: white;\n text-shadow: 0 1px 1px hsl(205deg 30% 10% \/ 0.2);\n }\n\n .gooey-nav-container nav ul li {\n border-radius: 100vw;\n position: relative;\n cursor: pointer;\n transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 0 0.5px 1.5px transparent;\n color: white;\n }\n\n .gooey-nav-container nav ul li a {\n display: inline-block;\n padding: 0.6em 1em;\n color: inherit;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container nav ul li:focus-within:has(:focus-visible) {\n box-shadow: 0 0 0.5px 1.5px white;\n }\n\n .gooey-nav-container nav ul li::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 100vw;\n background: white;\n opacity: 0;\n transform: scale(0);\n transition: all 0.3s ease;\n z-index: -1;\n }\n\n .gooey-nav-container nav ul li.active {\n color: black;\n text-shadow: none;\n }\n\n .gooey-nav-container nav ul li.active::after {\n opacity: 1;\n transform: scale(1);\n }\n\n .gooey-nav-container .effect {\n position: absolute;\n left: 0;\n top: 0;\n width: 0;\n height: 0;\n opacity: 1;\n pointer-events: none;\n display: grid;\n place-items: center;\n z-index: 1;\n }\n\n .gooey-nav-container .effect.text {\n color: white;\n transition: color 0.3s ease;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container .effect.text.active {\n color: black;\n }\n\n .gooey-nav-container .effect.filter {\n filter: blur(7px) contrast(100) blur(0);\n mix-blend-mode: lighten;\n }\n\n .gooey-nav-container .effect.filter::before {\n content: '';\n position: absolute;\n inset: -75px;\n z-index: -2;\n background: transparent;\n pointer-events: none;\n }\n\n .gooey-nav-container .effect.filter::after {\n content: '';\n position: absolute;\n inset: 0;\n background: white;\n transform: scale(0);\n opacity: 0;\n z-index: -1;\n border-radius: 100vw;\n }\n\n .gooey-nav-container .effect.active::after {\n animation: pill 0.3s ease both;\n }\n\n @keyframes pill {\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .particle,\n .point {\n display: block;\n opacity: 0;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n transform-origin: center;\n }\n\n .particle {\n --time: 5s;\n position: absolute;\n top: calc(50% - 8px);\n left: calc(50% - 8px);\n animation: particle calc(var(--time)) ease 1 -350ms;\n }\n\n .point {\n background: var(--color);\n opacity: 1;\n animation: point calc(var(--time)) ease 1 -350ms;\n }\n\n @keyframes particle {\n 0% {\n transform: rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));\n opacity: 1;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 70% {\n transform: rotate(calc(var(--rotate) * 0.5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: rotate(calc(var(--rotate) * 0.66)) translate(calc(var(--end-x)), calc(var(--end-y)));\n opacity: 1;\n }\n 100% {\n transform: rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * 0.5), calc(var(--end-y) * 0.5));\n opacity: 1;\n }\n }\n\n @keyframes point {\n 0% {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 25% {\n transform: scale(calc(var(--scale) * 0.25));\n }\n 38% {\n opacity: 1;\n }\n 65% {\n transform: scale(var(--scale));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: scale(var(--scale));\n opacity: 1;\n }\n 100% {\n transform: scale(0);\n opacity: 0;\n }\n }\n\n .header-buttons {\n display: flex;\n gap: 1.2rem;\n align-items: center;\n }\n\n .btn {\n padding: 1rem 2.5rem;\n border-radius: 14px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n position: relative;\n overflow: hidden;\n }\n\n .btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.1);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .btn:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .btn span {\n position: relative;\n z-index: 1;\n }\n\n .btn-trial {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n border: 2px solid rgba(255, 255, 255, 0.25);\n backdrop-filter: blur(10px);\n }\n\n .btn-trial:hover {\n background: rgba(255, 255, 255, 0.16);\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.4);\n }\n\n .btn-subscribe {\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n color: #fff;\n box-shadow: 0 10px 35px rgba(0, 102, 255, 0.6);\n border: 2px solid transparent;\n position: relative;\n }\n\n .btn-subscribe:hover {\n transform: translateY(-3px);\n box-shadow: \n 0 15px 45px rgba(0, 102, 255, 0.7),\n 0 0 30px rgba(0, 168, 255, 0.5);\n }\n\n .mobile-menu-btn {\n display: none;\n flex-direction: column;\n gap: 6px;\n cursor: pointer;\n padding: 12px;\n z-index: 200;\n background: rgba(255, 255, 255, 0.12);\n border-radius: 10px;\n border: 2px solid rgba(255, 255, 255, 0.2);\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn span {\n width: 28px;\n height: 3px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn.active span:nth-child(1) {\n transform: rotate(45deg) translate(9px, 9px);\n }\n\n .mobile-menu-btn.active span:nth-child(2) {\n opacity: 0;\n }\n\n .mobile-menu-btn.active span:nth-child(3) {\n transform: rotate(-45deg) translate(9px, -9px);\n }\n\n .mobile-menu {\n position: fixed;\n top: 0;\n right: -100%;\n width: 85%;\n max-width: 420px;\n height: 100vh;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n z-index: 150;\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n padding: 0;\n border-left: 1px solid rgba(0, 102, 255, 0.3);\n box-shadow: -20px 0 60px rgba(0, 0, 0, 0.8);\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n }\n\n .mobile-menu.active {\n right: 0;\n }\n\n .mobile-menu-header {\n padding: 2rem 1.5rem;\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 102, 255, 0.1);\n }\n\n .mobile-menu-logo {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n }\n\n .mobile-menu-logo .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .mobile-menu-logo .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .mobile-menu-logo .logo-main {\n font-size: 1.7rem;\n background: linear-gradient(135deg, #ffffff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .mobile-menu-logo .logo-tagline {\n font-size: 0.6rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .mobile-menu nav {\n display: flex;\n flex-direction: column;\n gap: 0;\n padding: 2rem 1.5rem;\n flex: 1;\n }\n\n .mobile-menu nav a {\n padding: 1.5rem 1rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.15rem;\n transition: all 0.3s ease;\n border-radius: 8px;\n margin-bottom: 0.5rem;\n color: #b0b0b0;\n text-decoration: none;\n font-weight: 600;\n }\n\n .mobile-menu nav a:hover {\n background: rgba(0, 102, 255, 0.2);\n color: #fff;\n transform: translateX(8px);\n border-bottom-color: rgba(0, 102, 255, 0.5);\n }\n\n .menu-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n backdrop-filter: blur(8px);\n z-index: 140;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s ease;\n }\n\n .menu-overlay.active {\n opacity: 1;\n pointer-events: all;\n }\n \n \/* Tablet and Mobile Styles *\/\n @media (max-width: 1024px) {\n .mobile-menu-btn {\n display: flex;\n }\n \n .gooey-nav-container,\n .header-buttons {\n display: none;\n }\n\n header {\n padding: 1.2rem 5%;\n }\n\n .logo {\n font-size: 1.5rem;\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n }\n\n @media (max-width: 768px) {\n .mobile-menu-btn {\n display: flex;\n }\n \n .gooey-nav-container,\n .header-buttons {\n display: none;\n }\n\n header {\n padding: 1.2rem 5%;\n }\n\n .logo {\n font-size: 1.5rem;\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #ffffff;\n overflow-x: hidden;\n padding: 0;\n min-height: 100vh;\n }\n\n .grid-overlay {\n display: none;\n }\n\n .container {\n position: relative;\n z-index: 10;\n max-width: 1400px;\n margin: 0 auto;\n padding: 6rem 5% 8rem;\n }\n\n .hero-section {\n text-align: center;\n margin-bottom: 5rem;\n animation: fadeInUp 0.8s ease;\n }\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 .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n padding: 0.7rem 2rem;\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.3) 0%, rgba(16, 185, 129, 0.18) 100%);\n border: 1.5px solid rgba(16, 185, 129, 0.6);\n color: #10b981;\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 1.5rem;\n box-shadow: 0 4px 20px rgba(16, 185, 129, 0.4);\n }\n\n .badge-icon {\n width: 20px;\n height: 20px;\n background: linear-gradient(135deg, #10b981, #34d399);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n }\n\n .live-viewers {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n padding: 0.8rem 1.8rem;\n background: rgba(10, 10, 10, 0.9);\n border: 1.5px solid rgba(220, 20, 60, 0.6);\n border-radius: 50px;\n margin-bottom: 2rem;\n backdrop-filter: blur(30px);\n box-shadow: 0 4px 20px rgba(220, 20, 60, 0.4);\n transition: all 0.3s ease;\n }\n\n .live-viewers:hover {\n transform: scale(1.05);\n box-shadow: 0 6px 30px rgba(220, 20, 60, 0.6);\n }\n\n .live-dot {\n width: 10px;\n height: 10px;\n background: #dc143c;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n box-shadow: 0 0 15px #dc143c;\n }\n\n @keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.3);\n opacity: 0.7;\n }\n }\n\n .live-count {\n color: #fff;\n font-weight: 800;\n font-size: 1rem;\n }\n\n .live-label {\n color: #b0b0b0;\n font-size: 0.9rem;\n font-weight: 600;\n }\n\n .hero-title {\n font-size: clamp(2.5rem, 8vw, 6rem);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -3px;\n line-height: 1.1;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #ffffff 0%, #10b981 40%, #059669 80%, #10b981 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n animation: gradientFlow 8s ease infinite;\n background-size: 300% 300%;\n }\n\n @keyframes gradientFlow {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .hero-subtitle {\n font-size: clamp(1.1rem, 3vw, 1.4rem);\n color: #b0b0b0;\n max-width: 800px;\n margin: 0 auto 3rem;\n line-height: 1.8;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-bottom: 6rem;\n }\n\n .stat-card {\n background: rgba(15, 15, 15, 0.7);\n border: 1px solid rgba(16, 185, 129, 0.35);\n border-radius: 24px;\n padding: 2.5rem 2rem;\n text-align: center;\n transition: all 0.4s ease;\n backdrop-filter: blur(30px);\n position: relative;\n overflow: hidden;\n }\n\n .stat-card::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(16, 185, 129, 0.15), transparent);\n transition: left 0.6s ease;\n }\n\n .stat-card:hover::before {\n left: 100%;\n }\n\n .stat-card:hover {\n transform: translateY(-10px);\n background: rgba(15, 15, 15, 0.85);\n border-color: rgba(16, 185, 129, 0.7);\n box-shadow: 0 25px 60px rgba(16, 185, 129, 0.35);\n }\n\n .stat-number {\n font-size: clamp(2.5rem, 6vw, 4rem);\n font-weight: 900;\n background: linear-gradient(135deg, #10b981, #34d399);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 0.5rem;\n letter-spacing: -2px;\n }\n\n .stat-label {\n font-size: 1.1rem;\n color: #b0b0b0;\n font-weight: 600;\n }\n\n .section {\n margin-bottom: 5rem;\n }\n\n .section-title {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 900;\n margin-bottom: 3rem;\n letter-spacing: -2px;\n text-align: center;\n }\n\n .how-it-works {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n margin-bottom: 5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .step-card {\n background: rgba(15, 15, 15, 0.7);\n border: 1px solid rgba(0, 102, 255, 0.2);\n border-radius: 24px;\n padding: 3rem 2.5rem 2.5rem;\n position: relative;\n backdrop-filter: blur(30px);\n transition: all 0.4s ease;\n overflow: hidden;\n }\n\n .step-card::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(0, 102, 255, 0.15), transparent);\n transition: left 0.6s ease;\n }\n\n .step-card:hover::before {\n left: 100%;\n }\n\n .step-card:hover {\n transform: translateY(-10px);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: 0 25px 60px rgba(0, 102, 255, 0.35);\n }\n\n .step-number {\n position: absolute;\n top: 20px;\n right: 20px;\n width: 45px;\n height: 45px;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.2), rgba(0, 168, 255, 0.2));\n border: 2px solid rgba(0, 102, 255, 0.5);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n font-weight: 900;\n color: #0066ff;\n }\n\n .step-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.4);\n }\n\n .step-icon svg {\n width: 30px;\n height: 30px;\n stroke: white;\n stroke-width: 2;\n fill: none;\n }\n\n .step-title {\n font-size: 1.5rem;\n font-weight: 800;\n margin-bottom: 1rem;\n color: #fff;\n }\n\n .step-description {\n font-size: 1rem;\n color: #b0b0b0;\n line-height: 1.7;\n }\n\n .commission-container {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.75));\n border: 2px solid rgba(0, 102, 255, 0.4);\n border-radius: 32px;\n padding: 4rem 3rem;\n backdrop-filter: blur(30px);\n margin-bottom: 3rem;\n position: relative;\n overflow: hidden;\n }\n\n .commission-container::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.15), transparent 50%);\n animation: rotateCommission 25s linear infinite;\n pointer-events: none;\n }\n\n @keyframes rotateCommission {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .commission-header {\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n z-index: 2;\n }\n\n .commission-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.6rem 1.5rem;\n background: rgba(0, 102, 255, 0.2);\n border: 1.5px solid rgba(0, 102, 255, 0.5);\n border-radius: 50px;\n color: #0066ff;\n font-size: 0.8rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n }\n\n .commission-badge-icon {\n width: 16px;\n height: 16px;\n background: #0066ff;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .commission-badge-icon svg {\n width: 10px;\n height: 10px;\n stroke: white;\n stroke-width: 3;\n fill: none;\n }\n\n .commission-subtitle {\n font-size: 1.1rem;\n color: #b0b0b0;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .commission-table {\n position: relative;\n z-index: 2;\n background: rgba(20, 20, 20, 0.6);\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 24px;\n padding: 0;\n backdrop-filter: blur(20px);\n overflow: hidden;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n }\n\n thead {\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.4), rgba(0, 168, 255, 0.4));\n position: relative;\n }\n\n thead::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, #0066ff, transparent);\n }\n\n th {\n padding: 1.5rem 1.2rem;\n text-align: left;\n font-weight: 800;\n font-size: 0.95rem;\n color: #fff;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n border: none;\n }\n\n th:first-child {\n border-radius: 24px 0 0 0;\n }\n\n th:last-child {\n border-radius: 0 24px 0 0;\n }\n\n tbody tr {\n transition: all 0.3s ease;\n border-bottom: 1px solid rgba(0, 102, 255, 0.15);\n }\n\n tbody tr:last-child {\n border-bottom: none;\n }\n\n tbody tr:hover {\n background: rgba(0, 102, 255, 0.15);\n }\n\n @media (hover: hover) {\n tbody tr:hover {\n transform: scale(1.01);\n }\n }\n\n td {\n padding: 1.5rem 1.2rem;\n color: #b0b0b0;\n font-size: 1rem;\n border: none;\n }\n\n td:first-child {\n font-weight: 800;\n color: #fff;\n font-size: 1.1rem;\n }\n\n td:nth-child(2) {\n color: #b0b0b0;\n font-weight: 600;\n }\n\n .price-highlight {\n color: #10b981;\n font-weight: 800;\n font-size: 1.1rem;\n display: inline-flex;\n align-items: center;\n gap: 0.3rem;\n }\n\n .price-highlight::before {\n content: '\u20ac';\n font-size: 0.85rem;\n opacity: 0.7;\n margin-right: -0.3rem;\n }\n\n .tier-badge {\n display: inline-block;\n padding: 0.3rem 0.8rem;\n background: rgba(0, 102, 255, 0.2);\n border: 1px solid rgba(0, 102, 255, 0.4);\n border-radius: 8px;\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-left: 0.5rem;\n }\n\n .tier-starter {\n background: rgba(0, 102, 255, 0.2);\n border-color: rgba(0, 102, 255, 0.4);\n color: #0066ff;\n }\n\n .tier-growth {\n background: rgba(16, 185, 129, 0.2);\n border-color: rgba(16, 185, 129, 0.4);\n color: #10b981;\n }\n\n .tier-elite {\n background: rgba(245, 158, 11, 0.2);\n border-color: rgba(245, 158, 11, 0.4);\n color: #f59e0b;\n }\n\n @media (max-width: 968px) {\n .commission-table {\n overflow-x: auto;\n }\n\n table {\n min-width: 700px;\n }\n\n th, td {\n padding: 1rem 0.8rem;\n font-size: 0.9rem;\n }\n }\n\n .bonus-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 4rem;\n }\n\n .bonus-card {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.85), rgba(15, 15, 15, 0.7));\n border: 2px solid rgba(16, 185, 129, 0.45);\n border-radius: 24px;\n padding: 2.5rem;\n backdrop-filter: blur(30px);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .bonus-card::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(16, 185, 129, 0.25), transparent);\n transition: left 0.6s ease;\n }\n\n .bonus-card:hover::before {\n left: 100%;\n }\n\n .bonus-card:hover {\n transform: translateY(-10px) scale(1.02);\n border-color: rgba(16, 185, 129, 0.8);\n box-shadow: 0 25px 60px rgba(16, 185, 129, 0.45);\n }\n\n .bonus-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #10b981, #34d399);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n box-shadow: 0 10px 30px rgba(16, 185, 129, 0.4);\n }\n\n .bonus-icon svg {\n width: 35px;\n height: 35px;\n stroke: white;\n stroke-width: 2;\n fill: none;\n }\n\n .bonus-title {\n font-size: 1.8rem;\n font-weight: 900;\n margin-bottom: 0.5rem;\n color: #10b981;\n }\n\n .bonus-amount {\n font-size: 1.2rem;\n color: #b0b0b0;\n margin-bottom: 1rem;\n }\n\n .bonus-commission {\n font-size: 2.5rem;\n font-weight: 900;\n background: linear-gradient(135deg, #10b981, #34d399);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .rules-container {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.9), rgba(15, 15, 15, 0.75));\n border: 2px solid rgba(220, 20, 60, 0.4);\n border-radius: 32px;\n padding: 4rem 3rem;\n backdrop-filter: blur(30px);\n margin-bottom: 4rem;\n position: relative;\n overflow: hidden;\n }\n\n .rules-container::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(220, 20, 60, 0.15), transparent 50%);\n animation: rotateRule 25s linear infinite;\n pointer-events: none;\n }\n\n @keyframes rotateRule {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .rules-header {\n text-align: center;\n margin-bottom: 3rem;\n position: relative;\n z-index: 2;\n }\n\n .rules-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n padding: 0.6rem 1.5rem;\n background: rgba(220, 20, 60, 0.2);\n border: 1.5px solid rgba(220, 20, 60, 0.5);\n border-radius: 50px;\n color: #dc143c;\n font-size: 0.8rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 1rem;\n }\n\n .rules-badge-icon {\n width: 16px;\n height: 16px;\n background: #dc143c;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .rules-badge-icon svg {\n width: 10px;\n height: 10px;\n stroke: white;\n stroke-width: 3;\n }\n\n .rules-subtitle {\n font-size: 1.1rem;\n color: #b0b0b0;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .rules-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n position: relative;\n z-index: 2;\n }\n\n .rule-card {\n background: rgba(20, 20, 20, 0.6);\n border: 1px solid rgba(220, 20, 60, 0.25);\n border-radius: 20px;\n padding: 2rem;\n backdrop-filter: blur(20px);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .rule-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #dc143c, #b01030);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n }\n\n .rule-card:hover::after {\n transform: scaleX(1);\n }\n\n .rule-card:hover {\n transform: translateY(-10px);\n border-color: rgba(220, 20, 60, 0.6);\n background: rgba(20, 20, 20, 0.8);\n box-shadow: 0 25px 60px rgba(220, 20, 60, 0.25);\n }\n\n .rule-header {\n display: flex;\n align-items: center;\n gap: 1.2rem;\n margin-bottom: 1.2rem;\n }\n\n .rule-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, rgba(220, 20, 60, 0.3), rgba(176, 16, 48, 0.3));\n border: 2px solid rgba(220, 20, 60, 0.5);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: 900;\n color: #dc143c;\n flex-shrink: 0;\n box-shadow: 0 8px 20px rgba(220, 20, 60, 0.3);\n }\n\n .rule-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #dc143c, #b01030);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-shadow: 0 8px 25px rgba(220, 20, 60, 0.4);\n }\n\n .rule-icon svg {\n width: 24px;\n height: 24px;\n stroke: white;\n stroke-width: 2.5;\n fill: none;\n }\n\n .rule-content {\n flex: 1;\n }\n\n .rule-title {\n font-size: 1.25rem;\n font-weight: 800;\n margin-bottom: 0.6rem;\n color: #fff;\n line-height: 1.3;\n }\n\n .rule-description {\n font-size: 0.95rem;\n color: #b0b0b0;\n line-height: 1.6;\n }\n\n .rule-highlight {\n color: #dc143c;\n font-weight: 700;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-bottom: 3rem;\n }\n\n .benefit-card {\n background: rgba(15, 15, 15, 0.7);\n border: 1px solid rgba(16, 185, 129, 0.3);\n border-radius: 20px;\n padding: 2.5rem 2rem;\n backdrop-filter: blur(30px);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::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(16, 185, 129, 0.15), transparent);\n transition: left 0.6s ease;\n }\n\n .benefit-card:hover::before {\n left: 100%;\n }\n\n .benefit-card:hover {\n transform: translateY(-8px);\n border-color: rgba(16, 185, 129, 0.6);\n box-shadow: 0 20px 50px rgba(16, 185, 129, 0.3);\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #10b981, #34d399);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);\n }\n\n .benefit-icon svg {\n width: 28px;\n height: 28px;\n stroke: white;\n stroke-width: 2;\n }\n\n .benefit-title {\n font-size: 1.4rem;\n font-weight: 800;\n margin-bottom: 0.8rem;\n color: #fff;\n }\n\n .benefit-description {\n font-size: 1rem;\n color: #b0b0b0;\n line-height: 1.7;\n }\n\n .terms-link-container {\n text-align: center;\n margin-top: 3rem;\n }\n\n .terms-link {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n padding: 1.2rem 2.5rem;\n background: rgba(15, 15, 15, 0.8);\n border: 2px solid rgba(0, 102, 255, 0.4);\n border-radius: 16px;\n color: #0066ff;\n font-size: 1.05rem;\n font-weight: 700;\n text-decoration: none;\n backdrop-filter: blur(30px);\n transition: all 0.3s ease;\n }\n\n .terms-link svg {\n width: 20px;\n height: 20px;\n }\n\n .terms-link:hover {\n border-color: #0066ff;\n background: rgba(0, 102, 255, 0.15);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.3);\n }\n\n .cta-section {\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.85), rgba(15, 15, 15, 0.7));\n border: 2px solid rgba(16, 185, 129, 0.6);\n border-radius: 32px;\n padding: 5rem 3rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n backdrop-filter: blur(30px);\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(16, 185, 129, 0.25), transparent 50%);\n animation: rotate 20s linear infinite;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .cta-section > * {\n position: relative;\n z-index: 2;\n }\n\n .cta-title {\n font-size: clamp(2rem, 6vw, 4rem);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -2px;\n }\n\n .cta-subtitle {\n font-size: clamp(1rem, 3vw, 1.3rem);\n color: #b0b0b0;\n margin-bottom: 3rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n }\n\n .cta-buttons {\n display: flex;\n gap: 1.5rem;\n justify-content: center;\n flex-wrap: wrap;\n align-items: center;\n }\n\n .cta-button {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n padding: 1.8rem 3.5rem;\n color: #fff;\n font-size: 1.1rem;\n font-weight: 900;\n text-decoration: none;\n border-radius: 16px;\n border: none;\n cursor: pointer;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .cta-button-whatsapp {\n background: linear-gradient(135deg, #25D366, #128C7E);\n box-shadow: \n 0 20px 50px rgba(37, 211, 102, 0.6),\n 0 0 40px rgba(37, 211, 102, 0.4);\n }\n\n .cta-button-email {\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n box-shadow: \n 0 20px 50px rgba(0, 102, 255, 0.6),\n 0 0 40px rgba(0, 102, 255, 0.4);\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n background: rgba(255, 255, 255, 0.25);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .cta-button:hover::before {\n width: 400px;\n height: 400px;\n }\n\n .cta-button:hover {\n transform: translateY(-6px) scale(1.05);\n }\n\n .cta-button-whatsapp:hover {\n box-shadow: \n 0 35px 80px rgba(37, 211, 102, 0.8),\n 0 0 70px rgba(37, 211, 102, 0.6);\n }\n\n .cta-button-email:hover {\n box-shadow: \n 0 35px 80px rgba(0, 102, 255, 0.8),\n 0 0 70px rgba(0, 102, 255, 0.6);\n }\n\n .button-icon {\n width: 24px;\n height: 24px;\n position: relative;\n z-index: 1;\n }\n\n .button-text {\n position: relative;\n z-index: 1;\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 4rem 5% 6rem;\n }\n\n .commission-container {\n padding: 2.5rem 1.5rem;\n }\n\n .commission-header {\n margin-bottom: 2rem;\n }\n\n .commission-subtitle {\n font-size: 1rem;\n }\n\n .commission-table {\n border-radius: 16px;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n margin: 0 -0.5rem;\n }\n\n .commission-table::-webkit-scrollbar {\n height: 8px;\n }\n\n .commission-table::-webkit-scrollbar-track {\n background: rgba(0, 102, 255, 0.1);\n border-radius: 4px;\n }\n\n .commission-table::-webkit-scrollbar-thumb {\n background: rgba(0, 102, 255, 0.4);\n border-radius: 4px;\n }\n\n .commission-table::-webkit-scrollbar-thumb:hover {\n background: rgba(0, 102, 255, 0.6);\n }\n\n table {\n min-width: 650px;\n font-size: 0.85rem;\n }\n\n th {\n padding: 1rem 0.6rem;\n font-size: 0.75rem;\n letter-spacing: 0.5px;\n }\n\n td {\n padding: 1rem 0.6rem;\n font-size: 0.9rem;\n }\n\n td:first-child {\n font-size: 0.95rem;\n }\n\n .price-highlight {\n font-size: 0.95rem;\n }\n\n .tier-badge {\n display: block;\n margin-top: 0.3rem;\n margin-left: 0;\n font-size: 0.65rem;\n padding: 0.2rem 0.5rem;\n }\n\n .cta-section {\n padding: 3rem 2rem;\n }\n\n .cta-buttons {\n flex-direction: column;\n gap: 1rem;\n }\n\n .cta-button {\n padding: 1.5rem 2.5rem;\n font-size: 1rem;\n width: 100%;\n justify-content: center;\n }\n\n .live-viewers {\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .step-number {\n top: 15px;\n right: 15px;\n width: 35px;\n height: 35px;\n font-size: 1.1rem;\n }\n\n .step-card {\n padding: 2.5rem 1.5rem 2rem;\n }\n\n .how-it-works {\n grid-template-columns: 1fr;\n }\n\n .rules-container {\n padding: 2.5rem 1.5rem;\n }\n\n .rules-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .rule-card {\n padding: 1.5rem;\n }\n\n .rule-header {\n gap: 1rem;\n }\n\n .rule-icon {\n width: 45px;\n height: 45px;\n }\n\n .rule-icon svg {\n width: 22px;\n height: 22px;\n }\n\n .rule-title {\n font-size: 1.1rem;\n }\n\n .rule-description {\n font-size: 0.9rem;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .benefit-card {\n padding: 2rem 1.5rem;\n }\n\n .terms-link {\n padding: 1rem 2rem;\n font-size: 0.95rem;\n }\n\n .bonus-cards {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n }\n }\n\n :root {\n --color-1: #0066ff;\n --color-2: #00a8ff;\n --color-3: #00e0ff;\n --color-4: #c0c0c0;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n }\n\n footer {\n position: relative;\n z-index: 10;\n background: rgba(10, 10, 10, 0.95);\n border-top: 1px solid rgba(0, 102, 255, 0.2);\n backdrop-filter: blur(30px);\n margin-top: 6rem;\n overflow: hidden;\n margin-bottom: 0;\n padding-bottom: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n color: #fff;\n }\n\n footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, #0066ff, #00a8ff, transparent);\n animation: borderSlide 3s ease-in-out infinite;\n }\n\n @keyframes borderSlide {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 5rem 7% 3rem;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;\n gap: 4rem;\n margin-bottom: 4rem;\n }\n\n .footer-brand {\n animation: fadeInUp 0.8s ease;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n margin-bottom: 1.5rem;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .logo:hover {\n transform: translateY(-3px);\n }\n\n .logo:hover .logo-icon {\n transform: scale(1.05) rotate(5deg);\n }\n\n .logo:hover .logo-icon::before {\n transform: scale(1.1);\n opacity: 1;\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n flex-shrink: 0;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .logo-icon::before {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 16px;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n filter: blur(12px);\n transition: all 0.4s ease;\n z-index: -1;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 168, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n transition: filter 0.3s ease;\n }\n\n .logo:hover .logo-icon::after {\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #ffffff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.3s ease;\n }\n\n .logo:hover .logo-main {\n background: linear-gradient(135deg, #ffffff 0%, #00a8ff 100%);\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n transition: color 0.3s ease;\n }\n\n .logo:hover .logo-tagline {\n color: rgba(255, 255, 255, 0.8);\n }\n\n .footer-description {\n color: #b0b0b0;\n line-height: 1.7;\n font-size: 0.95rem;\n margin-bottom: 2rem;\n max-width: 350px;\n transition: color 0.3s ease;\n }\n\n .footer-description:hover {\n color: rgba(255, 255, 255, 0.75);\n }\n\n .social-links {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .social-link {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n color: #fff;\n font-size: 1.2rem;\n position: relative;\n overflow: hidden;\n }\n\n .social-link::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .social-link svg {\n position: relative;\n z-index: 1;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .social-link:hover {\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 35px rgba(0, 102, 255, 0.5);\n }\n\n .social-link:hover::before {\n opacity: 1;\n }\n\n .social-link:hover svg {\n transform: scale(1.1) rotate(5deg);\n }\n\n .social-link:active {\n transform: translateY(-2px) scale(0.98);\n }\n\n .footer-column {\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n }\n\n .footer-column:nth-child(2) { animation-delay: 0.1s; }\n .footer-column:nth-child(3) { animation-delay: 0.2s; }\n .footer-column:nth-child(4) { animation-delay: 0.3s; }\n .footer-column:nth-child(5) { animation-delay: 0.4s; }\n\n .footer-column h3 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: #fff;\n letter-spacing: -0.5px;\n position: relative;\n display: inline-block;\n transition: color 0.3s ease;\n }\n\n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-column:hover h3::after {\n width: 100%;\n }\n\n .footer-column:hover h3 {\n color: #00a8ff;\n }\n\n .footer-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .footer-links li {\n position: relative;\n }\n\n .footer-links li a {\n color: #b0b0b0;\n text-decoration: none;\n font-size: 0.95rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-block;\n position: relative;\n padding-left: 0;\n }\n\n .footer-links li a::before {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-links li a::after {\n content: '\u2192';\n position: absolute;\n left: -20px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #0066ff;\n }\n\n .footer-links li a:hover {\n color: #fff;\n padding-left: 20px;\n transform: translateX(0);\n }\n\n .footer-links li a:hover::before {\n width: 100%;\n }\n\n .footer-links li a:hover::after {\n opacity: 1;\n left: 0;\n }\n\n .newsletter-section {\n display: none;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n padding: 2rem 7%;\n text-align: center;\n position: relative;\n margin: 0;\n background: rgba(10, 10, 10, 1);\n }\n\n .footer-bottom::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, #0066ff, transparent);\n transition: width 0.6s ease;\n }\n\n .footer-bottom:hover::before {\n width: 100%;\n }\n\n .copyright {\n color: #b0b0b0;\n font-size: 0.9rem;\n transition: color 0.3s ease;\n cursor: default;\n margin: 0;\n padding: 0;\n }\n\n .copyright:hover {\n color: rgba(255, 255, 255, 0.7);\n }\n\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 .footer-brand::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(0, 102, 255, 0.15), transparent 50%);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n\n .footer-brand:hover::before {\n opacity: 1;\n }\n\n @media (max-width: 1200px) {\n .footer-grid {\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (max-width: 968px) {\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 768px) {\n footer {\n margin-top: 4rem;\n }\n\n .footer-content {\n padding: 3rem 5% 2rem;\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem 2rem;\n margin-bottom: 2.5rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n text-align: left;\n }\n\n .logo {\n justify-content: flex-start;\n margin-bottom: 1.2rem;\n font-size: 1.6rem;\n }\n\n .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n\n .logo-main {\n font-size: 1.6rem;\n }\n\n .logo-tagline {\n font-size: 0.58rem;\n letter-spacing: 2px;\n }\n\n .footer-description {\n display: none;\n }\n\n .social-links {\n justify-content: flex-start;\n gap: 0.8rem;\n margin-bottom: 0;\n }\n\n .social-link {\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .footer-column {\n text-align: left;\n }\n\n .footer-column h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n }\n\n .footer-column h3::after {\n left: 0;\n transform: none;\n }\n\n .footer-links {\n align-items: flex-start;\n gap: 0.7rem;\n }\n\n .footer-links li a {\n font-size: 0.9rem;\n padding: 0.3rem 0;\n display: inline-block;\n }\n\n .footer-links li a::after {\n display: none;\n }\n\n .footer-links li a:hover {\n padding-left: 0;\n transform: translateX(0);\n }\n\n .newsletter-section {\n display: block;\n grid-column: 1 \/ -1;\n margin-top: 1.5rem;\n }\n\n .newsletter-section h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n color: #fff;\n }\n\n .newsletter-section p {\n font-size: 0.85rem;\n color: #b0b0b0;\n margin-bottom: 0.8rem;\n line-height: 1.5;\n }\n\n .newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .newsletter-input {\n width: 100%;\n padding: 0.9rem 1rem;\n border-radius: 10px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n background: rgba(15, 15, 15, 0.6);\n color: #fff;\n font-size: 0.95rem;\n outline: none;\n transition: all 0.3s ease;\n }\n\n .newsletter-input::placeholder {\n color: rgba(255, 255, 255, 0.4);\n }\n\n .newsletter-input:focus {\n border-color: #0066ff;\n background: rgba(15, 15, 15, 0.8);\n }\n\n .newsletter-button {\n width: 100%;\n padding: 0.9rem;\n border-radius: 10px;\n border: none;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .newsletter-button:active {\n transform: scale(0.98);\n box-shadow: 0 5px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-bottom {\n text-align: center;\n padding: 1.5rem 5%;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .copyright {\n font-size: 0.85rem;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 480px) {\n .footer-grid {\n gap: 2rem 1.5rem;\n }\n\n .footer-column h3 {\n font-size: 1rem;\n }\n\n .footer-links li a {\n font-size: 0.85rem;\n }\n\n .social-link {\n width: 40px;\n height: 40px;\n }\n\n .newsletter-section h3 {\n font-size: 1rem;\n }\n\n .newsletter-input,\n .newsletter-button {\n font-size: 0.9rem;\n padding: 0.85rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n @media (hover: none) and (pointer: coarse) {\n .social-link:hover {\n transform: none;\n }\n\n .social-link:active {\n transform: scale(0.95);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-links li a:hover {\n transform: none;\n }\n\n .footer-links li a:active {\n color: #fff;\n }\n\n .logo:hover {\n transform: none;\n }\n\n .logo:active .logo-icon {\n transform: scale(0.95);\n }\n }\n \n \/* Show mobile menu on small desktop screens and when zoomed in *\/\n@media (max-width: 1350px) {\n .gooey-nav-container,\n .header-buttons {\n display: none !important;\n }\n \n .mobile-menu-btn {\n display: flex !important;\n }\n}\n\n \n <\/style>\n<\/head>\n<body>\n <section id=\"page1\">\n <header id=\"header\">\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\" style=\"text-decoration: none;\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/a>\n \n <div class=\"gooey-nav-container\" id=\"gooeyNav\">\n <nav>\n <ul>\n <li class=\"active\"><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a><\/li>\n <\/ul>\n <\/nav>\n <span class=\"effect filter\"><\/span>\n <span class=\"effect text\"><\/span>\n <\/div>\n\n <div class=\"header-buttons\">\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"btn btn-trial\"><span>\ud83c\udf81 Free Trial<\/span><\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"btn btn-subscribe\"><span>Subscribe Now<\/span><\/a>\n <\/div>\n\n <div class=\"mobile-menu-btn\" id=\"menuBtn\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/header>\n\n <div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-header\">\n <div class=\"mobile-menu-logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/div>\n <nav>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a>\n <\/nav>\n <\/div>\n\n <script>\n \/\/ Gooey Navigation\n class GooeyNav {\n constructor(container, options = {}) {\n this.container = container;\n this.nav = container.querySelector('nav ul');\n this.filterEffect = container.querySelector('.effect.filter');\n this.textEffect = container.querySelector('.effect.text');\n this.items = Array.from(this.nav.querySelectorAll('li'));\n \n this.options = {\n animationTime: options.animationTime || 600,\n particleCount: options.particleCount || 15,\n particleDistances: options.particleDistances || [90, 10],\n particleR: options.particleR || 100,\n timeVariance: options.timeVariance || 300,\n colors: options.colors || [1, 2, 3, 1, 2, 3, 1, 4],\n initialActiveIndex: options.initialActiveIndex || 0\n };\n \n this.activeIndex = this.options.initialActiveIndex;\n this.init();\n }\n \n init() {\n this.items.forEach((item, index) => {\n item.addEventListener('click', (e) => this.handleClick(e, index));\n });\n \n const activeItem = this.items[this.activeIndex];\n if (activeItem) {\n this.updateEffectPosition(activeItem);\n this.textEffect.classList.add('active');\n }\n \n window.addEventListener('resize', () => {\n const currentActive = this.items[this.activeIndex];\n if (currentActive) {\n this.updateEffectPosition(currentActive);\n }\n });\n }\n \n noise(n = 1) {\n return n \/ 2 - Math.random() * n;\n }\n \n getXY(distance, pointIndex, totalPoints) {\n const angle = ((360 + this.noise(8)) \/ totalPoints) * pointIndex * (Math.PI \/ 180);\n return [distance * Math.cos(angle), distance * Math.sin(angle)];\n }\n \n createParticle(i, t, d, r) {\n let rotate = this.noise(r \/ 10);\n return {\n start: this.getXY(d[0], this.options.particleCount - i, this.options.particleCount),\n end: this.getXY(d[1] + this.noise(7), this.options.particleCount - i, this.options.particleCount),\n time: t,\n scale: 1 + this.noise(0.2),\n color: this.options.colors[Math.floor(Math.random() * this.options.colors.length)],\n rotate: rotate > 0 ? (rotate + r \/ 20) * 10 : (rotate - r \/ 20) * 10\n };\n }\n \n makeParticles(element) {\n const d = this.options.particleDistances;\n const r = this.options.particleR;\n const bubbleTime = this.options.animationTime * 2 + this.options.timeVariance;\n element.style.setProperty('--time', `${bubbleTime}ms`);\n \n for (let i = 0; i < this.options.particleCount; i++) {\n const t = this.options.animationTime * 2 + this.noise(this.options.timeVariance * 2);\n const p = this.createParticle(i, t, d, r);\n element.classList.remove('active');\n \n setTimeout(() => {\n const particle = document.createElement('span');\n const point = document.createElement('span');\n particle.classList.add('particle');\n particle.style.setProperty('--start-x', `${p.start[0]}px`);\n particle.style.setProperty('--start-y', `${p.start[1]}px`);\n particle.style.setProperty('--end-x', `${p.end[0]}px`);\n particle.style.setProperty('--end-y', `${p.end[1]}px`);\n particle.style.setProperty('--time', `${p.time}ms`);\n particle.style.setProperty('--scale', `${p.scale}`);\n particle.style.setProperty('--color', `var(--color-${p.color}, white)`);\n particle.style.setProperty('--rotate', `${p.rotate}deg`);\n \n point.classList.add('point');\n particle.appendChild(point);\n element.appendChild(particle);\n \n requestAnimationFrame(() => {\n element.classList.add('active');\n });\n \n setTimeout(() => {\n try {\n element.removeChild(particle);\n } catch {}\n }, t);\n }, 30);\n }\n }\n \n updateEffectPosition(element) {\n const containerRect = this.container.getBoundingClientRect();\n const pos = element.getBoundingClientRect();\n \n const styles = {\n left: `${pos.x - containerRect.x}px`,\n top: `${pos.y - containerRect.y}px`,\n width: `${pos.width}px`,\n height: `${pos.height}px`\n };\n \n Object.assign(this.filterEffect.style, styles);\n Object.assign(this.textEffect.style, styles);\n this.textEffect.innerText = element.innerText;\n }\n \n handleClick(e, index) {\n const liEl = e.currentTarget;\n const link = liEl.querySelector('a');\n \n if (this.activeIndex === index) {\n if (link) {\n window.location.href = link.getAttribute('href');\n }\n return;\n }\n \n this.items[this.activeIndex].classList.remove('active');\n this.items[index].classList.add('active');\n this.activeIndex = index;\n \n this.updateEffectPosition(liEl);\n \n const particles = this.filterEffect.querySelectorAll('.particle');\n particles.forEach(p => this.filterEffect.removeChild(p));\n \n this.textEffect.classList.remove('active');\n void this.textEffect.offsetWidth;\n this.textEffect.classList.add('active');\n \n this.makeParticles(this.filterEffect);\n \n setTimeout(() => {\n if (link) {\n window.location.href = link.getAttribute('href');\n }\n }, 300);\n }\n }\n \n const gooeyNavContainer = document.getElementById('gooeyNav');\n if (gooeyNavContainer) {\n new GooeyNav(gooeyNavContainer, {\n particleCount: 15,\n particleDistances: [90, 10],\n particleR: 100,\n initialActiveIndex: 0,\n animationTime: 600,\n timeVariance: 300,\n colors: [1, 2, 3, 1, 2, 3, 1, 4]\n });\n }\n\n \/\/ Mobile menu\n const menuBtn = document.getElementById('menuBtn');\n const mobileMenu = document.getElementById('mobileMenu');\n const menuOverlay = document.getElementById('menuOverlay');\n\n menuBtn.onclick = function() {\n menuBtn.classList.toggle('active');\n mobileMenu.classList.toggle('active');\n menuOverlay.classList.toggle('active');\n document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\n };\n\n menuOverlay.onclick = function() {\n menuBtn.classList.remove('active');\n mobileMenu.classList.remove('active');\n menuOverlay.classList.remove('active');\n document.body.style.overflow = '';\n };\n\n \/\/ Scroll effect\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n <\/script>\n <\/section>\n \n <section id=\"page2\">\n <div class=\"bg-gradient\"><\/div>\n <div class=\"mesh-gradient\"><\/div>\n <div class=\"grid-overlay\"><\/div>\n\n <div class=\"container\">\n \n <div class=\"hero-section\">\n <div class=\"hero-badge\">\n <div class=\"badge-icon\">$<\/div>\n <span>Earn While You Share<\/span>\n <\/div>\n <div class=\"live-viewers\">\n <div class=\"live-dot\"><\/div>\n <span class=\"live-count\"><span id=\"viewerCount\">1847<\/span> people<\/span>\n <span class=\"live-label\">watching right now<\/span>\n <\/div>\n <h1 class=\"hero-title\">\n Affiliate Program<br>\n <span class=\"gradient-text\">Earn Up to 40%<\/span>\n <\/h1>\n <p class=\"hero-subtitle\">\n Join our affiliate program and earn generous commissions by sharing StreamEZ with your audience. Get paid for every sale with no limits on your earnings!\n <\/p>\n <\/div>\n\n \n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">40%+<\/div>\n <div class=\"stat-label\">Commission Potential<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">\u20ac50<\/div>\n <div class=\"stat-label\">Min Payout<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">30<\/div>\n <div class=\"stat-label\">Days Hold Period<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">4<\/div>\n <div class=\"stat-label\">Payment Methods<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">How It Works<\/h2>\n <div class=\"how-it-works\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"step-title\">Get Your Unique Code<\/h3>\n <p class=\"step-description\">Sign up and receive your personalized promo code instantly. It’s unique to you and easy to share.<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"step-title\">Share With Your Audience<\/h3>\n <p class=\"step-description\">Share your promo code with friends, family, or your audience. They get a great deal, you earn commission!<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"step-title\">Track Your Sales<\/h3>\n <p class=\"step-description\">We track every order made with your code. You’ll always know exactly how much you’re earning.<\/p>\n <\/div>\n <div class=\"step-card\">\n <div class=\"step-number\">4<\/div>\n <div class=\"step-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"step-title\">Get Paid Monthly<\/h3>\n <p class=\"step-description\">Receive your commission 30 days after each sale via Wire, Wise, PayPal, or crypto. Simple and secure!<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">Commission Structure<\/h2>\n <div class=\"commission-container\">\n <div class=\"commission-header\">\n <div class=\"commission-badge\">\n <div class=\"commission-badge-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n <\/svg>\n <\/div>\n <span>Earnings Breakdown<\/span>\n <\/div>\n <p class=\"commission-subtitle\">Scale your earnings based on sales volume. Higher tiers unlock bigger commission percentages<\/p>\n <\/div>\n <div class=\"commission-table\">\n <table>\n <thead>\n <tr>\n <th>Subscription Plan<\/th>\n <th>Price<\/th>\n <th>Starter 15%<\/th>\n <th>Growth 20%<\/th>\n <th>Pro 25\u201330%<\/th>\n <th>Elite 30\u201340%<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>1 Month<\/td>\n <td>\u20ac9.99<\/td>\n <td><span class=\"price-highlight\">1.50<\/span><\/td>\n <td><span class=\"price-highlight\">2.00<\/span><\/td>\n <td><span class=\"price-highlight\">2.50\u20133.00<\/span><\/td>\n <td><span class=\"price-highlight\">3.00\u20134.00<\/span><\/td>\n <\/tr>\n <tr>\n <td>3 Months<\/td>\n <td>\u20ac25.99<\/td>\n <td><span class=\"price-highlight\">3.90<\/span><\/td>\n <td><span class=\"price-highlight\">5.20<\/span><\/td>\n <td><span class=\"price-highlight\">6.50\u20137.80<\/span><\/td>\n <td><span class=\"price-highlight\">7.80\u201310.40<\/span><\/td>\n <\/tr>\n <tr>\n <td>6 Months<\/td>\n <td>\u20ac35.99<\/td>\n <td><span class=\"price-highlight\">5.40<\/span><\/td>\n <td><span class=\"price-highlight\">7.20<\/span><\/td>\n <td><span class=\"price-highlight\">9.00\u201310.80<\/span><\/td>\n <td><span class=\"price-highlight\">10.80\u201314.40<\/span><\/td>\n <\/tr>\n <tr>\n <td>12 Months <span class=\"tier-badge tier-elite\">Best Value<\/span><\/td>\n <td>\u20ac49.99<\/td>\n <td><span class=\"price-highlight\">7.50<\/span><\/td>\n <td><span class=\"price-highlight\">10.00<\/span><\/td>\n <td><span class=\"price-highlight\">12.50\u201315.00<\/span><\/td>\n <td><span class=\"price-highlight\">15.00\u201320.00<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">Volume Bonuses<\/h2>\n <div class=\"bonus-cards\">\n <div class=\"bonus-card\">\n <div class=\"bonus-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"6\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"2\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"bonus-title\">Starter Tier<\/h3>\n <p class=\"bonus-amount\">\u20ac0\u2013\u20ac499\/month<\/p>\n <div class=\"bonus-commission\">15\u201320%<\/div>\n <\/div>\n <div class=\"bonus-card\">\n <div class=\"bonus-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"bonus-title\">Growth Tier<\/h3>\n <p class=\"bonus-amount\">\u20ac500\u2013\u20ac999\/month<\/p>\n <div class=\"bonus-commission\">25\u201330%<\/div>\n <\/div>\n <div class=\"bonus-card\">\n <div class=\"bonus-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"bonus-title\">Elite Tier<\/h3>\n <p class=\"bonus-amount\">\u20ac1,000+\/month<\/p>\n <div class=\"bonus-commission\">30\u201340%<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">Program Rules<\/h2>\n <div class=\"rules-container\">\n <div class=\"rules-header\">\n <div class=\"rules-badge\">\n <div class=\"rules-badge-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <\/div>\n <span>Important Guidelines<\/span>\n <\/div>\n <p class=\"rules-subtitle\">Please read these rules carefully to ensure smooth participation in our affiliate program<\/p>\n <\/div>\n <div class=\"rules-grid\">\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">First Purchase Only<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">Commission is earned <span class=\"rule-highlight\">only on the first purchase<\/span> per customer. Subscription renewals do not generate additional commissions.<\/p>\n <\/div>\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">No Self-Referrals<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">You <span class=\"rule-highlight\">cannot use your own code<\/span> to purchase services. Self-referrals are strictly prohibited and will result in commission forfeiture.<\/p>\n <\/div>\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">30-Day Hold Period<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">Commissions are held for <span class=\"rule-highlight\">30 days after sale<\/span> to account for potential refunds or cancellations before becoming eligible for payout.<\/p>\n <\/div>\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/>\n <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">\u20ac50 Minimum Payout<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">You must accumulate at least <span class=\"rule-highlight\">\u20ac50 in commissions<\/span> before you can request a withdrawal. Earnings below this threshold will roll over.<\/p>\n <\/div>\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">Multiple Payment Options<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">Choose from <span class=\"rule-highlight\">Wire, Wise, PayPal, or Crypto<\/span> for receiving your commissions. Select your preferred method during account setup.<\/p>\n <\/div>\n <div class=\"rule-card\">\n <div class=\"rule-header\">\n <div class=\"rule-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <\/div>\n <div class=\"rule-content\">\n <h3 class=\"rule-title\">Fair Use Policy<\/h3>\n <\/div>\n <\/div>\n <p class=\"rule-description\">All promotions must be <span class=\"rule-highlight\">honest and ethical<\/span>. Spam, misleading claims, or fraudulent activities will result in immediate termination.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <h2 class=\"section-title\">What You’ll Receive<\/h2>\n <div class=\"benefits-grid\">\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">15\u201340% Commission<\/h3>\n <p class=\"benefit-description\">Earn industry-leading commissions on every sale. The more you sell, the higher your percentage grows.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/>\n <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">Unique Tracking Code<\/h3>\n <p class=\"benefit-description\">Get your personalized tracking code to monitor every referral and sale in real-time.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">\u20ac50 Minimum Payout<\/h3>\n <p class=\"benefit-description\">Low threshold to start receiving payments. Once you hit \u20ac50, you’re ready to cash out.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">Monthly Payouts<\/h3>\n <p class=\"benefit-description\">Reliable monthly payments after a 30-day hold period. Choose from Wire, Wise, PayPal, or crypto.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">Real-Time Analytics<\/h3>\n <p class=\"benefit-description\">Access detailed reports and track your earnings, conversions, and performance metrics.<\/p>\n <\/div>\n <div class=\"benefit-card\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/>\n <path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"benefit-title\">Dedicated Support<\/h3>\n <p class=\"benefit-description\">Get help whenever you need it. Our team is here to ensure your success as an affiliate partner.<\/p>\n <\/div>\n <\/div>\n <div class=\"terms-link-container\">\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/terms-of-service\/\" target=\"_blank\" class=\"terms-link\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n <polyline points=\"14 2 14 8 20 8\"\/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n <polyline points=\"10 9 9 9 8 9\"\/>\n <\/svg>\n <span>View Full Terms & Conditions<\/span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width: 16px; height: 16px;\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n <polyline points=\"12 5 19 12 12 19\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"cta-section\">\n <h2 class=\"cta-title\">Ready to Start Earning?<\/h2>\n <p class=\"cta-subtitle\">\n Join hundreds of affiliates already earning passive income. Sign up now and get your unique promo code instantly. No hidden fees, no complicated rules\u2014just simple, straightforward commissions.\n <\/p>\n <div class=\"cta-buttons\">\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\" class=\"cta-button cta-button-whatsapp\">\n <svg class=\"button-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\n <\/svg>\n <span class=\"button-text\">Join via WhatsApp<\/span>\n <\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\" target=\"_blank\" class=\"cta-button cta-button-email\">\n <svg class=\"button-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\n <polyline points=\"22,6 12,13 2,6\"\/>\n <\/svg>\n <span class=\"button-text\">Join via Email<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Realistic viewer count with gradual changes\n function updateViewerCount() {\n const viewerElement = document.getElementById('viewerCount');\n const currentCount = parseInt(viewerElement.textContent.replace(\/,\/g, ''));\n \n \/\/ Small random change (+\/- 5-50 viewers) for realistic fluctuation\n const changeAmount = Math.floor(Math.random() * 46) + 5; \/\/ 5 to 50\n const isIncrease = Math.random() > 0.45; \/\/ 55% chance to increase\n \n let newCount = isIncrease ? currentCount + changeAmount : currentCount - changeAmount;\n \n \/\/ Keep within realistic bounds (1200 - 4000)\n newCount = Math.max(1200, Math.min(4000, newCount));\n \n \/\/ Smooth animation\n const duration = 800;\n const steps = 20;\n const stepDuration = duration \/ steps;\n const increment = (newCount - currentCount) \/ steps;\n \n let currentStep = 0;\n const timer = setInterval(() => {\n currentStep++;\n const displayCount = Math.floor(currentCount + (increment * currentStep));\n viewerElement.textContent = displayCount.toLocaleString();\n \n if (currentStep >= steps) {\n clearInterval(timer);\n viewerElement.textContent = newCount.toLocaleString();\n }\n }, stepDuration);\n }\n \n \/\/ Set initial random count on page load\n document.addEventListener('DOMContentLoaded', () => {\n const viewerElement = document.getElementById('viewerCount');\n const initialCount = Math.floor(Math.random() * (2800 - 1800 + 1)) + 1800; \/\/ 1800-2800\n viewerElement.textContent = initialCount.toLocaleString();\n \n \/\/ Start updating after 5 seconds\n setTimeout(() => {\n setInterval(updateViewerCount, 12000); \/\/ Update every 12 seconds\n }, 5000);\n });\n <\/script>\n <\/section>\n \n <section id=\"page3\">\n <footer>\n <div class=\"footer-content\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <p class=\"footer-description\">\n Stream 30,000+ live channels and 105,000+ movies & series in stunning 4K quality. Your ultimate entertainment destination on any device, anytime, anywhere.\n <\/p>\n <div class=\"social-links\">\n <a href=\"https:\/\/x.com\/iptv_kaufen\" class=\"social-link\" aria-label=\"X (Twitter)\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.pinterest.com\/KoopIPTV\/\" class=\"social-link\" aria-label=\"Pinterest\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"social-link\" aria-label=\"WhatsApp\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/t.me\/IPTVSubscription\" class=\"social-link\" aria-label=\"Telegram\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Quick Links<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/about\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Services<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/Channels-list\/\">Channels List<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">IPTV Guide<\/a><\/li>\n <li><a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\">Free Trial<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Partnership<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/\">Reseller Program<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/\">Affiliate Program<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Legal<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/terms-of-service\/\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"newsletter-section\">\n <h3>Subscribe<\/h3>\n <p>Get updates and exclusive offers delivered to your inbox!<\/p>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #0066ff, #c0c0c0); color: #fff; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">Subscribe<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p class=\"copyright\">\u00a9 2025 StreamEZ. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Smooth scroll for footer links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Track mouse position for interactive effects\n const footerBrand = document.querySelector('.footer-brand');\n if (footerBrand) {\n footerBrand.addEventListener('mousemove', (e) => {\n const rect = footerBrand.getBoundingClientRect();\n const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n footerBrand.style.setProperty('--x', `${x}%`);\n footerBrand.style.setProperty('--y', `${y}%`);\n });\n }\n\n \/\/ Add stagger animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.footer-column').forEach(column => {\n column.style.animationPlayState = 'paused';\n observer.observe(column);\n });\n <\/script>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>StreamEZ – Affiliate Program StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support $ Earn While You Share 1847 people watching right now Affiliate Program Earn Up to 40% Join our affiliate program and earn generous commissions by sharing StreamEZ with […]<\/p>\n","protected":false},"author":1,"featured_media":403,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-60","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>IPTV Affiliate Program | StreamEZ \u2013 Earn Commissions<\/title>\n<meta name=\"description\" content=\"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Affiliate Program\" \/>\n<meta property=\"og:description\" content=\"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/\" \/>\n<meta property=\"og:site_name\" content=\"StreamEZ\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-25T18:15:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-affiliate-program-streamez-earn-commission.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/\",\"name\":\"IPTV Affiliate Program | StreamEZ \u2013 Earn Commissions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-affiliate-program-streamez-earn-commission.webp\",\"datePublished\":\"2025-10-26T15:33:31+00:00\",\"dateModified\":\"2025-11-25T18:15:05+00:00\",\"description\":\"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-affiliate-program-streamez-earn-commission.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-affiliate-program-streamez-earn-commission.webp\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/affiliate-program\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Affiliate Program\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\",\"name\":\"StreamEZ\",\"description\":\"StreamEZ Website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"IPTV Affiliate Program | StreamEZ \u2013 Earn Commissions","description":"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/","og_locale":"en_US","og_type":"article","og_title":"Affiliate Program","og_description":"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.","og_url":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/","og_site_name":"StreamEZ","article_modified_time":"2025-11-25T18:15:05+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-affiliate-program-streamez-earn-commission.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/","url":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/","name":"IPTV Affiliate Program | StreamEZ \u2013 Earn Commissions","isPartOf":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-affiliate-program-streamez-earn-commission.webp","datePublished":"2025-10-26T15:33:31+00:00","dateModified":"2025-11-25T18:15:05+00:00","description":"Promote StreamEZ IPTV and earn revenue per sale. High conversions, fast payouts, tracking link included.","breadcrumb":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/#primaryimage","url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-affiliate-program-streamez-earn-commission.webp","contentUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-affiliate-program-streamez-earn-commission.webp","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-subscribe.com\/en\/"},{"@type":"ListItem","position":2,"name":"Affiliate Program"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-subscribe.com\/en\/#website","url":"https:\/\/buyiptv-subscribe.com\/en\/","name":"StreamEZ","description":"StreamEZ Website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-subscribe.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media\/403"}],"wp:attachment":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}