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: #FF1E00; \/* Lava Red *\/\n --color-2: #FF6B00; \/* Orange Ember *\/\n --color-3: #A8A8A8; \/* Gray secondary *\/\n --color-4: #1E1E1E; \/* Charcoal Gray *\/\n --stroke-light: rgba(168,168,168,.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: #121212; \/* Graphite Black *\/\n backdrop-filter: blur(30px);\n border-bottom: 1px solid rgba(255, 30, 0, 0.15); \/* Lava Red *\/\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: #121212; \/* Graphite Black *\/\n box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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, #FF1E00 0%, #FF6B00 50%, #A8A8A8 100%); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.7), \/* Lava Red *\/\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(255, 30, 0, 0.7), \/* Lava Red *\/\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(255, 30, 0, 0.9), \/* Lava Red *\/\n 0 0 20px rgba(255, 107, 0, 0.5), \/* Orange Ember *\/\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%, #FF1E00 100%); \/* Lava Red *\/\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(255, 30, 0, 0.6); \/* Lava Red *\/\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(255, 30, 0, 0.4); \/* Lava Red *\/\n }\n\n .btn-subscribe {\n background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 50%, #A8A8A8 100%); \/* Lava Red to Orange Ember *\/\n color: #fff;\n box-shadow: 0 10px 35px rgba(255, 30, 0, 0.6); \/* Lava Red *\/\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(255, 30, 0, 0.7), \/* Lava Red *\/\n 0 0 30px rgba(255, 107, 0, 0.5); \/* Orange Ember *\/\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, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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: #121212; \/* Graphite Black *\/\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(255, 30, 0, 0.3); \/* Lava Red *\/\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(255, 30, 0, 0.3); \/* Lava Red *\/\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 30, 0, 0.1); \/* Lava Red *\/\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%, #FF1E00 100%); \/* Lava Red *\/\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(255, 30, 0, 0.2); \/* Lava Red *\/\n color: #fff;\n transform: translateX(8px);\n border-bottom-color: rgba(255, 30, 0, 0.5); \/* Lava Red *\/\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: #121212; \/* Graphite Black *\/\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: #121212; \/* Graphite Black *\/\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(255, 30, 0, 0.2), rgba(255, 107, 0, 0.2)); \/* Lava Red to Orange Ember *\/\n border: 2px solid rgba(255, 30, 0, 0.4); \/* Lava Red *\/\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%, #A8A8A8 30%, #FF6B00 50%, #FF1E00 70%, #A8A8A8 100%); \/* Lava Red to Orange Ember *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #FF1E00; \/* Lava Red *\/\n display: inline-block;\n filter: drop-shadow(0 0 40px rgba(255, 30, 0, 0.6)); \/* Lava Red *\/\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, #FF1E00 0%, #FF6B00 50%, #A8A8A8 100%); \/* Lava Red to Orange Ember *\/\n color: #fff;\n box-shadow: 0 20px 40px rgba(255, 30, 0, 0.4); \/* Lava Red *\/\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(255, 30, 0, 0.6); \/* Lava Red *\/\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%, #A8A8A8 50%, #FF6B00 100%); \/* Orange Ember *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #A8A8A8;\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(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.6) 100%); \/* Graphite Black *\/\n border-radius: 24px;\n padding: 2rem 1.8rem;\n border: 2px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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(255, 30, 0, 0.2) 0%, transparent 70%); \/* Lava Red *\/\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(18, 18, 18, 0.95) 0%, rgba(18, 18, 18, 0.8) 100%); \/* Graphite Black *\/\n border-color: rgba(255, 30, 0, 0.7); \/* Lava Red *\/\n box-shadow: \n 0 25px 50px rgba(255, 30, 0, 0.4), \/* Lava Red *\/\n 0 0 100px rgba(255, 107, 0, 0.3); \/* Orange Ember *\/\n }\n\n .package-card.featured {\n border-color: rgba(245, 158, 11, 0.5);\n background: linear-gradient(145deg, rgba(23, 23, 23, 0.9) 0%, rgba(18, 18, 18, 0.7) 100%); \/* Graphite Black *\/\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(255, 30, 0, 0.2); \/* Lava Red *\/\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(255, 30, 0, 0.5); \/* Lava Red *\/\n }\n\n .package-credits {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 1.2rem;\n background: linear-gradient(135deg, rgba(255, 30, 0, 0.3), rgba(255, 107, 0, 0.25)); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.5); \/* Lava Red *\/\n box-shadow: 0 4px 15px rgba(255, 30, 0, 0.4); \/* Lava Red *\/\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: #FF6B00; \/* Orange Ember *\/\n }\n\n .price {\n font-size: 3rem;\n font-weight: 900;\n letter-spacing: -3px;\n background: linear-gradient(135deg, #ffffff 0%, #A8A8A8 50%, #A8A8A8 100%); \/* Gray secondary *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #A8A8A8;\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(255, 30, 0, 0.1); \/* Lava Red *\/\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(255, 30, 0, 0.15) 0%, transparent 100%); \/* Lava Red *\/\n border-radius: 10px;\n }\n\n .feature-icon {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 100%); \/* Lava Red to Orange Ember *\/\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 3px 10px rgba(255, 30, 0, 0.5); \/* Lava Red *\/\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(255, 30, 0, 0.8); \/* Lava Red *\/\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(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.6) 100%); \/* Graphite Black *\/\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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%, #FF6B00 100%); \/* Orange Ember *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #FF6B00; \/* Orange Ember *\/\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(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.6) 100%); \/* Graphite Black *\/\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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: #FF6B00; \/* Orange Ember *\/\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(255, 30, 0, 0.12); \/* Lava Red *\/\n border-radius: 18px;\n padding: 1.8rem;\n margin-top: 2rem;\n text-align: left;\n border: 1px solid rgba(255, 30, 0, 0.2); \/* Lava Red *\/\n }\n\n .profit-breakdown h4 {\n font-size: 1.3rem;\n margin-bottom: 1.2rem;\n color: #FF6B00; \/* Orange Ember *\/\n }\n\n .profit-item {\n display: flex;\n justify-content: space-between;\n padding: 0.8rem 0;\n border-bottom: 1px solid rgba(255, 30, 0, 0.15); \/* Lava Red *\/\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(255, 30, 0, 0.08); \/* Lava Red *\/\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(255, 30, 0, 0.08); \/* Lava Red *\/\n border-radius: 18px;\n border: 1px solid rgba(255, 30, 0, 0.2); \/* Lava Red *\/\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(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.6) 100%); \/* Graphite Black *\/\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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(255, 30, 0, 0.15) 0%, transparent 70%); \/* Lava Red *\/\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(255, 30, 0, 0.6); \/* Lava Red *\/\n box-shadow: 0 25px 50px rgba(255, 30, 0, 0.4); \/* Lava Red *\/\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, #FF1E00 0%, #FF6B00 100%); \/* Lava Red to Orange Ember *\/\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 40px rgba(255, 30, 0, 0.5); \/* Lava Red *\/\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: #FF6B00; \/* Orange Ember *\/\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: #FF6B00; \/* Orange Ember *\/\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(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.6) 100%); \/* Graphite Black *\/\n border-radius: 24px;\n border: 2px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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(255, 30, 0, 0.15) 0%, transparent 70%); \/* Lava Red *\/\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(255, 30, 0, 0.6); \/* Lava Red *\/\n box-shadow: 0 20px 40px rgba(255, 30, 0, 0.4); \/* Lava Red *\/\n }\n\n .benefit-icon {\n flex-shrink: 0;\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 100%); \/* Lava Red to Orange Ember *\/\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 10px 30px rgba(255, 30, 0, 0.5); \/* Lava Red *\/\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: #FF6B00; \/* Orange Ember *\/\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%, #FF6B00 50%, #FF1E00 100%); \/* Lava Red to Orange Ember *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #FF6B00; \/* Orange Ember *\/\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: #FF1E00; \/* Lava Red *\/\n --color-2: #FF6B00; \/* Orange Ember *\/\n --color-3: #A8A8A8; \/* Gray secondary *\/\n --color-4: #1E1E1E; \/* Charcoal Gray *\/\n --stroke-light: rgba(168,168,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(18, 18, 18, 0.95); \/* Graphite Black *\/\n border-top: 1px solid rgba(255, 30, 0, 0.2); \/* Lava Red *\/\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, #FF1E00, #FF6B00, transparent); \/* Lava Red to Orange Ember *\/\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, #FF1E00 0%, #FF6B00 50%, #A8A8A8 100%); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.7), \/* Lava Red *\/\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, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.7), \/* Lava Red *\/\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(255, 30, 0, 0.9), \/* Lava Red *\/\n 0 0 20px rgba(255, 107, 0, 0.5), \/* Orange Ember *\/\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%, #FF1E00 100%); \/* Lava Red *\/\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%, #FF6B00 100%); \/* Orange Ember *\/\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(255, 30, 0, 0.15); \/* Lava Red *\/\n border: 1px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.6); \/* Lava Red *\/\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 35px rgba(255, 30, 0, 0.5); \/* Lava Red *\/\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, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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: #FF6B00; \/* Orange Ember *\/\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, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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: #FF1E00; \/* Lava Red *\/\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(18, 18, 18, 1); \/* Graphite Black *\/\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, #FF1E00, transparent); \/* Lava Red *\/\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(255, 30, 0, 0.15), transparent 50%); \/* Lava Red *\/\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(255, 30, 0, 0.3); \/* Lava Red *\/\n background: rgba(18, 18, 18, 0.6); \/* Graphite Black *\/\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: #FF1E00; \/* Lava Red *\/\n background: rgba(18, 18, 18, 0.8); \/* Graphite Black *\/\n }\n\n .newsletter-button {\n width: 100%;\n padding: 0.9rem;\n border-radius: 10px;\n border: none;\n background: linear-gradient(135deg, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.4); \/* Lava Red *\/\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(255, 30, 0, 0.4); \/* Lava Red *\/\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-service.com\/eu\/\" style=\"text-decoration: none;\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">BUY IPTV<\/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-service.com\/eu\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/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\">BUY IPTV<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/div>\n <nav>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/\">Home<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\">Pricing<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/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\">BUY IPTV<\/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.140a.506.506 0 0 1 .171.325c.016.093.036.306.020.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-service.com\/eu\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/about\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/Channels-list\/\">Channels List<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/reseller-program\/\">Reseller Program<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/terms-of-service\/\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #FF1E00, #1E1E1E); 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 BUY IPTV. 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 BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now BUY IPTV 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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-3342","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Reseller Program - Buy IPTV<\/title>\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-service.com\/eu\/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=\"IPTV Reseller Program – Start Your Business Today BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now BUY IPTV 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 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-service.com\/eu\/reseller-program\/\" \/>\n<meta property=\"og:site_name\" content=\"Buy IPTV\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-21T15:59:25+00:00\" \/>\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-service.com\\\/eu\\\/reseller-program\\\/\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/reseller-program\\\/\",\"name\":\"Reseller Program - Buy IPTV\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#website\"},\"datePublished\":\"2025-11-21T15:34:12+00:00\",\"dateModified\":\"2025-11-21T15:59:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/reseller-program\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/reseller-program\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/reseller-program\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reseller Program\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\",\"name\":\"BuyIPTV\",\"description\":\"Best IPTV\",\"publisher\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#organization\",\"name\":\"Buy IPTV\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"width\":512,\"height\":512,\"caption\":\"Buy IPTV\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Reseller Program - Buy IPTV","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-service.com\/eu\/reseller-program\/","og_locale":"en_US","og_type":"article","og_title":"Reseller Program","og_description":"IPTV Reseller Program – Start Your Business Today BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now BUY IPTV 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 […]","og_url":"https:\/\/buyiptv-service.com\/eu\/reseller-program\/","og_site_name":"Buy IPTV","article_modified_time":"2025-11-21T15:59:25+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-service.com\/eu\/reseller-program\/","url":"https:\/\/buyiptv-service.com\/eu\/reseller-program\/","name":"Reseller Program - Buy IPTV","isPartOf":{"@id":"https:\/\/buyiptv-service.com\/eu\/#website"},"datePublished":"2025-11-21T15:34:12+00:00","dateModified":"2025-11-21T15:59:25+00:00","breadcrumb":{"@id":"https:\/\/buyiptv-service.com\/eu\/reseller-program\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-service.com\/eu\/reseller-program\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-service.com\/eu\/reseller-program\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-service.com\/eu\/"},{"@type":"ListItem","position":2,"name":"Reseller Program"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-service.com\/eu\/#website","url":"https:\/\/buyiptv-service.com\/eu\/","name":"BuyIPTV","description":"Best IPTV","publisher":{"@id":"https:\/\/buyiptv-service.com\/eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-service.com\/eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/buyiptv-service.com\/eu\/#organization","name":"Buy IPTV","url":"https:\/\/buyiptv-service.com\/eu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/","url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","contentUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","width":512,"height":512,"caption":"Buy IPTV"},"image":{"@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/3342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/comments?post=3342"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/3342\/revisions"}],"wp:attachment":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/media?parent=3342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3342,"date":"2025-11-21T15:34:12","date_gmt":"2025-11-21T15:34:12","guid":{"rendered":"https:\/\/buyiptv-service.com\/eu\/?page_id=3342"},"modified":"2025-11-21T15:59:25","modified_gmt":"2025-11-21T15:59:25","slug":"reseller-program","status":"publish","type":"page","link":"https:\/\/buyiptv-service.com\/eu\/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: #FF1E00; \/* Lava Red *\/\n --color-2: #FF6B00; \/* Orange Ember *\/\n --color-3: #A8A8A8; \/* Gray secondary *\/\n --color-4: #1E1E1E; \/* Charcoal Gray *\/\n --stroke-light: rgba(168,168,168,.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: #121212; \/* Graphite Black *\/\n backdrop-filter: blur(30px);\n border-bottom: 1px solid rgba(255, 30, 0, 0.15); \/* Lava Red *\/\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: #121212; \/* Graphite Black *\/\n box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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, #FF1E00 0%, #FF6B00 50%, #A8A8A8 100%); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.7), \/* Lava Red *\/\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(255, 30, 0, 0.7), \/* Lava Red *\/\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(255, 30, 0, 0.9), \/* Lava Red *\/\n 0 0 20px rgba(255, 107, 0, 0.5), \/* Orange Ember *\/\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%, #FF1E00 100%); \/* Lava Red *\/\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(255, 30, 0, 0.6); \/* Lava Red *\/\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(255, 30, 0, 0.4); \/* Lava Red *\/\n }\n\n .btn-subscribe {\n background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 50%, #A8A8A8 100%); \/* Lava Red to Orange Ember *\/\n color: #fff;\n box-shadow: 0 10px 35px rgba(255, 30, 0, 0.6); \/* Lava Red *\/\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(255, 30, 0, 0.7), \/* Lava Red *\/\n 0 0 30px rgba(255, 107, 0, 0.5); \/* Orange Ember *\/\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, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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: #121212; \/* Graphite Black *\/\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(255, 30, 0, 0.3); \/* Lava Red *\/\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(255, 30, 0, 0.3); \/* Lava Red *\/\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 30, 0, 0.1); \/* Lava Red *\/\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%, #FF1E00 100%); \/* Lava Red *\/\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(255, 30, 0, 0.2); \/* Lava Red *\/\n color: #fff;\n transform: translateX(8px);\n border-bottom-color: rgba(255, 30, 0, 0.5); \/* Lava Red *\/\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: #121212; \/* Graphite Black *\/\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: #121212; \/* Graphite Black *\/\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(255, 30, 0, 0.2), rgba(255, 107, 0, 0.2)); \/* Lava Red to Orange Ember *\/\n border: 2px solid rgba(255, 30, 0, 0.4); \/* Lava Red *\/\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%, #A8A8A8 30%, #FF6B00 50%, #FF1E00 70%, #A8A8A8 100%); \/* Lava Red to Orange Ember *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #FF1E00; \/* Lava Red *\/\n display: inline-block;\n filter: drop-shadow(0 0 40px rgba(255, 30, 0, 0.6)); \/* Lava Red *\/\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, #FF1E00 0%, #FF6B00 50%, #A8A8A8 100%); \/* Lava Red to Orange Ember *\/\n color: #fff;\n box-shadow: 0 20px 40px rgba(255, 30, 0, 0.4); \/* Lava Red *\/\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(255, 30, 0, 0.6); \/* Lava Red *\/\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%, #A8A8A8 50%, #FF6B00 100%); \/* Orange Ember *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #A8A8A8;\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(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.6) 100%); \/* Graphite Black *\/\n border-radius: 24px;\n padding: 2rem 1.8rem;\n border: 2px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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(255, 30, 0, 0.2) 0%, transparent 70%); \/* Lava Red *\/\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(18, 18, 18, 0.95) 0%, rgba(18, 18, 18, 0.8) 100%); \/* Graphite Black *\/\n border-color: rgba(255, 30, 0, 0.7); \/* Lava Red *\/\n box-shadow: \n 0 25px 50px rgba(255, 30, 0, 0.4), \/* Lava Red *\/\n 0 0 100px rgba(255, 107, 0, 0.3); \/* Orange Ember *\/\n }\n\n .package-card.featured {\n border-color: rgba(245, 158, 11, 0.5);\n background: linear-gradient(145deg, rgba(23, 23, 23, 0.9) 0%, rgba(18, 18, 18, 0.7) 100%); \/* Graphite Black *\/\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(255, 30, 0, 0.2); \/* Lava Red *\/\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(255, 30, 0, 0.5); \/* Lava Red *\/\n }\n\n .package-credits {\n font-size: 1.3rem;\n color: #ffffff;\n margin-bottom: 1.2rem;\n background: linear-gradient(135deg, rgba(255, 30, 0, 0.3), rgba(255, 107, 0, 0.25)); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.5); \/* Lava Red *\/\n box-shadow: 0 4px 15px rgba(255, 30, 0, 0.4); \/* Lava Red *\/\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: #FF6B00; \/* Orange Ember *\/\n }\n\n .price {\n font-size: 3rem;\n font-weight: 900;\n letter-spacing: -3px;\n background: linear-gradient(135deg, #ffffff 0%, #A8A8A8 50%, #A8A8A8 100%); \/* Gray secondary *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #A8A8A8;\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(255, 30, 0, 0.1); \/* Lava Red *\/\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(255, 30, 0, 0.15) 0%, transparent 100%); \/* Lava Red *\/\n border-radius: 10px;\n }\n\n .feature-icon {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 100%); \/* Lava Red to Orange Ember *\/\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 3px 10px rgba(255, 30, 0, 0.5); \/* Lava Red *\/\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(255, 30, 0, 0.8); \/* Lava Red *\/\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(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.6) 100%); \/* Graphite Black *\/\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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%, #FF6B00 100%); \/* Orange Ember *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #FF6B00; \/* Orange Ember *\/\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(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.6) 100%); \/* Graphite Black *\/\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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: #FF6B00; \/* Orange Ember *\/\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(255, 30, 0, 0.12); \/* Lava Red *\/\n border-radius: 18px;\n padding: 1.8rem;\n margin-top: 2rem;\n text-align: left;\n border: 1px solid rgba(255, 30, 0, 0.2); \/* Lava Red *\/\n }\n\n .profit-breakdown h4 {\n font-size: 1.3rem;\n margin-bottom: 1.2rem;\n color: #FF6B00; \/* Orange Ember *\/\n }\n\n .profit-item {\n display: flex;\n justify-content: space-between;\n padding: 0.8rem 0;\n border-bottom: 1px solid rgba(255, 30, 0, 0.15); \/* Lava Red *\/\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(255, 30, 0, 0.08); \/* Lava Red *\/\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(255, 30, 0, 0.08); \/* Lava Red *\/\n border-radius: 18px;\n border: 1px solid rgba(255, 30, 0, 0.2); \/* Lava Red *\/\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(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.6) 100%); \/* Graphite Black *\/\n border-radius: 28px;\n padding: 3rem;\n border: 2px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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(255, 30, 0, 0.15) 0%, transparent 70%); \/* Lava Red *\/\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(255, 30, 0, 0.6); \/* Lava Red *\/\n box-shadow: 0 25px 50px rgba(255, 30, 0, 0.4); \/* Lava Red *\/\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, #FF1E00 0%, #FF6B00 100%); \/* Lava Red to Orange Ember *\/\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 15px 40px rgba(255, 30, 0, 0.5); \/* Lava Red *\/\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: #FF6B00; \/* Orange Ember *\/\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: #FF6B00; \/* Orange Ember *\/\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(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0.6) 100%); \/* Graphite Black *\/\n border-radius: 24px;\n border: 2px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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(255, 30, 0, 0.15) 0%, transparent 70%); \/* Lava Red *\/\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(255, 30, 0, 0.6); \/* Lava Red *\/\n box-shadow: 0 20px 40px rgba(255, 30, 0, 0.4); \/* Lava Red *\/\n }\n\n .benefit-icon {\n flex-shrink: 0;\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 100%); \/* Lava Red to Orange Ember *\/\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 10px 30px rgba(255, 30, 0, 0.5); \/* Lava Red *\/\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: #FF6B00; \/* Orange Ember *\/\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%, #FF6B00 50%, #FF1E00 100%); \/* Lava Red to Orange Ember *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: #FF6B00; \/* Orange Ember *\/\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: #FF1E00; \/* Lava Red *\/\n --color-2: #FF6B00; \/* Orange Ember *\/\n --color-3: #A8A8A8; \/* Gray secondary *\/\n --color-4: #1E1E1E; \/* Charcoal Gray *\/\n --stroke-light: rgba(168,168,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(18, 18, 18, 0.95); \/* Graphite Black *\/\n border-top: 1px solid rgba(255, 30, 0, 0.2); \/* Lava Red *\/\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, #FF1E00, #FF6B00, transparent); \/* Lava Red to Orange Ember *\/\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, #FF1E00 0%, #FF6B00 50%, #A8A8A8 100%); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.7), \/* Lava Red *\/\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, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.7), \/* Lava Red *\/\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(255, 30, 0, 0.9), \/* Lava Red *\/\n 0 0 20px rgba(255, 107, 0, 0.5), \/* Orange Ember *\/\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%, #FF1E00 100%); \/* Lava Red *\/\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%, #FF6B00 100%); \/* Orange Ember *\/\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(255, 30, 0, 0.15); \/* Lava Red *\/\n border: 1px solid rgba(255, 30, 0, 0.3); \/* Lava Red *\/\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, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.6); \/* Lava Red *\/\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 35px rgba(255, 30, 0, 0.5); \/* Lava Red *\/\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, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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: #FF6B00; \/* Orange Ember *\/\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, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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: #FF1E00; \/* Lava Red *\/\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(18, 18, 18, 1); \/* Graphite Black *\/\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, #FF1E00, transparent); \/* Lava Red *\/\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(255, 30, 0, 0.15), transparent 50%); \/* Lava Red *\/\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(255, 30, 0, 0.3); \/* Lava Red *\/\n background: rgba(18, 18, 18, 0.6); \/* Graphite Black *\/\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: #FF1E00; \/* Lava Red *\/\n background: rgba(18, 18, 18, 0.8); \/* Graphite Black *\/\n }\n\n .newsletter-button {\n width: 100%;\n padding: 0.9rem;\n border-radius: 10px;\n border: none;\n background: linear-gradient(135deg, #FF1E00, #FF6B00); \/* Lava Red to Orange Ember *\/\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(255, 30, 0, 0.4); \/* Lava Red *\/\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(255, 30, 0, 0.4); \/* Lava Red *\/\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-service.com\/eu\/\" style=\"text-decoration: none;\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">BUY IPTV<\/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-service.com\/eu\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/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\">BUY IPTV<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/div>\n <nav>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/\">Home<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\">Pricing<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a>\n <a href=\"https:\/\/buyiptv-service.com\/eu\/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\">BUY IPTV<\/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.140a.506.506 0 0 1 .171.325c.016.093.036.306.020.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-service.com\/eu\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/about\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/Channels-list\/\">Channels List<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/reseller-program\/\">Reseller Program<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/terms-of-service\/\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-service.com\/eu\/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-service.com\/eu\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #FF1E00, #1E1E1E); 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 BUY IPTV. 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 BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now BUY IPTV 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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-3342","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Reseller Program - Buy IPTV<\/title>\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-service.com\/eu\/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=\"IPTV Reseller Program – Start Your Business Today BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now BUY IPTV 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 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-service.com\/eu\/reseller-program\/\" \/>\n<meta property=\"og:site_name\" content=\"Buy IPTV\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-21T15:59:25+00:00\" \/>\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-service.com\\\/eu\\\/reseller-program\\\/\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/reseller-program\\\/\",\"name\":\"Reseller Program - Buy IPTV\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#website\"},\"datePublished\":\"2025-11-21T15:34:12+00:00\",\"dateModified\":\"2025-11-21T15:59:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/reseller-program\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/reseller-program\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/reseller-program\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reseller Program\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\",\"name\":\"BuyIPTV\",\"description\":\"Best IPTV\",\"publisher\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#organization\",\"name\":\"Buy IPTV\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"width\":512,\"height\":512,\"caption\":\"Buy IPTV\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Reseller Program - Buy IPTV","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-service.com\/eu\/reseller-program\/","og_locale":"en_US","og_type":"article","og_title":"Reseller Program","og_description":"IPTV Reseller Program – Start Your Business Today BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now BUY IPTV 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 […]","og_url":"https:\/\/buyiptv-service.com\/eu\/reseller-program\/","og_site_name":"Buy IPTV","article_modified_time":"2025-11-21T15:59:25+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-service.com\/eu\/reseller-program\/","url":"https:\/\/buyiptv-service.com\/eu\/reseller-program\/","name":"Reseller Program - Buy IPTV","isPartOf":{"@id":"https:\/\/buyiptv-service.com\/eu\/#website"},"datePublished":"2025-11-21T15:34:12+00:00","dateModified":"2025-11-21T15:59:25+00:00","breadcrumb":{"@id":"https:\/\/buyiptv-service.com\/eu\/reseller-program\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-service.com\/eu\/reseller-program\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-service.com\/eu\/reseller-program\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-service.com\/eu\/"},{"@type":"ListItem","position":2,"name":"Reseller Program"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-service.com\/eu\/#website","url":"https:\/\/buyiptv-service.com\/eu\/","name":"BuyIPTV","description":"Best IPTV","publisher":{"@id":"https:\/\/buyiptv-service.com\/eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-service.com\/eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/buyiptv-service.com\/eu\/#organization","name":"Buy IPTV","url":"https:\/\/buyiptv-service.com\/eu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/","url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","contentUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","width":512,"height":512,"caption":"Buy IPTV"},"image":{"@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/3342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/comments?post=3342"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/3342\/revisions"}],"wp:attachment":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/media?parent=3342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}