IPTV Reseller Program – Start Your Business Today<\/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: transparent;\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, #fff 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, #fff 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 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 position: relative;\n }\n\n \/* SVG Icon Styles *\/\n .icon-svg {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n fill: currentColor;\n }\n\n \/* Static Background with Gradient *\/\n .animated-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n background: #0a0a0a;\n }\n\n \/* Content wrapper *\/\n .content-wrapper {\n position: relative;\n z-index: 2;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n \/* Hero Section *\/\n .hero-section {\n position: relative;\n padding: 10rem 0 8rem;\n text-align: center;\n overflow: hidden;\n }\n\n .hero-content {\n position: relative;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\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.4);\n padding: 0.6rem 1.5rem;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n }\n\n .hero-title {\n font-size: 5rem;\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%, #c0c0c0 30%, #00a8ff 50%, #0066ff 70%, #00e0ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #0066ff;\n display: inline-block;\n filter: drop-shadow(0 0 40px rgba(0, 102, 255, 0.6));\n }\n\n .hero-subtitle {\n font-size: 1.8rem;\n color: #b0b0b0;\n margin-bottom: 2rem;\n font-weight: 500;\n line-height: 1.5;\n }\n\n .hero-text {\n font-size: 1.3rem;\n color: #b0b0b0;\n margin-bottom: 3rem;\n max-width: 720px;\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 margin-top: 3rem;\n }\n\n .cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.8rem;\n padding: 1.6rem 3.5rem;\n border-radius: 18px;\n font-weight: 800;\n font-size: 1.1rem;\n border: none;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n color: #fff;\n box-shadow: 0 20px 40px rgba(0, 102, 255, 0.4);\n text-decoration: none;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.6s;\n }\n\n .cta-button:hover::before {\n left: 100%;\n }\n\n .cta-button:hover {\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 30px 60px rgba(0, 102, 255, 0.6);\n }\n\n .demo-button {\n background: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%);\n box-shadow: 0 20px 40px rgba(245, 158, 11, 0.4);\n }\n\n .demo-button:hover {\n box-shadow: 0 30px 60px rgba(245, 158, 11, 0.6);\n }\n\n \/* Section Styling *\/\n .section {\n padding: 6rem 0;\n position: relative;\n }\n\n .section-title {\n font-size: 3.5rem;\n font-weight: 900;\n margin-bottom: 1.5rem;\n text-align: center;\n letter-spacing: -2px;\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 50%, #00a8ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #c0c0c0;\n }\n\n .section-subtitle {\n font-size: 1.3rem;\n color: #b0b0b0;\n text-align: center;\n max-width: 800px;\n margin: 0 auto 4rem;\n line-height: 1.8;\n }\n\n \/* Packages Section *\/\n .packages-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n margin-bottom: 4rem;\n }\n\n .package-card {\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.6) 100%);\n border-radius: 24px;\n padding: 2rem 1.8rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n position: relative;\n overflow: hidden;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n }\n\n .package-card::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.2) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n }\n\n .package-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%) rotate(45deg);\n }\n\n .package-card:hover {\n transform: translateY(-10px) scale(1.02);\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.95) 0%, rgba(10, 10, 10, 0.8) 100%);\n border-color: rgba(0, 102, 255, 0.7);\n box-shadow: \n 0 25px 50px rgba(0, 102, 255, 0.4),\n 0 0 100px rgba(0, 168, 255, 0.3);\n }\n\n .package-card.featured {\n border-color: rgba(245, 158, 11, 0.5);\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.9) 0%, rgba(10, 10, 10, 0.7) 100%);\n transform: scale(1.05);\n box-shadow: 0 20px 40px rgba(245, 158, 11, 0.3);\n }\n\n .package-card.featured::after {\n content: 'MOST POPULAR';\n position: absolute;\n top: 15px;\n right: -35px;\n background: linear-gradient(135deg, #f59e0b, #d97706);\n color: #fff;\n padding: 0.4rem 3rem;\n font-size: 0.7rem;\n font-weight: 900;\n letter-spacing: 1.5px;\n transform: rotate(45deg);\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.5);\n }\n\n .package-card.featured:hover {\n border-color: rgba(245, 158, 11, 0.8);\n box-shadow: \n 0 30px 60px rgba(245, 158, 11, 0.4),\n 0 0 100px rgba(239, 68, 68, 0.3);\n }\n\n .package-header {\n text-align: center;\n margin-bottom: 1.8rem;\n padding-bottom: 1.8rem;\n border-bottom: 2px solid rgba(0, 102, 255, 0.2);\n }\n\n .package-name {\n font-size: 1.8rem;\n font-weight: 900;\n margin-bottom: 0.8rem;\n letter-spacing: -1px;\n color: #fff;\n text-shadow: 0 4px 20px rgba(0, 102, 255, 0.5);\n }\n\n .package-credits {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 1.2rem;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.3), rgba(0, 168, 255, 0.25));\n padding: 0.7rem 1.8rem;\n border-radius: 50px;\n display: inline-block;\n font-weight: 800;\n letter-spacing: 1px;\n border: 2px solid rgba(0, 102, 255, 0.5);\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);\n }\n\n .package-price {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 0.3rem;\n margin-bottom: 0.5rem;\n }\n\n .currency {\n font-size: 1.5rem;\n font-weight: 800;\n color: #00a8ff;\n }\n\n .price {\n font-size: 3rem;\n font-weight: 900;\n letter-spacing: -3px;\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 50%, #00e0ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #c0c0c0;\n }\n\n .normal-price {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.4);\n text-decoration: line-through;\n margin-bottom: 0.5rem;\n }\n\n .save-badge {\n display: inline-block;\n background: linear-gradient(135deg, rgba(34, 197, 94, 0.25), rgba(34, 197, 94, 0.15));\n border: 2px solid rgba(34, 197, 94, 0.6);\n color: #4ade80;\n padding: 0.4rem 1rem;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n margin-top: 0.5rem;\n box-shadow: 0 6px 20px rgba(34, 197, 94, 0.4);\n }\n\n .package-notes {\n font-size: 0.85rem;\n color: #b0b0b0;\n text-align: center;\n margin-top: 0.5rem;\n font-style: italic;\n }\n\n .package-features {\n list-style: none;\n margin-bottom: 1.8rem;\n flex-grow: 1;\n }\n\n .package-feature {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n padding: 0.7rem 0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border-bottom: 1px solid rgba(0, 102, 255, 0.1);\n }\n\n .package-feature:last-child {\n border-bottom: none;\n }\n\n .package-feature:hover {\n padding-left: 0.8rem;\n background: linear-gradient(90deg, rgba(0, 102, 255, 0.15) 0%, transparent 100%);\n border-radius: 10px;\n }\n\n .feature-icon {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n background: linear-gradient(135deg, #0066ff 0%, #00a0ff 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 3px 10px rgba(0, 102, 255, 0.5);\n transition: all 0.3s ease;\n }\n\n .feature-icon svg {\n width: 11px;\n height: 11px;\n fill: white;\n }\n\n .package-feature:hover .feature-icon {\n transform: scale(1.15) rotate(15deg);\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.8);\n }\n\n .feature-text {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.9);\n font-weight: 500;\n line-height: 1.5;\n }\n\n .package-card .cta-button {\n margin-top: auto;\n width: 100%;\n justify-content: center;\n padding: 1.2rem 2rem;\n font-size: 0.95rem;\n }\n\n .extension-policy {\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.6) 100%);\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n max-width: 900px;\n margin: 0 auto;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n }\n\n .extension-policy h3 {\n font-size: 2rem;\n margin-bottom: 2rem;\n text-align: center;\n background: linear-gradient(135deg, #ffffff 0%, #00a8ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #00a8ff;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.8rem;\n }\n\n .extension-policy p {\n font-size: 1.15rem;\n color: #b0b0b0;\n margin-bottom: 1.2rem;\n line-height: 1.8;\n }\n\n \/* Profit Section *\/\n .profit-cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2.5rem;\n margin-bottom: 3rem;\n }\n\n .profit-card {\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.6) 100%);\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n text-align: center;\n transition: all 0.5s ease;\n position: relative;\n overflow: hidden;\n }\n\n .profit-card::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.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n }\n\n .profit-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%) rotate(45deg);\n }\n\n .profit-card:hover {\n transform: translateY(-15px) scale(1.03);\n border-color: rgba(16, 185, 129, 0.6);\n box-shadow: 0 30px 60px rgba(16, 185, 129, 0.4);\n }\n\n .profit-icon {\n width: 90px;\n height: 90px;\n margin: 0 auto 1.5rem;\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 40px rgba(16, 185, 129, 0.5);\n transition: all 0.4s ease;\n }\n\n .profit-card:hover .profit-icon {\n transform: scale(1.1) rotate(10deg);\n }\n\n .profit-icon svg {\n width: 45px;\n height: 45px;\n fill: white;\n }\n\n .profit-card h3 {\n font-size: 1.9rem;\n margin-bottom: 1.2rem;\n color: #00a8ff;\n }\n\n .profit-amount {\n font-size: 3rem;\n font-weight: 900;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #10b981 0%, #34d399 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #10b981;\n }\n\n .profit-description {\n font-size: 1.1rem;\n color: #b0b0b0;\n line-height: 1.7;\n margin-bottom: 2rem;\n }\n\n .profit-breakdown {\n background: rgba(0, 102, 255, 0.12);\n border-radius: 18px;\n padding: 1.8rem;\n margin-top: 2rem;\n text-align: left;\n border: 1px solid rgba(0, 102, 255, 0.2);\n }\n\n .profit-breakdown h4 {\n font-size: 1.3rem;\n margin-bottom: 1.2rem;\n color: #00a8ff;\n }\n\n .profit-item {\n display: flex;\n justify-content: space-between;\n padding: 0.8rem 0;\n border-bottom: 1px solid rgba(0, 102, 255, 0.15);\n transition: all 0.3s ease;\n }\n\n .profit-item:last-child {\n border-bottom: none;\n }\n\n .profit-item:hover {\n padding-left: 0.5rem;\n background: rgba(0, 102, 255, 0.08);\n border-radius: 8px;\n }\n\n .profit-label {\n color: #b0b0b0;\n font-size: 1.05rem;\n }\n\n .profit-value {\n font-weight: 700;\n color: #10b981;\n font-size: 1.1rem;\n }\n\n .profit-note {\n text-align: center;\n font-size: 1.1rem;\n color: #b0b0b0;\n max-width: 900px;\n margin: 0 auto;\n line-height: 1.8;\n padding: 2rem;\n background: rgba(0, 102, 255, 0.08);\n border-radius: 18px;\n border: 1px solid rgba(0, 102, 255, 0.2);\n }\n\n \/* Dashboard & Features Sections *\/\n .dashboard-features, .features-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n margin-top: 3rem;\n }\n\n .features-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .dashboard-feature, .feature-card {\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.6) 100%);\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .dashboard-feature::before, .feature-card::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) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n }\n\n .dashboard-feature:hover::before, .feature-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%) rotate(45deg);\n }\n\n .dashboard-feature:hover, .feature-card:hover {\n transform: translateY(-12px) scale(1.02);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: 0 25px 50px rgba(0, 102, 255, 0.4);\n }\n\n .feature-card {\n text-align: center;\n }\n\n .feature-icon-large {\n width: 90px;\n height: 90px;\n margin: 0 auto 2rem;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 40px rgba(0, 102, 255, 0.5);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover .feature-icon-large {\n transform: scale(1.1) rotate(10deg);\n }\n\n .feature-icon-large svg {\n width: 45px;\n height: 45px;\n fill: white;\n }\n\n .dashboard-feature h3, .feature-card h3 {\n font-size: 1.7rem;\n margin-bottom: 1.2rem;\n color: #00a8ff;\n }\n\n .dashboard-feature h3 {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n }\n\n .dashboard-feature h3 svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: #00a8ff;\n }\n\n .dashboard-feature p, .feature-card p {\n font-size: 1.15rem;\n color: #b0b0b0;\n line-height: 1.8;\n }\n\n \/* Benefits Section *\/\n .benefits-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n margin-top: 3rem;\n }\n\n .benefit-item {\n display: flex;\n align-items: flex-start;\n gap: 2rem;\n padding: 2rem;\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.6) 100%);\n border-radius: 24px;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-item::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) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n }\n\n .benefit-item:hover::before {\n opacity: 1;\n transform: translate(25%, 25%) rotate(45deg);\n }\n\n .benefit-item:hover {\n transform: translateY(-8px);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: 0 20px 40px rgba(0, 102, 255, 0.4);\n }\n\n .benefit-icon {\n flex-shrink: 0;\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.5);\n transition: all 0.4s ease;\n }\n\n .benefit-item:hover .benefit-icon {\n transform: scale(1.15) rotate(15deg);\n }\n\n .benefit-icon svg {\n width: 35px;\n height: 35px;\n fill: white;\n }\n\n .benefit-content h3 {\n font-size: 1.5rem;\n margin-bottom: 0.8rem;\n color: #00a8ff;\n }\n\n .benefit-content p {\n font-size: 1.1rem;\n color: #b0b0b0;\n line-height: 1.7;\n }\n\n \/* Final CTA Section *\/\n .final-cta-section {\n padding: 8rem 0;\n text-align: center;\n position: relative;\n }\n\n .final-cta-section h2 {\n font-size: 4rem;\n font-weight: 900;\n margin-bottom: 2rem;\n letter-spacing: -2px;\n background: linear-gradient(135deg, #ffffff 0%, #00a8ff 50%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #00a8ff;\n }\n\n .final-cta-section p {\n font-size: 1.4rem;\n color: #b0b0b0;\n margin-bottom: 3rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n }\n\n \/* Responsive Styles *\/\n @media (max-width: 1200px) {\n .packages-grid, .profit-cards {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .package-card.featured {\n transform: scale(1.05);\n }\n }\n\n @media (max-width: 968px) {\n .hero-title {\n font-size: 3.5rem;\n }\n \n .hero-subtitle {\n font-size: 1.5rem;\n }\n\n .hero-text {\n font-size: 1.1rem;\n }\n \n .section-title {\n font-size: 2.8rem;\n }\n\n .section-subtitle {\n font-size: 1.15rem;\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2.8rem;\n }\n \n .hero-subtitle {\n font-size: 1.3rem;\n }\n \n .section-title {\n font-size: 2.2rem;\n }\n \n .packages-grid, .features-grid, .dashboard-features, .benefits-list, .profit-cards {\n grid-template-columns: 1fr;\n }\n\n .package-card.featured {\n transform: scale(1);\n }\n \n .final-cta-section h2 {\n font-size: 2.5rem;\n }\n\n .cta-buttons {\n flex-direction: column;\n align-items: stretch;\n }\n\n .cta-button {\n width: 100%;\n }\n\n .container {\n padding: 0 1.5rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero-title {\n font-size: 2.2rem;\n }\n\n .hero-badge {\n font-size: 0.75rem;\n padding: 0.5rem 1rem;\n }\n \n .section-title {\n font-size: 1.8rem;\n }\n \n .package-card {\n padding: 2rem 1.5rem;\n }\n \n .price {\n font-size: 3.5rem;\n }\n\n .package-name {\n font-size: 1.8rem;\n }\n\n .cta-button {\n padding: 1.3rem 2rem;\n font-size: 1rem;\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, #fff 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, #fff 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(10, 10, 10, 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(10, 10, 10, 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\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 \n <svg style=\"display: none;\">\n <defs>\n <symbol id=\"icon-fire\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2c1.5 3.5 3 5 5 7-1-4 2-6 4-6-1 3 1 6 1 9 0 5.523-4.477 10-10 10S2 17.523 2 12c0-3 2.5-6 4-7 1 2 2 3 4 4-1-3.5 0-6 2-7z\"\/>\n <\/symbol>\n <symbol id=\"icon-box\" viewBox=\"0 0 24 24\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\n <\/symbol>\n <symbol id=\"icon-whatsapp\" viewBox=\"0 0 24 24\">\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 <\/symbol>\n <symbol id=\"icon-check\" viewBox=\"0 0 24 24\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/symbol>\n <symbol id=\"icon-cart\" viewBox=\"0 0 24 24\">\n <circle cx=\"9\" cy=\"21\" r=\"1\"\/>\n <circle cx=\"20\" cy=\"21\" r=\"1\"\/>\n <path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/>\n <\/symbol>\n <symbol id=\"icon-sync\" viewBox=\"0 0 24 24\">\n <polyline points=\"23 4 23 10 17 10\"\/>\n <polyline points=\"1 20 1 14 7 14\"\/>\n <path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/>\n <\/symbol>\n <symbol id=\"icon-chart\" viewBox=\"0 0 24 24\">\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/>\n <polyline points=\"17 6 23 6 23 12\"\/>\n <\/symbol>\n <symbol id=\"icon-rocket\" viewBox=\"0 0 24 24\">\n <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/>\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/>\n <path d=\"M16 10a4 4 0 0 1-8 0\"\/>\n <\/symbol>\n <symbol id=\"icon-crown\" viewBox=\"0 0 24 24\">\n <path d=\"M2 20h20v2H2z\"\/>\n <path d=\"M12 4l3 7 7-5-2 10H4L2 6l7 5z\"\/>\n <\/symbol>\n <symbol id=\"icon-users\" viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/symbol>\n <symbol id=\"icon-calendar\" viewBox=\"0 0 24 24\">\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n <\/symbol>\n <symbol id=\"icon-stats\" viewBox=\"0 0 24 24\">\n <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/>\n <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/>\n <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/>\n <\/symbol>\n <symbol id=\"icon-plus\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"\/>\n <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/>\n <\/symbol>\n <symbol id=\"icon-tv\" viewBox=\"0 0 24 24\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"15\" rx=\"2\" ry=\"2\"\/>\n <polyline points=\"17 2 12 7 7 2\"\/>\n <\/symbol>\n <symbol id=\"icon-film\" viewBox=\"0 0 24 24\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2.18\" ry=\"2.18\"\/>\n <line x1=\"7\" y1=\"2\" x2=\"7\" y2=\"22\"\/>\n <line x1=\"17\" y1=\"2\" x2=\"17\" y2=\"22\"\/>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n <line x1=\"2\" y1=\"7\" x2=\"7\" y2=\"7\"\/>\n <line x1=\"2\" y1=\"17\" x2=\"7\" y2=\"17\"\/>\n <line x1=\"17\" y1=\"17\" x2=\"22\" y2=\"17\"\/>\n <line x1=\"17\" y1=\"7\" x2=\"22\" y2=\"7\"\/>\n <\/symbol>\n <symbol id=\"icon-hd\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polygon points=\"10 8 16 12 10 16 10 8\"\/>\n <\/symbol>\n <symbol id=\"icon-mobile\" viewBox=\"0 0 24 24\">\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/>\n <\/symbol>\n <symbol id=\"icon-clock\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/symbol>\n <symbol id=\"icon-shield\" viewBox=\"0 0 24 24\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n <\/symbol>\n <symbol id=\"icon-euro\" 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 <\/symbol>\n <symbol id=\"icon-infinity\" viewBox=\"0 0 24 24\">\n <path d=\"M18.178 8c1.654 0 2.822 1.166 2.822 2.82 0 1.656-1.168 2.822-2.822 2.822-1.665 0-3.063-1.156-4.178-3.643C12.772 12.487 11.374 13.643 9.709 13.643c-1.655 0-2.823-1.166-2.823-2.822C6.886 9.166 8.054 8 9.709 8c1.665 0 3.063 1.156 4.178 3.643C15.115 9.156 16.513 8 18.178 8z\"\/>\n <\/symbol>\n <symbol id=\"icon-bolt\" viewBox=\"0 0 24 24\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\n <\/symbol>\n <symbol id=\"icon-headset\" viewBox=\"0 0 24 24\">\n <path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/>\n <path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/>\n <\/symbol>\n <\/defs>\n <\/svg>\n\n \n <div class=\"animated-bg\" id=\"animatedBg\"><\/div>\n\n \n <div class=\"content-wrapper\">\n \n <section class=\"hero-section\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-fire\"\/><\/svg>\n LIMITED TIME OFFER\n <\/div>\n <h1 class=\"hero-title\">IPTV <span class=\"gradient-text\">Reseller Program<\/span><\/h1>\n <p class=\"hero-subtitle\">Start your own IPTV business today \u2014 no setup, no limits.<\/p>\n <p class=\"hero-text\">Access 20,000+ live TV channels and 105,000+ movies & series worldwide. Join thousands of successful resellers earning passive income.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"#packages\" class=\"cta-button pricing-button\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-box\"\/><\/svg>\n <span>View Packages<\/span>\n <\/a>\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=Hello,%20I%20am%20interested%20in%20your%20IPTV%20Reseller%20Program.%20I%20would%20like%20to%20get%20more%20information.\" class=\"cta-button demo-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-whatsapp\"\/><\/svg>\n <span>Contact Us<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"packages\" class=\"section packages-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Choose Your Reseller Package<\/h2>\n <p class=\"section-subtitle\">Special Offer – Limited Time Pricing<\/p>\n \n <div class=\"packages-grid\">\n \n <div class=\"package-card\">\n <div class=\"package-header\">\n <div class=\"package-name\">Starter<\/div>\n <div class=\"package-credits\">60 Credits<\/div>\n <div class=\"package-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">120<\/span>\n <\/div>\n <div class=\"normal-price\">Normal Price: \u20ac130<\/div>\n <div class=\"save-badge\">Save \u20ac10<\/div>\n <div class=\"package-notes\">Perfect for beginners<\/div>\n <\/div>\n\n <ul class=\"package-features\">\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">20,000+ Live TV Channels<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Full 4K\/8K\/HD\/SD Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Your Own Reseller Panel<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extend Anytime<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">24\/7 Technical Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Priority Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extended Trial Period<\/div>\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=Hello,%20I%20want%20to%20buy%20the%20Starter%20plan%20with%2060%20credits%20for%20%E2%82%AC120\" class=\"cta-button pricing-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-cart\"\/><\/svg>\n <span>Buy Now<\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"package-card featured\">\n <div class=\"package-header\">\n <div class=\"package-name\">Pro<\/div>\n <div class=\"package-credits\">120 Credits<\/div>\n <div class=\"package-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">200<\/span>\n <\/div>\n <div class=\"normal-price\">Normal Price: \u20ac230<\/div>\n <div class=\"save-badge\">Save \u20ac30<\/div>\n <div class=\"package-notes\">Most Popular<\/div>\n <\/div>\n\n <ul class=\"package-features\">\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">20,000+ Live TV Channels<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Full 4K\/8K\/HD\/SD Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Your Own Reseller Panel<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extend Anytime<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">24\/7 Technical Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Priority Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extended Trial Period<\/div>\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=Hello,%20I%20want%20to%20buy%20the%20Pro%20plan%20with%20120%20credits%20for%20%E2%82%AC200\" class=\"cta-button pricing-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-cart\"\/><\/svg>\n <span>Buy Now<\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"package-card\">\n <div class=\"package-header\">\n <div class=\"package-name\">Master<\/div>\n <div class=\"package-credits\">240 Credits<\/div>\n <div class=\"package-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">360<\/span>\n <\/div>\n <div class=\"normal-price\">Normal Price: \u20ac400<\/div>\n <div class=\"save-badge\">Save \u20ac40<\/div>\n <div class=\"package-notes\">Maximum profit<\/div>\n <\/div>\n\n <ul class=\"package-features\">\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">20,000+ Live TV Channels<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Full 4K\/8K\/HD\/SD Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Your Own Reseller Panel<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extend Anytime<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">24\/7 Technical Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Priority Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extended Trial Period<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">VIP Access to New Features<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Dedicated Account Manager<\/div>\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=Hello,%20I%20want%20to%20buy%20the%20Master%20plan%20with%20240%20credits%20for%20%E2%82%AC360\" class=\"cta-button pricing-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-cart\"\/><\/svg>\n <span>Buy Now<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"extension-policy\">\n <h3>\n <svg class=\"icon-svg\" style=\"width: 1.5em; height: 1.5em;\"><use href=\"#icon-sync\"\/><\/svg>\n Extension Policy\n <\/h3>\n <p>You can upgrade or extend anytime. Pay only the difference \u2014 no reset.<\/p>\n <p><strong>Starter 60<\/strong> \u2192 extend by 60, 120, or 240 credits<\/p>\n <p><strong>Pro 120<\/strong> \u2192 extend by 60, 120, or 240 credits<\/p>\n <p><strong>Master 240<\/strong> \u2192 extend by 60, 120, or more credits<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section profit-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Maximize Your Earnings<\/h2>\n <p class=\"section-subtitle\">Our reseller packages offer excellent profit margins with high return on investment<\/p>\n \n <div class=\"profit-cards\">\n <div class=\"profit-card\">\n <div class=\"profit-icon\">\n <svg><use href=\"#icon-chart\"\/><\/svg>\n <\/div>\n <h3>Starter Package<\/h3>\n <div class=\"profit-amount\">\u20ac230+<\/div>\n <p class=\"profit-description\">Potential profit with 60 credits<\/p>\n \n <div class=\"profit-breakdown\">\n <h4>Profit Breakdown<\/h4>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Investment<\/span>\n <span class=\"profit-value\">\u20ac120<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Potential Revenue<\/span>\n <span class=\"profit-value\">\u20ac230-\u20ac350<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">ROI<\/span>\n <span class=\"profit-value\">92% – 192%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"profit-card\">\n <div class=\"profit-icon\">\n <svg><use href=\"#icon-rocket\"\/><\/svg>\n <\/div>\n <h3>Pro Package<\/h3>\n <div class=\"profit-amount\">\u20ac500+<\/div>\n <p class=\"profit-description\">Potential profit with 120 credits<\/p>\n \n <div class=\"profit-breakdown\">\n <h4>Profit Breakdown<\/h4>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Investment<\/span>\n <span class=\"profit-value\">\u20ac200<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Potential Revenue<\/span>\n <span class=\"profit-value\">\u20ac500-\u20ac700<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">ROI<\/span>\n <span class=\"profit-value\">150% – 250%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"profit-card\">\n <div class=\"profit-icon\">\n <svg><use href=\"#icon-crown\"\/><\/svg>\n <\/div>\n <h3>Master Package<\/h3>\n <div class=\"profit-amount\">\u20ac900+<\/div>\n <p class=\"profit-description\">Potential profit with 240 credits<\/p>\n \n <div class=\"profit-breakdown\">\n <h4>Profit Breakdown<\/h4>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Investment<\/span>\n <span class=\"profit-value\">\u20ac360<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Potential Revenue<\/span>\n <span class=\"profit-value\">\u20ac900-\u20ac1200<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">ROI<\/span>\n <span class=\"profit-value\">150% – 233%<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <p class=\"profit-note\">* Profit potential calculated based on average reseller pricing. Your actual earnings may vary based on your pricing strategy and customer base.<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"section dashboard-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Reseller Dashboard<\/h2>\n <p class=\"section-subtitle\">Complete control over your IPTV business<\/p>\n \n <div class=\"dashboard-features\">\n <div class=\"dashboard-feature\">\n <h3>\n <svg><use href=\"#icon-users\"\/><\/svg>\n Create & Manage Accounts\n <\/h3>\n <p>Instantly create and manage customer accounts with our intuitive dashboard interface. Set subscription durations and monitor usage.<\/p>\n <\/div>\n <div class=\"dashboard-feature\">\n <h3>\n <svg><use href=\"#icon-calendar\"\/><\/svg>\n Flexible Subscriptions\n <\/h3>\n <p>Choose from 1, 3, 6, or 12 month subscription plans for your customers. Mix and match to maximize your profits.<\/p>\n <\/div>\n <div class=\"dashboard-feature\">\n <h3>\n <svg><use href=\"#icon-stats\"\/><\/svg>\n User Tracking\n <\/h3>\n <p>Track active and expired users with detailed analytics and reporting. Monitor customer activity and subscription status.<\/p>\n <\/div>\n <div class=\"dashboard-feature\">\n <h3>\n <svg><use href=\"#icon-plus\"\/><\/svg>\n Extend Anytime\n <\/h3>\n <p>Add more credits to your account whenever you need them without restrictions. Scale your business as you grow.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section features-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Included Features<\/h2>\n <p class=\"section-subtitle\">Premium IPTV service with all the features your customers expect<\/p>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-tv\"\/><\/svg>\n <\/div>\n <h3>20,000+ Live Channels<\/h3>\n <p>Access to premium channels from around the world in multiple languages. Sports, news, entertainment, and more.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-film\"\/><\/svg>\n <\/div>\n <h3>105,000+ Movies & Series<\/h3>\n <p>Massive library of on-demand content updated regularly with new releases. All genres available.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-hd\"\/><\/svg>\n <\/div>\n <h3>4K\/8K\/HD\/SD Support<\/h3>\n <p>Full resolution support for all devices. Crystal clear streaming quality with minimal buffering.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-mobile\"\/><\/svg>\n <\/div>\n <h3>Multi-Device Support<\/h3>\n <p>Works on Smart TV, Android, Firestick, iOS, MAG, PC and more. Your customers can watch anywhere.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-clock\"\/><\/svg>\n <\/div>\n <h3>Catch-Up & EPG<\/h3>\n <p>Never miss your favorite shows with catch-up and electronic program guide. Full 7-day catch-up available.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-shield\"\/><\/svg>\n <\/div>\n <h3>24\/7 Uptime<\/h3>\n <p>Reliable service with fast activation and minimal downtime. Enterprise-grade infrastructure.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section why-join-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Why Join Our Reseller Program<\/h2>\n <p class=\"section-subtitle\">Benefits that set our program apart from the competition<\/p>\n \n <div class=\"benefits-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-euro\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>Start from \u20ac120<\/h3>\n <p>Low entry cost makes it accessible for anyone to start their IPTV business with minimal investment.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-chart\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>Scale Anytime<\/h3>\n <p>Grow your business at your own pace with flexible credit extensions. No long-term commitments.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-infinity\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>Lifetime Reseller Access<\/h3>\n <p>Once you join, you have lifetime access to our reseller program with no recurring fees.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-rocket\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>High ROI<\/h3>\n <p>Excellent profit margins with potential for significant returns on investment. Earn back your initial cost quickly.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-bolt\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>Instant Setup<\/h3>\n <p>Get started immediately after payment. Your reseller panel will be activated within minutes.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-headset\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>24\/7 Support<\/h3>\n <p>Our dedicated support team is available round the clock to assist you with any issues.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section final-cta-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Ready to Start Your IPTV Business?<\/h2>\n <p class=\"section-subtitle\">Join thousands of successful resellers earning passive income with our premium IPTV service. Start with as little as \u20ac120 and scale as you grow.<\/p>\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=Hello,%20I%20am%20ready%20to%20start%20my%20IPTV%20reseller%20business.%20Please%20guide%20me%20through%20the%20process.\" class=\"cta-button pricing-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-rocket\"\/><\/svg>\n <span>Start Selling Today<\/span>\n <\/a>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Smooth scrolling for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if(targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if(targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 50,\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/\/ Add hover glow effect to buttons\n document.querySelectorAll('.cta-button').forEach(button => {\n button.addEventListener('mousemove', (e) => {\n const rect = button.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n \n button.style.setProperty('--mouse-x', x + 'px');\n button.style.setProperty('--mouse-y', y + 'px');\n });\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","protected":false},"excerpt":{"rendered":"<p>IPTV Reseller Program – Start Your Business Today StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support LIMITED TIME OFFER IPTV Reseller Program Start your own IPTV business today \u2014 no setup, no limits. Access 20,000+ live TV channels and 105,000+ […]<\/p>\n","protected":false},"author":1,"featured_media":410,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-59","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>IPTV Reseller Program | StreamEZ \u2013 Start Selling IPTV<\/title>\n<meta name=\"description\" content=\"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.\" \/>\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\/reseller-program\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reseller Program\" \/>\n<meta property=\"og:description\" content=\"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/\" \/>\n<meta property=\"og:site_name\" content=\"StreamEZ\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-19T16:49:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-reseller-program-streamez-bulk-credits.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/\",\"name\":\"IPTV Reseller Program | StreamEZ \u2013 Start Selling IPTV\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-reseller-program-streamez-bulk-credits.webp\",\"datePublished\":\"2025-10-26T15:33:59+00:00\",\"dateModified\":\"2025-11-19T16:49:18+00:00\",\"description\":\"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-reseller-program-streamez-bulk-credits.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-reseller-program-streamez-bulk-credits.webp\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reseller 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 Reseller Program | StreamEZ \u2013 Start Selling IPTV","description":"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.","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\/reseller-program\/","og_locale":"en_US","og_type":"article","og_title":"Reseller Program","og_description":"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.","og_url":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/","og_site_name":"StreamEZ","article_modified_time":"2025-11-19T16:49:18+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-reseller-program-streamez-bulk-credits.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/","url":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/","name":"IPTV Reseller Program | StreamEZ \u2013 Start Selling IPTV","isPartOf":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-reseller-program-streamez-bulk-credits.webp","datePublished":"2025-10-26T15:33:59+00:00","dateModified":"2025-11-19T16:49:18+00:00","description":"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.","breadcrumb":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/#primaryimage","url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-reseller-program-streamez-bulk-credits.webp","contentUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-reseller-program-streamez-bulk-credits.webp","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-subscribe.com\/en\/"},{"@type":"ListItem","position":2,"name":"Reseller 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\/59","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=59"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media\/410"}],"wp:attachment":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":59,"date":"2025-10-26T15:33:59","date_gmt":"2025-10-26T15:33:59","guid":{"rendered":"https:\/\/buyiptv-subscribe.com\/en\/?page_id=59"},"modified":"2025-11-19T16:49:18","modified_gmt":"2025-11-19T16:49:18","slug":"reseller-program","status":"publish","type":"page","link":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/","title":{"rendered":"Reseller Program"},"content":{"rendered":"\n\n\n\n \n \n IPTV Reseller Program – Start Your Business Today<\/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: transparent;\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, #fff 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, #fff 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 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 position: relative;\n }\n\n \/* SVG Icon Styles *\/\n .icon-svg {\n display: inline-block;\n width: 1em;\n height: 1em;\n vertical-align: middle;\n fill: currentColor;\n }\n\n \/* Static Background with Gradient *\/\n .animated-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n background: #0a0a0a;\n }\n\n \/* Content wrapper *\/\n .content-wrapper {\n position: relative;\n z-index: 2;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n \/* Hero Section *\/\n .hero-section {\n position: relative;\n padding: 10rem 0 8rem;\n text-align: center;\n overflow: hidden;\n }\n\n .hero-content {\n position: relative;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\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.4);\n padding: 0.6rem 1.5rem;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 2rem;\n }\n\n .hero-title {\n font-size: 5rem;\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%, #c0c0c0 30%, #00a8ff 50%, #0066ff 70%, #00e0ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #0066ff;\n display: inline-block;\n filter: drop-shadow(0 0 40px rgba(0, 102, 255, 0.6));\n }\n\n .hero-subtitle {\n font-size: 1.8rem;\n color: #b0b0b0;\n margin-bottom: 2rem;\n font-weight: 500;\n line-height: 1.5;\n }\n\n .hero-text {\n font-size: 1.3rem;\n color: #b0b0b0;\n margin-bottom: 3rem;\n max-width: 720px;\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 margin-top: 3rem;\n }\n\n .cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.8rem;\n padding: 1.6rem 3.5rem;\n border-radius: 18px;\n font-weight: 800;\n font-size: 1.1rem;\n border: none;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n color: #fff;\n box-shadow: 0 20px 40px rgba(0, 102, 255, 0.4);\n text-decoration: none;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.6s;\n }\n\n .cta-button:hover::before {\n left: 100%;\n }\n\n .cta-button:hover {\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 30px 60px rgba(0, 102, 255, 0.6);\n }\n\n .demo-button {\n background: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%);\n box-shadow: 0 20px 40px rgba(245, 158, 11, 0.4);\n }\n\n .demo-button:hover {\n box-shadow: 0 30px 60px rgba(245, 158, 11, 0.6);\n }\n\n \/* Section Styling *\/\n .section {\n padding: 6rem 0;\n position: relative;\n }\n\n .section-title {\n font-size: 3.5rem;\n font-weight: 900;\n margin-bottom: 1.5rem;\n text-align: center;\n letter-spacing: -2px;\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 50%, #00a8ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #c0c0c0;\n }\n\n .section-subtitle {\n font-size: 1.3rem;\n color: #b0b0b0;\n text-align: center;\n max-width: 800px;\n margin: 0 auto 4rem;\n line-height: 1.8;\n }\n\n \/* Packages Section *\/\n .packages-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n margin-bottom: 4rem;\n }\n\n .package-card {\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.6) 100%);\n border-radius: 24px;\n padding: 2rem 1.8rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n position: relative;\n overflow: hidden;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n }\n\n .package-card::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.2) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n }\n\n .package-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%) rotate(45deg);\n }\n\n .package-card:hover {\n transform: translateY(-10px) scale(1.02);\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.95) 0%, rgba(10, 10, 10, 0.8) 100%);\n border-color: rgba(0, 102, 255, 0.7);\n box-shadow: \n 0 25px 50px rgba(0, 102, 255, 0.4),\n 0 0 100px rgba(0, 168, 255, 0.3);\n }\n\n .package-card.featured {\n border-color: rgba(245, 158, 11, 0.5);\n background: linear-gradient(145deg, rgba(15, 15, 15, 0.9) 0%, rgba(10, 10, 10, 0.7) 100%);\n transform: scale(1.05);\n box-shadow: 0 20px 40px rgba(245, 158, 11, 0.3);\n }\n\n .package-card.featured::after {\n content: 'MOST POPULAR';\n position: absolute;\n top: 15px;\n right: -35px;\n background: linear-gradient(135deg, #f59e0b, #d97706);\n color: #fff;\n padding: 0.4rem 3rem;\n font-size: 0.7rem;\n font-weight: 900;\n letter-spacing: 1.5px;\n transform: rotate(45deg);\n box-shadow: 0 4px 15px rgba(245, 158, 11, 0.5);\n }\n\n .package-card.featured:hover {\n border-color: rgba(245, 158, 11, 0.8);\n box-shadow: \n 0 30px 60px rgba(245, 158, 11, 0.4),\n 0 0 100px rgba(239, 68, 68, 0.3);\n }\n\n .package-header {\n text-align: center;\n margin-bottom: 1.8rem;\n padding-bottom: 1.8rem;\n border-bottom: 2px solid rgba(0, 102, 255, 0.2);\n }\n\n .package-name {\n font-size: 1.8rem;\n font-weight: 900;\n margin-bottom: 0.8rem;\n letter-spacing: -1px;\n color: #fff;\n text-shadow: 0 4px 20px rgba(0, 102, 255, 0.5);\n }\n\n .package-credits {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 1.2rem;\n background: linear-gradient(135deg, rgba(0, 102, 255, 0.3), rgba(0, 168, 255, 0.25));\n padding: 0.7rem 1.8rem;\n border-radius: 50px;\n display: inline-block;\n font-weight: 800;\n letter-spacing: 1px;\n border: 2px solid rgba(0, 102, 255, 0.5);\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);\n }\n\n .package-price {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 0.3rem;\n margin-bottom: 0.5rem;\n }\n\n .currency {\n font-size: 1.5rem;\n font-weight: 800;\n color: #00a8ff;\n }\n\n .price {\n font-size: 3rem;\n font-weight: 900;\n letter-spacing: -3px;\n background: linear-gradient(135deg, #ffffff 0%, #c0c0c0 50%, #00e0ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #c0c0c0;\n }\n\n .normal-price {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.4);\n text-decoration: line-through;\n margin-bottom: 0.5rem;\n }\n\n .save-badge {\n display: inline-block;\n background: linear-gradient(135deg, rgba(34, 197, 94, 0.25), rgba(34, 197, 94, 0.15));\n border: 2px solid rgba(34, 197, 94, 0.6);\n color: #4ade80;\n padding: 0.4rem 1rem;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n margin-top: 0.5rem;\n box-shadow: 0 6px 20px rgba(34, 197, 94, 0.4);\n }\n\n .package-notes {\n font-size: 0.85rem;\n color: #b0b0b0;\n text-align: center;\n margin-top: 0.5rem;\n font-style: italic;\n }\n\n .package-features {\n list-style: none;\n margin-bottom: 1.8rem;\n flex-grow: 1;\n }\n\n .package-feature {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n padding: 0.7rem 0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border-bottom: 1px solid rgba(0, 102, 255, 0.1);\n }\n\n .package-feature:last-child {\n border-bottom: none;\n }\n\n .package-feature:hover {\n padding-left: 0.8rem;\n background: linear-gradient(90deg, rgba(0, 102, 255, 0.15) 0%, transparent 100%);\n border-radius: 10px;\n }\n\n .feature-icon {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n background: linear-gradient(135deg, #0066ff 0%, #00a0ff 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 3px 10px rgba(0, 102, 255, 0.5);\n transition: all 0.3s ease;\n }\n\n .feature-icon svg {\n width: 11px;\n height: 11px;\n fill: white;\n }\n\n .package-feature:hover .feature-icon {\n transform: scale(1.15) rotate(15deg);\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.8);\n }\n\n .feature-text {\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.9);\n font-weight: 500;\n line-height: 1.5;\n }\n\n .package-card .cta-button {\n margin-top: auto;\n width: 100%;\n justify-content: center;\n padding: 1.2rem 2rem;\n font-size: 0.95rem;\n }\n\n .extension-policy {\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.6) 100%);\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n max-width: 900px;\n margin: 0 auto;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n }\n\n .extension-policy h3 {\n font-size: 2rem;\n margin-bottom: 2rem;\n text-align: center;\n background: linear-gradient(135deg, #ffffff 0%, #00a8ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #00a8ff;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.8rem;\n }\n\n .extension-policy p {\n font-size: 1.15rem;\n color: #b0b0b0;\n margin-bottom: 1.2rem;\n line-height: 1.8;\n }\n\n \/* Profit Section *\/\n .profit-cards {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2.5rem;\n margin-bottom: 3rem;\n }\n\n .profit-card {\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.6) 100%);\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n text-align: center;\n transition: all 0.5s ease;\n position: relative;\n overflow: hidden;\n }\n\n .profit-card::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.15) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n }\n\n .profit-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%) rotate(45deg);\n }\n\n .profit-card:hover {\n transform: translateY(-15px) scale(1.03);\n border-color: rgba(16, 185, 129, 0.6);\n box-shadow: 0 30px 60px rgba(16, 185, 129, 0.4);\n }\n\n .profit-icon {\n width: 90px;\n height: 90px;\n margin: 0 auto 1.5rem;\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 40px rgba(16, 185, 129, 0.5);\n transition: all 0.4s ease;\n }\n\n .profit-card:hover .profit-icon {\n transform: scale(1.1) rotate(10deg);\n }\n\n .profit-icon svg {\n width: 45px;\n height: 45px;\n fill: white;\n }\n\n .profit-card h3 {\n font-size: 1.9rem;\n margin-bottom: 1.2rem;\n color: #00a8ff;\n }\n\n .profit-amount {\n font-size: 3rem;\n font-weight: 900;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #10b981 0%, #34d399 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #10b981;\n }\n\n .profit-description {\n font-size: 1.1rem;\n color: #b0b0b0;\n line-height: 1.7;\n margin-bottom: 2rem;\n }\n\n .profit-breakdown {\n background: rgba(0, 102, 255, 0.12);\n border-radius: 18px;\n padding: 1.8rem;\n margin-top: 2rem;\n text-align: left;\n border: 1px solid rgba(0, 102, 255, 0.2);\n }\n\n .profit-breakdown h4 {\n font-size: 1.3rem;\n margin-bottom: 1.2rem;\n color: #00a8ff;\n }\n\n .profit-item {\n display: flex;\n justify-content: space-between;\n padding: 0.8rem 0;\n border-bottom: 1px solid rgba(0, 102, 255, 0.15);\n transition: all 0.3s ease;\n }\n\n .profit-item:last-child {\n border-bottom: none;\n }\n\n .profit-item:hover {\n padding-left: 0.5rem;\n background: rgba(0, 102, 255, 0.08);\n border-radius: 8px;\n }\n\n .profit-label {\n color: #b0b0b0;\n font-size: 1.05rem;\n }\n\n .profit-value {\n font-weight: 700;\n color: #10b981;\n font-size: 1.1rem;\n }\n\n .profit-note {\n text-align: center;\n font-size: 1.1rem;\n color: #b0b0b0;\n max-width: 900px;\n margin: 0 auto;\n line-height: 1.8;\n padding: 2rem;\n background: rgba(0, 102, 255, 0.08);\n border-radius: 18px;\n border: 1px solid rgba(0, 102, 255, 0.2);\n }\n\n \/* Dashboard & Features Sections *\/\n .dashboard-features, .features-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n margin-top: 3rem;\n }\n\n .features-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .dashboard-feature, .feature-card {\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.6) 100%);\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .dashboard-feature::before, .feature-card::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) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n }\n\n .dashboard-feature:hover::before, .feature-card:hover::before {\n opacity: 1;\n transform: translate(25%, 25%) rotate(45deg);\n }\n\n .dashboard-feature:hover, .feature-card:hover {\n transform: translateY(-12px) scale(1.02);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: 0 25px 50px rgba(0, 102, 255, 0.4);\n }\n\n .feature-card {\n text-align: center;\n }\n\n .feature-icon-large {\n width: 90px;\n height: 90px;\n margin: 0 auto 2rem;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 40px rgba(0, 102, 255, 0.5);\n transition: all 0.4s ease;\n }\n\n .feature-card:hover .feature-icon-large {\n transform: scale(1.1) rotate(10deg);\n }\n\n .feature-icon-large svg {\n width: 45px;\n height: 45px;\n fill: white;\n }\n\n .dashboard-feature h3, .feature-card h3 {\n font-size: 1.7rem;\n margin-bottom: 1.2rem;\n color: #00a8ff;\n }\n\n .dashboard-feature h3 {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n }\n\n .dashboard-feature h3 svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: #00a8ff;\n }\n\n .dashboard-feature p, .feature-card p {\n font-size: 1.15rem;\n color: #b0b0b0;\n line-height: 1.8;\n }\n\n \/* Benefits Section *\/\n .benefits-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n margin-top: 3rem;\n }\n\n .benefit-item {\n display: flex;\n align-items: flex-start;\n gap: 2rem;\n padding: 2rem;\n background: linear-gradient(145deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.6) 100%);\n border-radius: 24px;\n border: 2px solid rgba(0, 102, 255, 0.3);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .benefit-item::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) 0%, transparent 70%);\n transition: all 0.8s ease;\n opacity: 0;\n }\n\n .benefit-item:hover::before {\n opacity: 1;\n transform: translate(25%, 25%) rotate(45deg);\n }\n\n .benefit-item:hover {\n transform: translateY(-8px);\n border-color: rgba(0, 102, 255, 0.6);\n box-shadow: 0 20px 40px rgba(0, 102, 255, 0.4);\n }\n\n .benefit-icon {\n flex-shrink: 0;\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.5);\n transition: all 0.4s ease;\n }\n\n .benefit-item:hover .benefit-icon {\n transform: scale(1.15) rotate(15deg);\n }\n\n .benefit-icon svg {\n width: 35px;\n height: 35px;\n fill: white;\n }\n\n .benefit-content h3 {\n font-size: 1.5rem;\n margin-bottom: 0.8rem;\n color: #00a8ff;\n }\n\n .benefit-content p {\n font-size: 1.1rem;\n color: #b0b0b0;\n line-height: 1.7;\n }\n\n \/* Final CTA Section *\/\n .final-cta-section {\n padding: 8rem 0;\n text-align: center;\n position: relative;\n }\n\n .final-cta-section h2 {\n font-size: 4rem;\n font-weight: 900;\n margin-bottom: 2rem;\n letter-spacing: -2px;\n background: linear-gradient(135deg, #ffffff 0%, #00a8ff 50%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #00a8ff;\n }\n\n .final-cta-section p {\n font-size: 1.4rem;\n color: #b0b0b0;\n margin-bottom: 3rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n }\n\n \/* Responsive Styles *\/\n @media (max-width: 1200px) {\n .packages-grid, .profit-cards {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .package-card.featured {\n transform: scale(1.05);\n }\n }\n\n @media (max-width: 968px) {\n .hero-title {\n font-size: 3.5rem;\n }\n \n .hero-subtitle {\n font-size: 1.5rem;\n }\n\n .hero-text {\n font-size: 1.1rem;\n }\n \n .section-title {\n font-size: 2.8rem;\n }\n\n .section-subtitle {\n font-size: 1.15rem;\n }\n }\n\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2.8rem;\n }\n \n .hero-subtitle {\n font-size: 1.3rem;\n }\n \n .section-title {\n font-size: 2.2rem;\n }\n \n .packages-grid, .features-grid, .dashboard-features, .benefits-list, .profit-cards {\n grid-template-columns: 1fr;\n }\n\n .package-card.featured {\n transform: scale(1);\n }\n \n .final-cta-section h2 {\n font-size: 2.5rem;\n }\n\n .cta-buttons {\n flex-direction: column;\n align-items: stretch;\n }\n\n .cta-button {\n width: 100%;\n }\n\n .container {\n padding: 0 1.5rem;\n }\n }\n\n @media (max-width: 480px) {\n .hero-title {\n font-size: 2.2rem;\n }\n\n .hero-badge {\n font-size: 0.75rem;\n padding: 0.5rem 1rem;\n }\n \n .section-title {\n font-size: 1.8rem;\n }\n \n .package-card {\n padding: 2rem 1.5rem;\n }\n \n .price {\n font-size: 3.5rem;\n }\n\n .package-name {\n font-size: 1.8rem;\n }\n\n .cta-button {\n padding: 1.3rem 2rem;\n font-size: 1rem;\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, #fff 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, #fff 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(10, 10, 10, 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(10, 10, 10, 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\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 \n <svg style=\"display: none;\">\n <defs>\n <symbol id=\"icon-fire\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2c1.5 3.5 3 5 5 7-1-4 2-6 4-6-1 3 1 6 1 9 0 5.523-4.477 10-10 10S2 17.523 2 12c0-3 2.5-6 4-7 1 2 2 3 4 4-1-3.5 0-6 2-7z\"\/>\n <\/symbol>\n <symbol id=\"icon-box\" viewBox=\"0 0 24 24\">\n <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/>\n <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/>\n <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/>\n <\/symbol>\n <symbol id=\"icon-whatsapp\" viewBox=\"0 0 24 24\">\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 <\/symbol>\n <symbol id=\"icon-check\" viewBox=\"0 0 24 24\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/symbol>\n <symbol id=\"icon-cart\" viewBox=\"0 0 24 24\">\n <circle cx=\"9\" cy=\"21\" r=\"1\"\/>\n <circle cx=\"20\" cy=\"21\" r=\"1\"\/>\n <path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/>\n <\/symbol>\n <symbol id=\"icon-sync\" viewBox=\"0 0 24 24\">\n <polyline points=\"23 4 23 10 17 10\"\/>\n <polyline points=\"1 20 1 14 7 14\"\/>\n <path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/>\n <\/symbol>\n <symbol id=\"icon-chart\" viewBox=\"0 0 24 24\">\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/>\n <polyline points=\"17 6 23 6 23 12\"\/>\n <\/symbol>\n <symbol id=\"icon-rocket\" viewBox=\"0 0 24 24\">\n <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/>\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/>\n <path d=\"M16 10a4 4 0 0 1-8 0\"\/>\n <\/symbol>\n <symbol id=\"icon-crown\" viewBox=\"0 0 24 24\">\n <path d=\"M2 20h20v2H2z\"\/>\n <path d=\"M12 4l3 7 7-5-2 10H4L2 6l7 5z\"\/>\n <\/symbol>\n <symbol id=\"icon-users\" viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/symbol>\n <symbol id=\"icon-calendar\" viewBox=\"0 0 24 24\">\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n <\/symbol>\n <symbol id=\"icon-stats\" viewBox=\"0 0 24 24\">\n <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/>\n <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/>\n <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/>\n <\/symbol>\n <symbol id=\"icon-plus\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"\/>\n <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/>\n <\/symbol>\n <symbol id=\"icon-tv\" viewBox=\"0 0 24 24\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"15\" rx=\"2\" ry=\"2\"\/>\n <polyline points=\"17 2 12 7 7 2\"\/>\n <\/symbol>\n <symbol id=\"icon-film\" viewBox=\"0 0 24 24\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2.18\" ry=\"2.18\"\/>\n <line x1=\"7\" y1=\"2\" x2=\"7\" y2=\"22\"\/>\n <line x1=\"17\" y1=\"2\" x2=\"17\" y2=\"22\"\/>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n <line x1=\"2\" y1=\"7\" x2=\"7\" y2=\"7\"\/>\n <line x1=\"2\" y1=\"17\" x2=\"7\" y2=\"17\"\/>\n <line x1=\"17\" y1=\"17\" x2=\"22\" y2=\"17\"\/>\n <line x1=\"17\" y1=\"7\" x2=\"22\" y2=\"7\"\/>\n <\/symbol>\n <symbol id=\"icon-hd\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polygon points=\"10 8 16 12 10 16 10 8\"\/>\n <\/symbol>\n <symbol id=\"icon-mobile\" viewBox=\"0 0 24 24\">\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/>\n <\/symbol>\n <symbol id=\"icon-clock\" viewBox=\"0 0 24 24\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/symbol>\n <symbol id=\"icon-shield\" viewBox=\"0 0 24 24\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n <\/symbol>\n <symbol id=\"icon-euro\" 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 <\/symbol>\n <symbol id=\"icon-infinity\" viewBox=\"0 0 24 24\">\n <path d=\"M18.178 8c1.654 0 2.822 1.166 2.822 2.82 0 1.656-1.168 2.822-2.822 2.822-1.665 0-3.063-1.156-4.178-3.643C12.772 12.487 11.374 13.643 9.709 13.643c-1.655 0-2.823-1.166-2.823-2.822C6.886 9.166 8.054 8 9.709 8c1.665 0 3.063 1.156 4.178 3.643C15.115 9.156 16.513 8 18.178 8z\"\/>\n <\/symbol>\n <symbol id=\"icon-bolt\" viewBox=\"0 0 24 24\">\n <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\n <\/symbol>\n <symbol id=\"icon-headset\" viewBox=\"0 0 24 24\">\n <path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/>\n <path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/>\n <\/symbol>\n <\/defs>\n <\/svg>\n\n \n <div class=\"animated-bg\" id=\"animatedBg\"><\/div>\n\n \n <div class=\"content-wrapper\">\n \n <section class=\"hero-section\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-fire\"\/><\/svg>\n LIMITED TIME OFFER\n <\/div>\n <h1 class=\"hero-title\">IPTV <span class=\"gradient-text\">Reseller Program<\/span><\/h1>\n <p class=\"hero-subtitle\">Start your own IPTV business today \u2014 no setup, no limits.<\/p>\n <p class=\"hero-text\">Access 20,000+ live TV channels and 105,000+ movies & series worldwide. Join thousands of successful resellers earning passive income.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"#packages\" class=\"cta-button pricing-button\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-box\"\/><\/svg>\n <span>View Packages<\/span>\n <\/a>\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=Hello,%20I%20am%20interested%20in%20your%20IPTV%20Reseller%20Program.%20I%20would%20like%20to%20get%20more%20information.\" class=\"cta-button demo-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-whatsapp\"\/><\/svg>\n <span>Contact Us<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"packages\" class=\"section packages-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Choose Your Reseller Package<\/h2>\n <p class=\"section-subtitle\">Special Offer – Limited Time Pricing<\/p>\n \n <div class=\"packages-grid\">\n \n <div class=\"package-card\">\n <div class=\"package-header\">\n <div class=\"package-name\">Starter<\/div>\n <div class=\"package-credits\">60 Credits<\/div>\n <div class=\"package-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">120<\/span>\n <\/div>\n <div class=\"normal-price\">Normal Price: \u20ac130<\/div>\n <div class=\"save-badge\">Save \u20ac10<\/div>\n <div class=\"package-notes\">Perfect for beginners<\/div>\n <\/div>\n\n <ul class=\"package-features\">\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">20,000+ Live TV Channels<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Full 4K\/8K\/HD\/SD Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Your Own Reseller Panel<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extend Anytime<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">24\/7 Technical Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Priority Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extended Trial Period<\/div>\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=Hello,%20I%20want%20to%20buy%20the%20Starter%20plan%20with%2060%20credits%20for%20%E2%82%AC120\" class=\"cta-button pricing-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-cart\"\/><\/svg>\n <span>Buy Now<\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"package-card featured\">\n <div class=\"package-header\">\n <div class=\"package-name\">Pro<\/div>\n <div class=\"package-credits\">120 Credits<\/div>\n <div class=\"package-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">200<\/span>\n <\/div>\n <div class=\"normal-price\">Normal Price: \u20ac230<\/div>\n <div class=\"save-badge\">Save \u20ac30<\/div>\n <div class=\"package-notes\">Most Popular<\/div>\n <\/div>\n\n <ul class=\"package-features\">\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">20,000+ Live TV Channels<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Full 4K\/8K\/HD\/SD Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Your Own Reseller Panel<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extend Anytime<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">24\/7 Technical Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Priority Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extended Trial Period<\/div>\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=Hello,%20I%20want%20to%20buy%20the%20Pro%20plan%20with%20120%20credits%20for%20%E2%82%AC200\" class=\"cta-button pricing-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-cart\"\/><\/svg>\n <span>Buy Now<\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"package-card\">\n <div class=\"package-header\">\n <div class=\"package-name\">Master<\/div>\n <div class=\"package-credits\">240 Credits<\/div>\n <div class=\"package-price\">\n <span class=\"currency\">\u20ac<\/span>\n <span class=\"price\">360<\/span>\n <\/div>\n <div class=\"normal-price\">Normal Price: \u20ac400<\/div>\n <div class=\"save-badge\">Save \u20ac40<\/div>\n <div class=\"package-notes\">Maximum profit<\/div>\n <\/div>\n\n <ul class=\"package-features\">\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">20,000+ Live TV Channels<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">105,000+ Movies & Series<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Full 4K\/8K\/HD\/SD Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Your Own Reseller Panel<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extend Anytime<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">24\/7 Technical Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Priority Support<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Extended Trial Period<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">VIP Access to New Features<\/div>\n <\/li>\n <li class=\"package-feature\">\n <div class=\"feature-icon\">\n <svg><use href=\"#icon-check\"\/><\/svg>\n <\/div>\n <div class=\"feature-text\">Dedicated Account Manager<\/div>\n <\/li>\n <\/ul>\n\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=Hello,%20I%20want%20to%20buy%20the%20Master%20plan%20with%20240%20credits%20for%20%E2%82%AC360\" class=\"cta-button pricing-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-cart\"\/><\/svg>\n <span>Buy Now<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"extension-policy\">\n <h3>\n <svg class=\"icon-svg\" style=\"width: 1.5em; height: 1.5em;\"><use href=\"#icon-sync\"\/><\/svg>\n Extension Policy\n <\/h3>\n <p>You can upgrade or extend anytime. Pay only the difference \u2014 no reset.<\/p>\n <p><strong>Starter 60<\/strong> \u2192 extend by 60, 120, or 240 credits<\/p>\n <p><strong>Pro 120<\/strong> \u2192 extend by 60, 120, or 240 credits<\/p>\n <p><strong>Master 240<\/strong> \u2192 extend by 60, 120, or more credits<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section profit-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Maximize Your Earnings<\/h2>\n <p class=\"section-subtitle\">Our reseller packages offer excellent profit margins with high return on investment<\/p>\n \n <div class=\"profit-cards\">\n <div class=\"profit-card\">\n <div class=\"profit-icon\">\n <svg><use href=\"#icon-chart\"\/><\/svg>\n <\/div>\n <h3>Starter Package<\/h3>\n <div class=\"profit-amount\">\u20ac230+<\/div>\n <p class=\"profit-description\">Potential profit with 60 credits<\/p>\n \n <div class=\"profit-breakdown\">\n <h4>Profit Breakdown<\/h4>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Investment<\/span>\n <span class=\"profit-value\">\u20ac120<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Potential Revenue<\/span>\n <span class=\"profit-value\">\u20ac230-\u20ac350<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">ROI<\/span>\n <span class=\"profit-value\">92% – 192%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"profit-card\">\n <div class=\"profit-icon\">\n <svg><use href=\"#icon-rocket\"\/><\/svg>\n <\/div>\n <h3>Pro Package<\/h3>\n <div class=\"profit-amount\">\u20ac500+<\/div>\n <p class=\"profit-description\">Potential profit with 120 credits<\/p>\n \n <div class=\"profit-breakdown\">\n <h4>Profit Breakdown<\/h4>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Investment<\/span>\n <span class=\"profit-value\">\u20ac200<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Potential Revenue<\/span>\n <span class=\"profit-value\">\u20ac500-\u20ac700<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">ROI<\/span>\n <span class=\"profit-value\">150% – 250%<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"profit-card\">\n <div class=\"profit-icon\">\n <svg><use href=\"#icon-crown\"\/><\/svg>\n <\/div>\n <h3>Master Package<\/h3>\n <div class=\"profit-amount\">\u20ac900+<\/div>\n <p class=\"profit-description\">Potential profit with 240 credits<\/p>\n \n <div class=\"profit-breakdown\">\n <h4>Profit Breakdown<\/h4>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Investment<\/span>\n <span class=\"profit-value\">\u20ac360<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">Potential Revenue<\/span>\n <span class=\"profit-value\">\u20ac900-\u20ac1200<\/span>\n <\/div>\n <div class=\"profit-item\">\n <span class=\"profit-label\">ROI<\/span>\n <span class=\"profit-value\">150% – 233%<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <p class=\"profit-note\">* Profit potential calculated based on average reseller pricing. Your actual earnings may vary based on your pricing strategy and customer base.<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"section dashboard-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Reseller Dashboard<\/h2>\n <p class=\"section-subtitle\">Complete control over your IPTV business<\/p>\n \n <div class=\"dashboard-features\">\n <div class=\"dashboard-feature\">\n <h3>\n <svg><use href=\"#icon-users\"\/><\/svg>\n Create & Manage Accounts\n <\/h3>\n <p>Instantly create and manage customer accounts with our intuitive dashboard interface. Set subscription durations and monitor usage.<\/p>\n <\/div>\n <div class=\"dashboard-feature\">\n <h3>\n <svg><use href=\"#icon-calendar\"\/><\/svg>\n Flexible Subscriptions\n <\/h3>\n <p>Choose from 1, 3, 6, or 12 month subscription plans for your customers. Mix and match to maximize your profits.<\/p>\n <\/div>\n <div class=\"dashboard-feature\">\n <h3>\n <svg><use href=\"#icon-stats\"\/><\/svg>\n User Tracking\n <\/h3>\n <p>Track active and expired users with detailed analytics and reporting. Monitor customer activity and subscription status.<\/p>\n <\/div>\n <div class=\"dashboard-feature\">\n <h3>\n <svg><use href=\"#icon-plus\"\/><\/svg>\n Extend Anytime\n <\/h3>\n <p>Add more credits to your account whenever you need them without restrictions. Scale your business as you grow.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section features-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Included Features<\/h2>\n <p class=\"section-subtitle\">Premium IPTV service with all the features your customers expect<\/p>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-tv\"\/><\/svg>\n <\/div>\n <h3>20,000+ Live Channels<\/h3>\n <p>Access to premium channels from around the world in multiple languages. Sports, news, entertainment, and more.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-film\"\/><\/svg>\n <\/div>\n <h3>105,000+ Movies & Series<\/h3>\n <p>Massive library of on-demand content updated regularly with new releases. All genres available.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-hd\"\/><\/svg>\n <\/div>\n <h3>4K\/8K\/HD\/SD Support<\/h3>\n <p>Full resolution support for all devices. Crystal clear streaming quality with minimal buffering.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-mobile\"\/><\/svg>\n <\/div>\n <h3>Multi-Device Support<\/h3>\n <p>Works on Smart TV, Android, Firestick, iOS, MAG, PC and more. Your customers can watch anywhere.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-clock\"\/><\/svg>\n <\/div>\n <h3>Catch-Up & EPG<\/h3>\n <p>Never miss your favorite shows with catch-up and electronic program guide. Full 7-day catch-up available.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon-large\">\n <svg><use href=\"#icon-shield\"\/><\/svg>\n <\/div>\n <h3>24\/7 Uptime<\/h3>\n <p>Reliable service with fast activation and minimal downtime. Enterprise-grade infrastructure.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section why-join-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Why Join Our Reseller Program<\/h2>\n <p class=\"section-subtitle\">Benefits that set our program apart from the competition<\/p>\n \n <div class=\"benefits-list\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-euro\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>Start from \u20ac120<\/h3>\n <p>Low entry cost makes it accessible for anyone to start their IPTV business with minimal investment.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-chart\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>Scale Anytime<\/h3>\n <p>Grow your business at your own pace with flexible credit extensions. No long-term commitments.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-infinity\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>Lifetime Reseller Access<\/h3>\n <p>Once you join, you have lifetime access to our reseller program with no recurring fees.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-rocket\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>High ROI<\/h3>\n <p>Excellent profit margins with potential for significant returns on investment. Earn back your initial cost quickly.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-bolt\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>Instant Setup<\/h3>\n <p>Get started immediately after payment. Your reseller panel will be activated within minutes.<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg><use href=\"#icon-headset\"\/><\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>24\/7 Support<\/h3>\n <p>Our dedicated support team is available round the clock to assist you with any issues.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"section final-cta-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Ready to Start Your IPTV Business?<\/h2>\n <p class=\"section-subtitle\">Join thousands of successful resellers earning passive income with our premium IPTV service. Start with as little as \u20ac120 and scale as you grow.<\/p>\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707&text=Hello,%20I%20am%20ready%20to%20start%20my%20IPTV%20reseller%20business.%20Please%20guide%20me%20through%20the%20process.\" class=\"cta-button pricing-button\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg class=\"icon-svg\" style=\"width: 1.2em; height: 1.2em;\"><use href=\"#icon-rocket\"\/><\/svg>\n <span>Start Selling Today<\/span>\n <\/a>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n \/\/ Smooth scrolling for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if(targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if(targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 50,\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/\/ Add hover glow effect to buttons\n document.querySelectorAll('.cta-button').forEach(button => {\n button.addEventListener('mousemove', (e) => {\n const rect = button.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n \n button.style.setProperty('--mouse-x', x + 'px');\n button.style.setProperty('--mouse-y', y + 'px');\n });\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","protected":false},"excerpt":{"rendered":"<p>IPTV Reseller Program – Start Your Business Today StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support LIMITED TIME OFFER IPTV Reseller Program Start your own IPTV business today \u2014 no setup, no limits. Access 20,000+ live TV channels and 105,000+ […]<\/p>\n","protected":false},"author":1,"featured_media":410,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-59","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>IPTV Reseller Program | StreamEZ \u2013 Start Selling IPTV<\/title>\n<meta name=\"description\" content=\"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.\" \/>\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\/reseller-program\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reseller Program\" \/>\n<meta property=\"og:description\" content=\"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/\" \/>\n<meta property=\"og:site_name\" content=\"StreamEZ\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-19T16:49:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-reseller-program-streamez-bulk-credits.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/\",\"name\":\"IPTV Reseller Program | StreamEZ \u2013 Start Selling IPTV\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-reseller-program-streamez-bulk-credits.webp\",\"datePublished\":\"2025-10-26T15:33:59+00:00\",\"dateModified\":\"2025-11-19T16:49:18+00:00\",\"description\":\"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-reseller-program-streamez-bulk-credits.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-reseller-program-streamez-bulk-credits.webp\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/reseller-program\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reseller 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 Reseller Program | StreamEZ \u2013 Start Selling IPTV","description":"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.","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\/reseller-program\/","og_locale":"en_US","og_type":"article","og_title":"Reseller Program","og_description":"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.","og_url":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/","og_site_name":"StreamEZ","article_modified_time":"2025-11-19T16:49:18+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-reseller-program-streamez-bulk-credits.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/","url":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/","name":"IPTV Reseller Program | StreamEZ \u2013 Start Selling IPTV","isPartOf":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-reseller-program-streamez-bulk-credits.webp","datePublished":"2025-10-26T15:33:59+00:00","dateModified":"2025-11-19T16:49:18+00:00","description":"Become an IPTV reseller with StreamEZ. Low pricing, bulk credits, fast panel access. Grow your IPTV business today.","breadcrumb":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/#primaryimage","url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-reseller-program-streamez-bulk-credits.webp","contentUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-reseller-program-streamez-bulk-credits.webp","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-subscribe.com\/en\/"},{"@type":"ListItem","position":2,"name":"Reseller 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\/59","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=59"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media\/410"}],"wp:attachment":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}