StreamEZ | IPTV Installation Guide<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <style>\n :root {\n --linear-ease: linear(\n 0, 0.068, 0.19 2.7%, 0.804 8.1%, 1.037, 1.199 13.2%, 1.245,\n 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, 0.996 28%, 0.949,\n 0.928 33.3%, 0.926, 0.933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%,\n 1.018 54.4%, 1 63.1%, 0.995 68%, 1.001 85%, 1\n );\n --color-1: #0066ff;\n --color-2: #00a8ff;\n --color-3: #00e0ff;\n --color-4: #c0c0c0;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #ffffff;\n overflow-x: hidden;\n min-height: 0;\n margin: 0;\n padding: 0;\n }\n\n header {\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n padding: 1.2rem 7%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n border-bottom: 1px solid rgba(0, 102, 255, 0.15);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n header.scrolled {\n padding: 0.9rem 7%;\n background: #0a0a0a;\n box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n transition: transform 0.3s ease;\n cursor: pointer;\n }\n\n .logo:hover {\n transform: translateY(-2px);\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 168, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .gooey-nav-container {\n position: relative;\n display: flex;\n align-items: center;\n }\n\n .gooey-nav-container nav {\n display: flex;\n position: relative;\n transform: translate3d(0, 0, 0.01px);\n }\n\n .gooey-nav-container nav ul {\n display: flex;\n gap: 2em;\n list-style: none;\n padding: 0 1em;\n margin: 0;\n position: relative;\n z-index: 3;\n color: white;\n text-shadow: 0 1px 1px hsl(205deg 30% 10% \/ 0.2);\n }\n\n .gooey-nav-container nav ul li {\n border-radius: 100vw;\n position: relative;\n cursor: pointer;\n transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 0 0.5px 1.5px transparent;\n color: white;\n }\n\n .gooey-nav-container nav ul li a {\n display: inline-block;\n padding: 0.6em 1em;\n color: inherit;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container nav ul li:focus-within:has(:focus-visible) {\n box-shadow: 0 0 0.5px 1.5px white;\n }\n\n .gooey-nav-container nav ul li::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 100vw;\n background: white;\n opacity: 0;\n transform: scale(0);\n transition: all 0.3s ease;\n z-index: -1;\n }\n\n .gooey-nav-container nav ul li.active {\n color: black;\n text-shadow: none;\n }\n\n .gooey-nav-container nav ul li.active::after {\n opacity: 1;\n transform: scale(1);\n }\n\n .gooey-nav-container .effect {\n position: absolute;\n left: 0;\n top: 0;\n width: 0;\n height: 0;\n opacity: 1;\n pointer-events: none;\n display: grid;\n place-items: center;\n z-index: 1;\n }\n\n .gooey-nav-container .effect.text {\n color: white;\n transition: color 0.3s ease;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container .effect.text.active {\n color: black;\n }\n\n .gooey-nav-container .effect.filter {\n filter: blur(7px) contrast(100) blur(0);\n mix-blend-mode: lighten;\n }\n\n .gooey-nav-container .effect.filter::before {\n content: '';\n position: absolute;\n inset: -75px;\n z-index: -2;\n background: transparent;\n pointer-events: none;\n }\n\n .gooey-nav-container .effect.filter::after {\n content: '';\n position: absolute;\n inset: 0;\n background: white;\n transform: scale(0);\n opacity: 0;\n z-index: -1;\n border-radius: 100vw;\n }\n\n .gooey-nav-container .effect.active::after {\n animation: pill 0.3s ease both;\n }\n\n @keyframes pill {\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .particle,\n .point {\n display: block;\n opacity: 0;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n transform-origin: center;\n }\n\n .particle {\n --time: 5s;\n position: absolute;\n top: calc(50% - 8px);\n left: calc(50% - 8px);\n animation: particle calc(var(--time)) ease 1 -350ms;\n }\n\n .point {\n background: var(--color);\n opacity: 1;\n animation: point calc(var(--time)) ease 1 -350ms;\n }\n\n @keyframes particle {\n 0% {\n transform: rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));\n opacity: 1;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 70% {\n transform: rotate(calc(var(--rotate) * 0.5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: rotate(calc(var(--rotate) * 0.66)) translate(calc(var(--end-x)), calc(var(--end-y)));\n opacity: 1;\n }\n 100% {\n transform: rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * 0.5), calc(var(--end-y) * 0.5));\n opacity: 1;\n }\n }\n\n @keyframes point {\n 0% {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 25% {\n transform: scale(calc(var(--scale) * 0.25));\n }\n 38% {\n opacity: 1;\n }\n 65% {\n transform: scale(var(--scale));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: scale(var(--scale));\n opacity: 1;\n }\n 100% {\n transform: scale(0);\n opacity: 0;\n }\n }\n\n .header-buttons {\n display: flex;\n gap: 1.2rem;\n align-items: center;\n }\n\n .btn {\n padding: 1rem 2.5rem;\n border-radius: 14px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n position: relative;\n overflow: hidden;\n }\n\n .btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.1);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .btn:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .btn span {\n position: relative;\n z-index: 1;\n }\n\n .btn-trial {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n border: 2px solid rgba(255, 255, 255, 0.25);\n backdrop-filter: blur(10px);\n }\n\n .btn-trial:hover {\n background: rgba(255, 255, 255, 0.16);\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.4);\n }\n\n .btn-subscribe {\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n color: #fff;\n box-shadow: 0 10px 35px rgba(0, 102, 255, 0.6);\n border: 2px solid transparent;\n position: relative;\n }\n\n .btn-subscribe:hover {\n transform: translateY(-3px);\n box-shadow: \n 0 15px 45px rgba(0, 102, 255, 0.7),\n 0 0 30px rgba(0, 168, 255, 0.5);\n }\n\n .mobile-menu-btn {\n display: none;\n flex-direction: column;\n gap: 6px;\n cursor: pointer;\n padding: 12px;\n z-index: 200;\n background: rgba(255, 255, 255, 0.12);\n border-radius: 10px;\n border: 2px solid rgba(255, 255, 255, 0.2);\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn span {\n width: 28px;\n height: 3px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn.active span:nth-child(1) {\n transform: rotate(45deg) translate(9px, 9px);\n }\n\n .mobile-menu-btn.active span:nth-child(2) {\n opacity: 0;\n }\n\n .mobile-menu-btn.active span:nth-child(3) {\n transform: rotate(-45deg) translate(9px, -9px);\n }\n\n .mobile-menu {\n position: fixed;\n top: 0;\n right: -100%;\n width: 85%;\n max-width: 420px;\n height: 100vh;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n z-index: 150;\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n padding: 0;\n border-left: 1px solid rgba(0, 102, 255, 0.3);\n box-shadow: -20px 0 60px rgba(0, 0, 0, 0.8);\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n }\n\n .mobile-menu.active {\n right: 0;\n }\n\n .mobile-menu-header {\n padding: 2rem 1.5rem;\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 102, 255, 0.1);\n }\n\n .mobile-menu-logo {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n }\n\n .mobile-menu-logo .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .mobile-menu-logo .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .mobile-menu-logo .logo-main {\n font-size: 1.7rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .mobile-menu-logo .logo-tagline {\n font-size: 0.6rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .mobile-menu nav {\n display: flex;\n flex-direction: column;\n gap: 0;\n padding: 2rem 1.5rem;\n flex: 1;\n }\n\n .mobile-menu nav a {\n padding: 1.5rem 1rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.15rem;\n transition: all 0.3s ease;\n border-radius: 8px;\n margin-bottom: 0.5rem;\n color: #b0b0b0;\n text-decoration: none;\n font-weight: 600;\n }\n\n .mobile-menu nav a:hover {\n background: rgba(0, 102, 255, 0.2);\n color: #fff;\n transform: translateX(8px);\n border-bottom-color: rgba(0, 102, 255, 0.5);\n }\n\n .menu-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n backdrop-filter: blur(8px);\n z-index: 140;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s ease;\n }\n\n .menu-overlay.active {\n opacity: 1;\n pointer-events: all;\n }\n \n \/* Tablet and Mobile Styles *\/\n @media (max-width: 1024px) {\n .mobile-menu-btn {\n display: flex;\n }\n \n .gooey-nav-container,\n .header-buttons {\n display: none;\n }\n\n header {\n padding: 1.2rem 5%;\n }\n\n .logo {\n font-size: 1.5rem;\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n }\n\n @media (max-width: 768px) {\n .mobile-menu-btn {\n display: flex;\n }\n \n .gooey-nav-container,\n .header-buttons {\n display: none;\n }\n\n header {\n padding: 1.2rem 5%;\n }\n\n .logo {\n font-size: 1.5rem;\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #0066ff;\n --primary-light: #00a8ff;\n --primary-dark: #0055dd;\n --secondary: #00e0ff;\n --accent: #f59e0b;\n --success: #10b981;\n --error: #dc143c;\n --bg-dark: #0a0a0a;\n --bg-card: rgba(20, 20, 20, 0.7);\n --text-primary: #ffffff;\n --text-secondary: #b0b0b0;\n --border: rgba(0, 102, 255, 0.2);\n --platinum: #c0c0c0;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: var(--bg-dark);\n color: var(--text-primary);\n overflow-x: hidden;\n line-height: 1.7;\n position: relative;\n }\n\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 20%, rgba(0, 102, 255, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(0, 168, 255, 0.1) 0%, transparent 50%);\n pointer-events: none;\n z-index: 0;\n }\n\n .guide-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 4rem 5% 2rem;\n position: relative;\n z-index: 1;\n }\n\n \/* Progress Bar *\/\n .progress-bar {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 4px;\n background: linear-gradient(90deg, var(--primary), var(--secondary));\n z-index: 1000;\n transition: width 0.3s ease;\n }\n\n \/* Hero Section *\/\n .guide-hero {\n text-align: center;\n margin-bottom: 5rem;\n animation: fadeInUp 0.8s ease;\n }\n\n .guide-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.7rem 1.8rem;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #00a8ff;\n margin-bottom: 2rem;\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n }\n\n .guide-badge:hover {\n transform: scale(1.05);\n box-shadow: 0 5px 15px rgba(0, 102, 255, 0.3);\n }\n\n .guide-hero h1 {\n font-size: 5rem;\n font-weight: 900;\n letter-spacing: -3px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #fff 15%, #0066ff 45%, #00a8ff 75%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n }\n\n .guide-hero p {\n font-size: 1.3rem;\n color: var(--text-secondary);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n \/* Quick Stats *\/\n .stats-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 3rem 0;\n }\n\n .stat-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 2rem;\n text-align: center;\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n border-color: var(--primary);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.2);\n }\n\n .stat-icon {\n font-size: 2.5rem;\n color: var(--primary);\n margin-bottom: 1rem;\n }\n\n .stat-value {\n font-size: 2rem;\n font-weight: 800;\n color: var(--text-primary);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Info Banner *\/\n .info-banner {\n background: linear-gradient(145deg, var(--bg-card), rgba(20, 20, 20, 0.5));\n border: 2px solid var(--border);\n border-radius: 20px;\n padding: 3rem;\n margin-bottom: 4rem;\n position: relative;\n overflow: hidden;\n transition: all 0.4s ease;\n backdrop-filter: blur(10px);\n }\n\n .info-banner::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--primary), var(--secondary), var(--primary-light));\n }\n\n .info-banner:hover {\n border-color: rgba(0, 102, 255, 0.5);\n box-shadow: 0 15px 40px rgba(0, 102, 255, 0.3);\n }\n\n .info-banner h2 {\n font-size: 1.8rem;\n margin-bottom: 1.5rem;\n color: var(--text-primary);\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .info-banner h2 i {\n color: var(--primary);\n font-size: 2rem;\n }\n\n .info-banner p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n line-height: 1.7;\n }\n\n \/* Credentials Box *\/\n .credentials-box {\n background: linear-gradient(145deg, rgba(245, 158, 11, 0.1), rgba(245, 158, 11, 0.05));\n border: 2px solid rgba(245, 158, 11, 0.3);\n border-radius: 20px;\n padding: 3rem;\n margin-bottom: 4rem;\n position: relative;\n overflow: hidden;\n }\n\n .credentials-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #f59e0b, #fbbf24, #fcd34d);\n }\n\n .credentials-box h3 {\n color: var(--accent);\n margin-bottom: 2rem;\n font-size: 1.8rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .cred-item {\n background: rgba(255, 255, 255, 0.05);\n padding: 1.5rem;\n margin: 1rem 0;\n border-radius: 12px;\n border-left: 4px solid var(--accent);\n font-size: 1.05rem;\n display: flex;\n align-items: center;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .cred-item:hover {\n background: rgba(255, 255, 255, 0.08);\n transform: translateX(5px);\n }\n\n .cred-item strong {\n color: var(--accent);\n display: inline-block;\n width: 150px;\n flex-shrink: 0;\n font-weight: 600;\n }\n\n \/* Copy Button *\/\n .copy-btn {\n background: rgba(0, 102, 255, 0.2);\n border: 1px solid var(--primary);\n color: var(--primary);\n padding: 0.5rem 1rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 0.9rem;\n margin-left: auto;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .copy-btn:hover {\n background: var(--primary);\n color: white;\n }\n\n \/* Guide Section *\/\n .guide-section {\n background: linear-gradient(145deg, var(--bg-card), rgba(20, 20, 20, 0.5));\n border: 2px solid var(--border);\n border-radius: 20px;\n padding: 3rem;\n margin-bottom: 4rem;\n position: relative;\n overflow: hidden;\n backdrop-filter: blur(10px);\n }\n\n .guide-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--primary), var(--secondary), var(--primary-light));\n opacity: 0.8;\n }\n\n .guide-section h2 {\n font-size: 2.2rem;\n margin-bottom: 2rem;\n color: var(--text-primary);\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .guide-section h2 i {\n color: var(--primary);\n font-size: 2.5rem;\n }\n\n \/* Tabs *\/\n .tabs {\n display: flex;\n gap: 10px;\n margin-bottom: 40px;\n flex-wrap: wrap;\n }\n\n .tab-btn {\n padding: 16px 24px;\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid transparent;\n border-radius: 12px;\n cursor: pointer;\n font-size: 1.1rem;\n font-weight: 600;\n transition: all 0.3s ease;\n color: var(--text-secondary);\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .tab-btn:hover {\n background: rgba(0, 102, 255, 0.2);\n color: var(--text-primary);\n border-color: var(--primary);\n }\n\n .tab-btn.active {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: var(--text-primary);\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.3);\n }\n\n .tab-btn i {\n font-size: 1.3rem;\n }\n\n .tab-content {\n display: none;\n animation: fadeIn 0.5s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .tab-content.active {\n display: block;\n }\n\n \/* App Grid *\/\n .app-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .app-card {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 16px;\n padding: 30px;\n text-align: center;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.1);\n display: flex;\n flex-direction: column;\n height: 100%;\n backdrop-filter: blur(10px);\n }\n\n .app-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(0, 102, 255, 0.1), transparent);\n transition: left 0.5s ease;\n }\n\n .app-card:hover::before {\n left: 100%;\n }\n\n .app-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 20px 40px rgba(0, 102, 255, 0.3);\n border-color: var(--primary);\n }\n\n .app-icon {\n width: 80px;\n height: 80px;\n margin: 0 auto 25px;\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n color: var(--text-primary);\n box-shadow: 0 10px 20px rgba(0, 102, 255, 0.4);\n transition: all 0.3s ease;\n }\n\n .app-card:hover .app-icon {\n transform: scale(1.1) rotate(5deg);\n }\n\n .app-card h4 {\n color: var(--text-primary);\n font-size: 1.5rem;\n margin-bottom: 15px;\n font-weight: 600;\n }\n\n .app-card p {\n color: var(--text-secondary);\n margin: 10px 0;\n font-size: 1rem;\n line-height: 1.6;\n flex-grow: 1;\n }\n\n .recommended-badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: var(--success);\n color: var(--text-primary);\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 700;\n box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);\n display: flex;\n align-items: center;\n gap: 5px;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .download-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: var(--text-primary);\n padding: 16px 32px;\n text-decoration: none;\n border-radius: 12px;\n margin-top: 20px;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);\n border: none;\n cursor: pointer;\n width: 100%;\n position: relative;\n overflow: hidden;\n }\n\n .download-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.2);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .download-btn:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .download-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.5);\n }\n\n .download-btn span {\n position: relative;\n z-index: 1;\n }\n\n .platform-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin: 15px 0;\n }\n\n .platform-tag {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n background: rgba(0, 102, 255, 0.2);\n color: #00a8ff;\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n \/* Steps Container *\/\n .steps-container {\n margin: 40px 0;\n }\n\n .step-box {\n background: rgba(255, 255, 255, 0.05);\n border-left: 5px solid var(--primary);\n padding: 30px;\n margin: 25px 0;\n border-radius: 16px;\n position: relative;\n transition: all 0.3s ease;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n\n .step-box:hover {\n transform: translateX(10px);\n box-shadow: 0 10px 15px rgba(0,0,0,0.2);\n background: rgba(255, 255, 255, 0.08);\n }\n\n .step-number {\n position: absolute;\n left: -25px;\n top: 25px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: var(--text-primary);\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1.3rem;\n box-shadow: 0 5px 15px rgba(0, 102, 255, 0.4);\n }\n\n .step-box h4 {\n color: var(--text-primary);\n font-size: 1.4rem;\n margin-bottom: 15px;\n margin-left: 35px;\n font-weight: 600;\n }\n\n .step-box p {\n margin-left: 35px;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n .step-box ul {\n margin-left: 35px;\n }\n\n .step-box li {\n margin: 10px 0;\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Info Box *\/\n .info-box {\n background: rgba(245, 158, 11, 0.1);\n border-left: 5px solid var(--accent);\n padding: 25px;\n margin: 30px 0;\n border-radius: 12px;\n display: flex;\n gap: 15px;\n transition: all 0.3s ease;\n }\n\n .info-box:hover {\n background: rgba(245, 158, 11, 0.15);\n transform: translateX(5px);\n }\n\n .info-icon {\n color: var(--accent);\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n\n .info-content h4 {\n color: var(--accent);\n margin-bottom: 10px;\n font-size: 1.2rem;\n font-weight: 600;\n }\n\n .info-content p {\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n }\n\n \/* Tips Section *\/\n .tips-section {\n background: linear-gradient(145deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.05));\n border-left: 5px solid var(--success);\n padding: 3rem;\n margin: 50px 0;\n border-radius: 16px;\n }\n\n .tips-section h3 {\n color: var(--success);\n margin-bottom: 25px;\n font-size: 1.8rem;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .tips-section ul {\n list-style: none;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 20px;\n }\n\n .tips-section li {\n padding: 15px 0 15px 40px;\n position: relative;\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n transition: all 0.3s ease;\n }\n\n .tips-section li:hover {\n color: var(--text-primary);\n transform: translateX(5px);\n }\n\n .tips-section li:before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n color: var(--success);\n font-weight: bold;\n font-size: 1.5rem;\n width: 30px;\n height: 30px;\n background: rgba(16, 185, 129, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* FAQ Section *\/\n .faq-section {\n background: var(--bg-card);\n border: 2px solid var(--border);\n border-radius: 20px;\n padding: 3rem;\n margin: 4rem 0;\n backdrop-filter: blur(10px);\n }\n\n .faq-section h2 {\n color: var(--text-primary);\n font-size: 2.2rem;\n margin-bottom: 2rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .faq-section h2 i {\n color: var(--primary);\n font-size: 2.5rem;\n }\n\n .faq-item {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 12px;\n margin: 15px 0;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .faq-question {\n padding: 20px 25px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 600;\n font-size: 1.1rem;\n color: var(--text-primary);\n transition: all 0.3s ease;\n }\n\n .faq-question:hover {\n background: rgba(255, 255, 255, 0.08);\n }\n\n .faq-question i {\n color: var(--primary);\n transition: transform 0.3s ease;\n }\n\n .faq-item.active .faq-question i {\n transform: rotate(180deg);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease, padding 0.3s ease;\n padding: 0 25px;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n .faq-item.active .faq-answer {\n max-height: 500px;\n padding: 0 25px 20px 25px;\n }\n\n \/* Support Banner *\/\n .support-banner {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: var(--text-primary);\n padding: 60px 40px;\n text-align: center;\n border-radius: 20px;\n margin: 60px 0;\n box-shadow: 0 15px 30px rgba(0, 102, 255, 0.4);\n position: relative;\n overflow: hidden;\n }\n\n .support-banner::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,255,255,0.1) 0%, transparent 50%);\n pointer-events: none;\n }\n\n .support-banner h3 {\n color: var(--text-primary);\n font-size: 2.2rem;\n margin-bottom: 20px;\n position: relative;\n z-index: 1;\n }\n\n .support-banner p {\n font-size: 1.2rem;\n opacity: 0.95;\n margin: 15px 0;\n position: relative;\n z-index: 1;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .support-banner a {\n color: var(--text-primary);\n text-decoration: none;\n font-size: 1.2rem;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-top: 25px;\n padding: 16px 32px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 12px;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n border: 1px solid rgba(255, 255, 255, 0.3);\n backdrop-filter: blur(10px);\n }\n\n .support-banner a:hover {\n background: rgba(255, 255, 255, 0.25);\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n \/* Footer *\/\n .footer {\n text-align: center;\n padding: 40px 20px;\n color: var(--text-secondary);\n background: rgba(255, 255, 255, 0.05);\n border-radius: 20px;\n margin-top: 50px;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* Modal *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.8);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n backdrop-filter: blur(5px);\n }\n\n .modal-content {\n background: rgba(10, 10, 10, 0.98);\n padding: 50px;\n border-radius: 20px;\n max-width: 500px;\n width: 90%;\n text-align: center;\n box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\n position: relative;\n animation: modalFadeIn 0.3s ease;\n border: 2px solid var(--border);\n backdrop-filter: blur(20px);\n }\n\n @keyframes modalFadeIn {\n from { opacity: 0; transform: scale(0.9) translateY(-20px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\n }\n\n .modal-icon {\n font-size: 4rem;\n color: var(--primary);\n margin-bottom: 20px;\n }\n\n .modal h3 {\n color: var(--text-primary);\n margin-bottom: 20px;\n font-size: 1.8rem;\n font-weight: 700;\n }\n\n .modal p {\n margin-bottom: 30px;\n color: var(--text-secondary);\n line-height: 1.6;\n font-size: 1.1rem;\n }\n\n .modal-buttons {\n display: flex;\n gap: 15px;\n justify-content: center;\n }\n\n .modal-btn {\n padding: 14px 28px;\n border: none;\n border-radius: 12px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 1rem;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .modal-btn.primary {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: var(--text-primary);\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);\n }\n\n .modal-btn.secondary {\n background: rgba(255, 255, 255, 0.08);\n color: var(--text-primary);\n }\n\n .modal-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n }\n\n \/* Scroll to Top Button *\/\n .scroll-top {\n position: fixed;\n bottom: 30px;\n right: 30px;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: white;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n display: none;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n box-shadow: 0 5px 15px rgba(0, 102, 255, 0.4);\n transition: all 0.3s ease;\n z-index: 999;\n }\n\n .scroll-top:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 102, 255, 0.5);\n }\n\n .scroll-top.visible {\n display: flex;\n }\n\n \/* Video Tutorial Card *\/\n .video-card {\n background: linear-gradient(145deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.05));\n border: 2px solid rgba(239, 68, 68, 0.3);\n border-radius: 20px;\n padding: 3rem;\n margin: 4rem 0;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .video-card:hover {\n border-color: rgba(239, 68, 68, 0.5);\n box-shadow: 0 15px 40px rgba(239, 68, 68, 0.2);\n }\n\n .video-card h3 {\n color: #ef4444;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n }\n\n .video-card p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-bottom: 2rem;\n }\n\n .video-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #ef4444, #dc2626);\n color: white;\n padding: 16px 32px;\n border-radius: 12px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);\n }\n\n .video-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(239, 68, 68, 0.5);\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .guide-container {\n padding: 3rem 5% 4rem;\n }\n\n .guide-hero h1 {\n font-size: 3rem;\n letter-spacing: -2px;\n }\n\n .guide-hero p {\n font-size: 1.1rem;\n }\n\n .tabs {\n flex-direction: column;\n }\n\n .tab-btn {\n width: 100%;\n justify-content: center;\n }\n\n .app-grid {\n grid-template-columns: 1fr;\n }\n\n .cred-item {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .cred-item strong {\n width: 100%;\n margin-bottom: 5px;\n }\n\n .modal-buttons {\n flex-direction: column;\n }\n\n .tips-section ul {\n grid-template-columns: 1fr;\n }\n\n .info-banner, .guide-section, .credentials-box, .faq-section, .video-card {\n padding: 2rem;\n }\n\n .stats-row {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 480px) {\n .guide-container {\n padding: 2rem 4% 3rem;\n }\n\n .guide-hero h1 {\n font-size: 2.2rem;\n letter-spacing: -1px;\n }\n\n .guide-hero p {\n font-size: 1rem;\n }\n\n .info-banner, .guide-section, .credentials-box, .faq-section, .video-card {\n padding: 1.5rem;\n }\n\n .step-box {\n padding: 20px;\n }\n\n .step-number {\n left: -20px;\n top: 20px;\n width: 40px;\n height: 40px;\n font-size: 1.1rem;\n }\n\n .step-box h4 {\n margin-left: 30px;\n font-size: 1.2rem;\n }\n\n .step-box p, .step-box ul {\n margin-left: 30px;\n }\n\n .tips-section {\n padding: 2rem;\n }\n\n .scroll-top {\n bottom: 20px;\n right: 20px;\n width: 45px;\n height: 45px;\n }\n }\n \n :root {\n --color-1: #0066ff;\n --color-2: #00a8ff;\n --color-3: #00e0ff;\n --color-4: #c0c0c0;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n }\n\n footer {\n position: relative;\n z-index: 10;\n background: rgba(10, 10, 10, 0.95);\n border-top: 1px solid rgba(0, 102, 255, 0.2);\n backdrop-filter: blur(30px);\n margin-top: 6rem;\n overflow: hidden;\n margin-bottom: 0;\n padding-bottom: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n color: #fff;\n }\n\n footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, #0066ff, #00a8ff, transparent);\n animation: borderSlide 3s ease-in-out infinite;\n }\n\n @keyframes borderSlide {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 5rem 7% 3rem;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;\n gap: 4rem;\n margin-bottom: 4rem;\n }\n\n .footer-brand {\n animation: fadeInUp 0.8s ease;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n margin-bottom: 1.5rem;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .logo:hover {\n transform: translateY(-3px);\n }\n\n .logo:hover .logo-icon {\n transform: scale(1.05) rotate(5deg);\n }\n\n .logo:hover .logo-icon::before {\n transform: scale(1.1);\n opacity: 1;\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n flex-shrink: 0;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .logo-icon::before {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 16px;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n filter: blur(12px);\n transition: all 0.4s ease;\n z-index: -1;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 168, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n transition: filter 0.3s ease;\n }\n\n .logo:hover .logo-icon::after {\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.3s ease;\n }\n\n .logo:hover .logo-main {\n background: linear-gradient(135deg, #fff 0%, #00a8ff 100%);\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n transition: color 0.3s ease;\n }\n\n .logo:hover .logo-tagline {\n color: rgba(255, 255, 255, 0.8);\n }\n\n .footer-description {\n color: #b0b0b0;\n line-height: 1.7;\n font-size: 0.95rem;\n margin-bottom: 2rem;\n max-width: 350px;\n transition: color 0.3s ease;\n }\n\n .footer-description:hover {\n color: rgba(255, 255, 255, 0.75);\n }\n\n .social-links {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .social-link {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n color: #fff;\n font-size: 1.2rem;\n position: relative;\n overflow: hidden;\n }\n\n .social-link::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .social-link svg {\n position: relative;\n z-index: 1;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .social-link:hover {\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 35px rgba(0, 102, 255, 0.5);\n }\n\n .social-link:hover::before {\n opacity: 1;\n }\n\n .social-link:hover svg {\n transform: scale(1.1) rotate(5deg);\n }\n\n .social-link:active {\n transform: translateY(-2px) scale(0.98);\n }\n\n .footer-column {\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n }\n\n .footer-column:nth-child(2) { animation-delay: 0.1s; }\n .footer-column:nth-child(3) { animation-delay: 0.2s; }\n .footer-column:nth-child(4) { animation-delay: 0.3s; }\n .footer-column:nth-child(5) { animation-delay: 0.4s; }\n\n .footer-column h3 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: #fff;\n letter-spacing: -0.5px;\n position: relative;\n display: inline-block;\n transition: color 0.3s ease;\n }\n\n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-column:hover h3::after {\n width: 100%;\n }\n\n .footer-column:hover h3 {\n color: #00a8ff;\n }\n\n .footer-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .footer-links li {\n position: relative;\n }\n\n .footer-links li a {\n color: #b0b0b0;\n text-decoration: none;\n font-size: 0.95rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-block;\n position: relative;\n padding-left: 0;\n }\n\n .footer-links li a::before {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-links li a::after {\n content: '\u2192';\n position: absolute;\n left: -20px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #0066ff;\n }\n\n .footer-links li a:hover {\n color: #fff;\n padding-left: 20px;\n transform: translateX(0);\n }\n\n .footer-links li a:hover::before {\n width: 100%;\n }\n\n .footer-links li a:hover::after {\n opacity: 1;\n left: 0;\n }\n\n .newsletter-section {\n display: none;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n padding: 2rem 7%;\n text-align: center;\n position: relative;\n margin: 0;\n background: rgba(10, 10, 10, 1);\n }\n\n .footer-bottom::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, #0066ff, transparent);\n transition: width 0.6s ease;\n }\n\n .footer-bottom:hover::before {\n width: 100%;\n }\n\n .copyright {\n color: #b0b0b0;\n font-size: 0.9rem;\n transition: color 0.3s ease;\n cursor: default;\n margin: 0;\n padding: 0;\n }\n\n .copyright:hover {\n color: rgba(255, 255, 255, 0.7);\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .footer-brand::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(0, 102, 255, 0.15), transparent 50%);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n\n .footer-brand:hover::before {\n opacity: 1;\n }\n\n @media (max-width: 1200px) {\n .footer-grid {\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (max-width: 968px) {\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 768px) {\n footer {\n margin-top: 4rem;\n }\n\n .footer-content {\n padding: 3rem 5% 2rem;\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem 2rem;\n margin-bottom: 2.5rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n text-align: left;\n }\n\n .logo {\n justify-content: flex-start;\n margin-bottom: 1.2rem;\n font-size: 1.6rem;\n }\n\n .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n\n .logo-main {\n font-size: 1.6rem;\n }\n\n .logo-tagline {\n font-size: 0.58rem;\n letter-spacing: 2px;\n }\n\n .footer-description {\n display: none;\n }\n\n .social-links {\n justify-content: flex-start;\n gap: 0.8rem;\n margin-bottom: 0;\n }\n\n .social-link {\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .footer-column {\n text-align: left;\n }\n\n .footer-column h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n }\n\n .footer-column h3::after {\n left: 0;\n transform: none;\n }\n\n .footer-links {\n align-items: flex-start;\n gap: 0.7rem;\n }\n\n .footer-links li a {\n font-size: 0.9rem;\n padding: 0.3rem 0;\n display: inline-block;\n }\n\n .footer-links li a::after {\n display: none;\n }\n\n .footer-links li a:hover {\n padding-left: 0;\n transform: translateX(0);\n }\n\n .newsletter-section {\n display: block;\n grid-column: 1 \/ -1;\n margin-top: 1.5rem;\n }\n\n .newsletter-section h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n color: #fff;\n }\n\n .newsletter-section p {\n font-size: 0.85rem;\n color: #b0b0b0;\n margin-bottom: 0.8rem;\n line-height: 1.5;\n }\n\n .newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .newsletter-input {\n width: 100%;\n padding: 0.9rem 1rem;\n border-radius: 10px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n background: rgba(20, 20, 20, 0.6);\n color: #fff;\n font-size: 0.95rem;\n outline: none;\n transition: all 0.3s ease;\n }\n\n .newsletter-input::placeholder {\n color: rgba(255, 255, 255, 0.4);\n }\n\n .newsletter-input:focus {\n border-color: #0066ff;\n background: rgba(20, 20, 20, 0.8);\n }\n\n .newsletter-button {\n width: 100%;\n padding: 0.9rem;\n border-radius: 10px;\n border: none;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .newsletter-button:active {\n transform: scale(0.98);\n box-shadow: 0 5px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-bottom {\n text-align: center;\n padding: 1.5rem 5%;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .copyright {\n font-size: 0.85rem;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 480px) {\n .footer-grid {\n gap: 2rem 1.5rem;\n }\n\n .footer-column h3 {\n font-size: 1rem;\n }\n\n .footer-links li a {\n font-size: 0.85rem;\n }\n\n .social-link {\n width: 40px;\n height: 40px;\n }\n\n .newsletter-section h3 {\n font-size: 1rem;\n }\n\n .newsletter-input,\n .newsletter-button {\n font-size: 0.9rem;\n padding: 0.85rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n @media (hover: none) and (pointer: coarse) {\n .social-link:hover {\n transform: none;\n }\n\n .social-link:active {\n transform: scale(0.95);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-links li a:hover {\n transform: none;\n }\n\n .footer-links li a:active {\n color: #fff;\n }\n\n .logo:hover {\n transform: none;\n }\n\n .logo:active .logo-icon {\n transform: scale(0.95);\n }\n }\n\n \/* Add this to your CSS *\/\n html, body {\n overflow-x: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .guide-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 4rem 5% 2rem;\n position: relative;\n z-index: 1;\n width: 100%;\n box-sizing: border-box;\n }\n\n \/* Ensure all elements stay within container *\/\n * {\n max-width: 100%;\n }\n\n \/* Fix for any elements that might cause overflow *\/\n .app-card, .step-box, .info-banner, .guide-section, .credentials-box {\n width: 100%;\n box-sizing: border-box;\n }\n\n \/* Specific fix for long URLs or text *\/\n .cred-item span {\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n \/* Remove gradient backgrounds to show solid #0a0a0a *\/\n body::before {\n display: none !important;\n }\n\n .guide-hero {\n background: #0a0a0a !important;\n }\n\n .info-banner {\n background: #0a0a0a !important;\n }\n\n .guide-section {\n background: #0a0a0a !important;\n }\n\n .credentials-box {\n background: #0a0a0a !important;\n }\n\n .faq-section {\n background: #0a0a0a !important;\n }\n\n .support-banner {\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%) !important;\n }\n\n \/* Remove gradient borders and effects *\/\n .info-banner::before,\n .guide-section::before,\n .credentials-box::before {\n display: none !important;\n }\n\n \/* Keep cards with slight transparency but remove gradients *\/\n .stat-card, .app-card, .step-box {\n background: rgba(20, 20, 20, 0.8) !important;\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 \n <\/style>\n<\/head>\n<body>\n <section id=\"page1\">\n <header id=\"header\">\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\" style=\"text-decoration: none;\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/a>\n \n <div class=\"gooey-nav-container\" id=\"gooeyNav\">\n <nav>\n <ul>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li class=\"active\"><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a><\/li>\n <\/ul>\n <\/nav>\n <span class=\"effect filter\"><\/span>\n <span class=\"effect text\"><\/span>\n <\/div>\n\n <div class=\"header-buttons\">\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"btn btn-trial\"><span>\ud83c\udf81 Free Trial<\/span><\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"btn btn-subscribe\"><span>Subscribe Now<\/span><\/a>\n <\/div>\n\n <div class=\"mobile-menu-btn\" id=\"menuBtn\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/header>\n\n <div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-header\">\n <div class=\"mobile-menu-logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/div>\n <nav>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a>\n <\/nav>\n <\/div>\n\n<script>\n \/\/ Gooey Navigation - FIXED VERSION\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 \/\/ Find which item actually has the active class\n const activeItem = this.nav.querySelector('li.active');\n this.activeIndex = activeItem ? this.items.indexOf(activeItem) : 0;\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 };\n \n this.init();\n }\n \n init() {\n \/\/ Update effect position for the active item (whichever it is)\n const currentActive = this.items[this.activeIndex];\n if (currentActive) {\n this.updateEffectPosition(currentActive);\n this.textEffect.classList.add('active');\n }\n \n this.items.forEach((item, index) => {\n item.addEventListener('click', (e) => this.handleClick(e, index));\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 \/\/ Initialize GooeyNav\n const gooeyNavContainer = document.getElementById('gooeyNav');\n if (gooeyNavContainer) {\n new GooeyNav(gooeyNavContainer, {\n particleCount: 15,\n particleDistances: [90, 10],\n particleR: 100,\n animationTime: 600,\n timeVariance: 300,\n colors: [1, 2, 3, 1, 2, 3, 1, 4]\n });\n }\n\n \/\/ Mobile menu (keep your existing code)\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 (keep your existing code)\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n<\/script>\n <\/section>\n \n <section id=\"page2\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n \n <div class=\"guide-container\">\n <div class=\"guide-hero\">\n <div class=\"guide-badge\">\n <i class=\"fas fa-star\"><\/i>\n Installation Guide\n <\/div>\n <h1>\n StreamEZ<span class=\"gradient-text\">Installation Guide<\/span>\n <\/h1>\n <p>Complete Step-by-Step Setup Tutorial for All Devices<\/p>\n <div class=\"stats-row\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n <div class=\"stat-value\">5 Min<\/div>\n <div class=\"stat-label\">Setup Time<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon\"><i class=\"fas fa-check-circle\"><\/i><\/div>\n <div class=\"stat-value\">Easy<\/div>\n <div class=\"stat-label\">Difficulty<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <div class=\"stat-value\">All<\/div>\n <div class=\"stat-label\">Platforms<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"info-banner\">\n <h2><i class=\"fas fa-tv\"><\/i> Welcome to StreamEZ!<\/h2>\n <p>This comprehensive guide will help you install and configure your IPTV service in just a few minutes. Follow the steps below based on your device to start enjoying unlimited entertainment with thousands of live channels, movies, and series.<\/p>\n <\/div>\n\n <div class=\"video-card\">\n <h3><i class=\"fab fa-youtube\"><\/i> Video Tutorial Available<\/h3>\n <p>Prefer watching instead of reading? Check out our detailed video tutorials for step-by-step visual guidance.<\/p>\n <a href=\"#\" class=\"video-btn\" onclick=\"alert('Video tutorials coming soon!'); return false;\">\n <i class=\"fas fa-play-circle\"><\/i> Watch Video Guide\n <\/a>\n <\/div>\n\n <div class=\"credentials-box\">\n <h3><i class=\"fas fa-key\"><\/i> Your Login Information<\/h3>\n <p style=\"margin-bottom: 25px; font-size: 1.1rem;\">After purchasing, you received these credentials via email. Keep them safe – you’ll need them to login:<\/p>\n <div class=\"cred-item\">\n <strong>Username:<\/strong> \n <span style=\"color: rgba(255, 255, 255, 0.8);\">Your unique username<\/span>\n <button class=\"copy-btn\"><i class=\"fas fa-copy\"><\/i> Copy<\/button>\n <\/div>\n <div class=\"cred-item\">\n <strong>Password:<\/strong> \n <span style=\"color: rgba(255, 255, 255, 0.8);\">Your secure password<\/span>\n <button class=\"copy-btn\"><i class=\"fas fa-copy\"><\/i> Copy<\/button>\n <\/div>\n <div class=\"cred-item\">\n <strong>Server URL:<\/strong> \n <span style=\"color: rgba(255, 255, 255, 0.8);\">DNS\/Portal address<\/span>\n <button class=\"copy-btn\"><i class=\"fas fa-copy\"><\/i> Copy<\/button>\n <\/div>\n <div class=\"cred-item\">\n <strong>M3U URL:<\/strong> \n <span style=\"color: rgba(255, 255, 255, 0.8);\">Direct playlist link (alternative)<\/span>\n <button class=\"copy-btn\"><i class=\"fas fa-copy\"><\/i> Copy<\/button>\n <\/div>\n <div class=\"info-box\" style=\"margin-top: 25px;\">\n <div class=\"info-icon\">\n <i class=\"fas fa-exclamation-triangle\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>Important Security Notice<\/h4>\n <p><strong>Keep these credentials private and secure.<\/strong> Don’t share them with anyone. Sharing may result in service suspension. You’ll need them to login to your IPTV app.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"guide-section\">\n <h2><i class=\"fas fa-mobile-alt\"><\/i> Step 1: Choose & Download Your App<\/h2>\n \n <div class=\"tabs\">\n <button class=\"tab-btn active\" data-tab=\"android\">\n <i class=\"fab fa-android\"><\/i>\n Android\n <\/button>\n <button class=\"tab-btn\" data-tab=\"firestick\">\n <i class=\"fas fa-fire\"><\/i>\n FireStick\/Fire TV\n <\/button>\n <button class=\"tab-btn\" data-tab=\"ios\">\n <i class=\"fab fa-apple\"><\/i>\n iPhone\/iPad\n <\/button>\n <button class=\"tab-btn\" data-tab=\"smarttv\">\n <i class=\"fas fa-tv\"><\/i>\n Smart TV\n <\/button>\n <button class=\"tab-btn\" data-tab=\"windows\">\n <i class=\"fas fa-desktop\"><\/i>\n Windows\/Mac\n <\/button>\n <\/div>\n\n <div id=\"android\" class=\"tab-content active\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Android Phone & Tablet Apps<\/h3>\n <div class=\"app-grid\">\n <div class=\"app-card\">\n <div class=\"recommended-badge\"><i class=\"fas fa-star\"><\/i> RECOMMENDED<\/div>\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>IPTV Smarters Pro<\/h4>\n <p>Most popular IPTV player with excellent EPG support and user-friendly interface. Perfect for all Android devices.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('IPTV Smarters Pro', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n <h4>iBO Player<\/h4>\n <p>Clean interface with Xtream Codes support. Works best on devices with 2GB+ RAM. Lightweight and efficient.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('iBO Player', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-film\"><\/i><\/div>\n <h4>TiviMate<\/h4>\n <p>Premium IPTV player with beautiful interface and advanced features. Perfect for power users.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-crown\"><\/i> Free + Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('TiviMate', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-satellite-dish\"><\/i><\/div>\n <h4>OTT Navigator<\/h4>\n <p>Advanced player with extensive customization options and support for multiple playlist formats.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free + Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('OTT Navigator', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n <h4>IPTV Extreme<\/h4>\n <p>Feature-rich player with parental controls, recording capability, and advanced channel management.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('IPTV Extreme', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-play-circle\"><\/i><\/div>\n <h4>Perfect Player<\/h4>\n <p>Simple and efficient IPTV player with great performance on older Android devices.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('Perfect Player', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"firestick\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Amazon FireStick & Fire TV Apps<\/h3>\n <div class=\"app-grid\">\n <div class=\"app-card\">\n <div class=\"recommended-badge\"><i class=\"fas fa-star\"><\/i> RECOMMENDED<\/div>\n <div class=\"app-icon\"><i class=\"fas fa-fire\"><\/i><\/div>\n <h4>IPTV Smarters Pro<\/h4>\n <p>Best for FireStick – Easy to install and navigate with remote control. Optimized for TV viewing.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-fire\"><\/i> FireStick<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <p style=\"margin: 15px 0; font-weight: bold; color: #f59e0b; font-size: 1.1em;\">\n In Downloader app, enter code: <strong style=\"background: rgba(245, 158, 11, 0.2); padding: 5px 10px; border-radius: 5px;\">78522<\/strong>\n <\/p>\n <button class=\"download-btn\" onclick=\"showDownloadModal('IPTV Smarters Pro', 'FireStick')\">\n <span><i class=\"fas fa-info-circle\"><\/i> Get Downloader<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-box\"><\/i><\/div>\n <h4>iBO Player<\/h4>\n <p>Lightweight alternative. Best on newer Fire TV devices (3rd gen+). Smooth performance.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-fire\"><\/i> FireStick<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('iBO Player', 'FireStick')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>TiviMate<\/h4>\n <p>Perfect for Fire TV with smooth performance and great EPG. Premium features available.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-fire\"><\/i> Fire TV<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-crown\"><\/i> Free + Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('TiviMate', 'Fire TV')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-satellite\"><\/i><\/div>\n <h4>OTT Navigator<\/h4>\n <p>TV-optimized interface with extensive customization and support for multiple playlists.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-fire\"><\/i> FireStick<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free + Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('OTT Navigator', 'FireStick')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <\/div>\n <div class=\"info-box\">\n <div class=\"info-icon\">\n <i class=\"fas fa-sticky-note\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>Note for FireStick Users:<\/h4>\n <p>You’ll need to enable “Apps from Unknown Sources” in Settings \u2192 My Fire TV \u2192 Developer Options before installing.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"ios\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">iPhone & iPad Apps<\/h3>\n <div class=\"app-grid\">\n <div class=\"app-card\">\n <div class=\"recommended-badge\"><i class=\"fas fa-star\"><\/i> RECOMMENDED<\/div>\n <div class=\"app-icon\"><i class=\"fab fa-apple\"><\/i><\/div>\n <h4>IPTV Smarters Pro<\/h4>\n <p>Official iOS version with full feature support. Works on both iPhone and iPad.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> iOS<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('IPTV Smarters Pro', 'iOS')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n <h4>iBO Player<\/h4>\n <p>Stable iOS version with Xtream Codes support and smooth playback. Optimized for iOS.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> iOS<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('iBO Player', 'iOS')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-mobile\"><\/i><\/div>\n <h4>GSE Smart IPTV<\/h4>\n <p>Popular iOS IPTV player with EPG and recording features. Great for advanced users.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> iOS<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-crown\"><\/i> Free + Pro<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('GSE Smart IPTV', 'iOS')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-play\"><\/i><\/div>\n <h4>Flex IPTV<\/h4>\n <p>Clean and simple IPTV player with intuitive interface and reliable performance.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> iOS<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('Flex IPTV', 'iOS')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>iPlayTV<\/h4>\n <p>Beautiful Apple TV optimized player with excellent remote control support.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> iOS\/tvOS<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('iPlayTV', 'iOS')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"smarttv\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Smart TV Apps (Samsung, LG, Android TV)<\/h3>\n <div class=\"app-grid\">\n <div class=\"app-card\">\n <div class=\"recommended-badge\"><i class=\"fas fa-star\"><\/i> RECOMMENDED<\/div>\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>Smart IPTV (SIPTV)<\/h4>\n <p>Works on Samsung, LG, and most Smart TVs. Easy setup with web activation.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> Samsung<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> LG webOS<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('Smart IPTV (SIPTV)', 'Smart TV')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-bullseye\"><\/i><\/div>\n <h4>SS IPTV<\/h4>\n <p>Free IPTV app for Smart TVs with playlist support. Works on multiple TV brands.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> Multiple TVs<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('SS IPTV', 'Smart TV')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-download\"><\/i><\/div>\n <h4>NET IPTV<\/h4>\n <p>Professional IPTV player for Smart TVs with support for multiple playlist formats.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> Samsung<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> LG<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('NET IPTV', 'Smart TV')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>TVirl<\/h4>\n <p>Android TV app that integrates IPTV channels directly into the system TV guide.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> Android TV<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('TVirl', 'Android TV')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"windows\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Windows, Mac & Linux Apps<\/h3>\n <div class=\"app-grid\">\n <div class=\"app-card\">\n <div class=\"recommended-badge\"><i class=\"fas fa-star\"><\/i> RECOMMENDED<\/div>\n <div class=\"app-icon\"><i class=\"fas fa-desktop\"><\/i><\/div>\n <h4>IPTV Smarters Pro<\/h4>\n <p>Desktop version available for Windows & Mac. Full feature set with large screen optimization.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-windows\"><\/i> Windows<\/span>\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> Mac<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('IPTV Smarters Pro', 'Desktop')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n <h4>iBO Player<\/h4>\n <p>Windows version with clean interface and Xtream Codes support. Lightweight and fast.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-windows\"><\/i> Windows<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('iBO Player', 'Windows')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-film\"><\/i><\/div>\n <h4>VLC Media Player<\/h4>\n <p>Universal media player that supports M3U playlists. Works on all desktop platforms.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-desktop\"><\/i> All Platforms<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('VLC Media Player', 'Desktop')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>MyIPTV Player<\/h4>\n <p>Windows Store app with modern interface and excellent playlist management.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-windows\"><\/i> Windows<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free + Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('MyIPTV Player', 'Windows')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-satellite-dish\"><\/i><\/div>\n <h4>Kodi<\/h4>\n <p>Powerful media center with IPTV capabilities through add-ons. Highly customizable.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-desktop\"><\/i> All Platforms<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('Kodi', 'Desktop')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"guide-section\">\n <h2><i class=\"fas fa-cogs\"><\/i> Step 2: Setup Your IPTV App<\/h2>\n <p style=\"font-size: 1.1rem; margin-bottom: 30px;\">Once you’ve downloaded your app, follow these setup instructions. We’ll show you three methods – choose the one that works best for you:<\/p>\n \n <div class=\"tabs\">\n <button class=\"tab-btn active\" data-tab=\"xtream\">\n <i class=\"fas fa-key\"><\/i> Method 1: Xtream Codes\n <\/button>\n <button class=\"tab-btn\" data-tab=\"m3u\">\n <i class=\"fas fa-list\"><\/i> Method 2: M3U Playlist\n <\/button>\n <button class=\"tab-btn\" data-tab=\"firestick-install\">\n <i class=\"fas fa-fire\"><\/i> FireStick Install\n <\/button>\n <\/div>\n\n <div id=\"xtream\" class=\"tab-content active\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Method 1: Xtream Codes API Setup (Recommended)<\/h3>\n <p style=\"font-size: 1.05rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 25px;\">This method gives you the best experience with full EPG (TV Guide), VOD (Movies & Series), and live TV channels.<\/p>\n \n <div class=\"info-box\">\n <div class=\"info-icon\">\n <i class=\"fas fa-check-circle\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>Works with these apps:<\/h4>\n <p>IPTV Smarters Pro, iBO Player, TiviMate, Perfect Player, OTT Navigator<\/p>\n <\/div>\n <\/div>\n\n <div class=\"steps-container\">\n <div class=\"step-box\">\n <div class=\"step-number\">1<\/div>\n <h4>Open Your IPTV App<\/h4>\n <p>Launch your app and look for options like <strong>“Add User”<\/strong> or <strong>“Login with Xtream Codes API”<\/strong>.<\/p>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">2<\/div>\n <h4>Select Xtream Codes API<\/h4>\n <p>Tap <strong>“Add User”<\/strong> \u2192 Choose <strong>“Login with Xtream Codes API”<\/strong>.<\/p>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">3<\/div>\n <h4>Enter Credentials<\/h4>\n <p>Fill in your <strong>Username<\/strong>, <strong>Password<\/strong>, and <strong>Server URL<\/strong> exactly as provided in your email.<\/p>\n <div class=\"info-box\" style=\"margin-top: 15px;\">\n <div class=\"info-icon\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>Pro Tip:<\/h4>\n <p>Make sure there are NO spaces before or after your credentials. Copy and paste directly from your email to avoid typos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">4<\/div>\n <h4>Tap “Add User” or “Login”<\/h4>\n <p>Click <strong>“Add User”<\/strong> or <strong>“Login”<\/strong>. Your channels, movies, and series will load automatically in a few seconds.<\/p>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">5<\/div>\n <h4>Start Watching!<\/h4>\n <p>Navigate through Live TV, Movies, and Series sections. Enjoy thousands of channels and on-demand content!<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"m3u\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Method 2: M3U Playlist URL Setup (Live TV Only)<\/h3>\n <p style=\"font-size: 1.05rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 25px;\">This method loads <strong>live TV channels only<\/strong> (no Movies, Series, or TV Guide). Works with VLC, GSE, SS IPTV, and more.<\/p>\n \n <div class=\"info-box\">\n <div class=\"info-icon\">\n <i class=\"fas fa-check-circle\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>Works with:<\/h4>\n <p>VLC Media Player, GSE Smart IPTV, SS IPTV, TiviMate (via playlist), Smart IPTV<\/p>\n <\/div>\n <\/div>\n\n <div class=\"steps-container\">\n <div class=\"step-box\">\n <div class=\"step-number\">1<\/div>\n <h4>Open Your App<\/h4>\n <p>Launch your IPTV app (e.g., VLC, GSE Smart IPTV).<\/p>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">2<\/div>\n <h4>Find “Add Playlist” or “Open Network”<\/h4>\n <p>\n \u2022 <strong>VLC<\/strong>: Media \u2192 Open Network Stream<br>\n \u2022 <strong>GSE<\/strong>: Remote Playlist \u2192 Add M3U URL<br>\n \u2022 <strong>Smart IPTV<\/strong>: Enter M3U URL in settings\n <\/p>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">3<\/div>\n <h4>Paste Your M3U URL<\/h4>\n <p>Copy this from your email:<\/p>\n <div class=\"cred-item\" style=\"margin-top: 10px; background: rgba(255, 255, 255, 0.05); border-left: 4px solid #10b981;\">\n <strong>M3U URL:<\/strong> <span style=\"color: rgba(255, 255, 255, 0.8); word-break: break-all;\">http:\/\/yourserver.com\/get.php?username=XXX&password=XXX&type=m3u<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">4<\/div>\n <h4>Load & Watch<\/h4>\n <p>Click “Play” (VLC) or “Add” (GSE). Only live channels will appear.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"firestick-install\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">FireStick\/Fire TV Complete Installation Guide<\/h3>\n <p style=\"font-size: 1.05rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 25px;\">Follow these steps carefully to install IPTV Smarters Pro on your FireStick:<\/p>\n \n <div class=\"info-box\">\n <div class=\"info-icon\">\n <i class=\"fas fa-clipboard-list\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>What You’ll Need:<\/h4>\n <p>\u2022 Your FireStick device connected to TV<br>\n \u2022 Internet connection<br>\n \u2022 The Downloader app (free from Amazon Store)<\/p>\n <\/div>\n <\/div>\n\n <div class=\"steps-container\">\n <div class=\"step-box\">\n <div class=\"step-number\">1<\/div>\n <h4>Enable Unknown Sources<\/h4>\n <p><strong>First, you need to enable installation from unknown sources:<\/strong><\/p>\n <ul style=\"margin: 15px 0; margin-left: 30px;\">\n <li>Go to FireStick <strong>Settings<\/strong> (gear icon on home screen)<\/li>\n <li>Select <strong>My Fire TV<\/strong> or <strong>Device<\/strong><\/li>\n <li>Click <strong>Developer Options<\/strong><\/li>\n <li>Turn ON <strong>“Apps from Unknown Sources”<\/strong><\/li>\n <li>Click <strong>“Turn On”<\/strong> when warned<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">2<\/div>\n <h4>Install Downloader App<\/h4>\n <p><strong>Download and install the Downloader app:<\/strong><\/p>\n <ul style=\"margin: 15px 0; margin-left: 30px;\">\n <li>Go to FireStick home screen<\/li>\n <li>Search for “Downloader”<\/li>\n <li>Install the Downloader app (orange icon)<\/li>\n <li>Open the Downloader app<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">3<\/div>\n <h4>Download IPTV Smarters Pro<\/h4>\n <p><strong>Use Downloader to install IPTV Smarters Pro:<\/strong><\/p>\n <ul style=\"margin: 15px 0; margin-left: 30px;\">\n <li>In Downloader, enter this code: <strong style=\"background: rgba(245, 158, 11, 0.2); padding: 5px 10px; border-radius: 5px; color: #f59e0b;\">78522<\/strong><\/li>\n <li>Click “Go” – this will download IPTV Smarters Pro<\/li>\n <li>Wait for download to complete<\/li>\n <li>Click “Install” when prompted<\/li>\n <li>Wait for installation to finish<\/li>\n <li>Click “Done” then “Delete” to remove the APK file<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">4<\/div>\n <h4>Open IPTV Smarters Pro<\/h4>\n <p><strong>Find and launch the app:<\/strong><\/p>\n <ul style=\"margin: 15px 0; margin-left: 30px;\">\n <li>Go back to FireStick home screen<\/li>\n <li>Navigate to “Your Apps & Channels”<\/li>\n <li>Find IPTV Smarters Pro (blue icon)<\/li>\n <li>Open the app<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">5<\/div>\n <h4>Setup Your Account<\/h4>\n <p><strong>Configure with Xtream Codes:<\/strong><\/p>\n <ul style=\"margin: 15px 0; margin-left: 30px;\">\n <li>Click “Add User”<\/li>\n <li>Select “Login with Xtream Codes API”<\/li>\n <li>Enter your Username, Password, and Server URL<\/li>\n <li>Click “Add User”<\/li>\n <li>Wait for channels to load<\/li>\n <li>Start watching!<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tips-section\">\n <h3><i class=\"fas fa-lightbulb\"><\/i> Pro Tips & Best Practices<\/h3>\n <ul>\n <li><strong>Use Ethernet Connection:<\/strong> For best streaming quality, connect your device via Ethernet cable instead of WiFi when possible.<\/li>\n <li><strong>Restart App if Issues:<\/strong> If channels stop loading, completely close and reopen the app.<\/li>\n <li><strong>Check Internet Speed:<\/strong> Ensure you have at least 10Mbps for HD streaming and 25Mbps for 4K content.<\/li>\n <li><strong>Update App Regularly:<\/strong> Keep your IPTV app updated to the latest version for best performance.<\/li>\n <li><strong>Use VPN if Needed:<\/strong> If you experience buffering, try using a VPN service for better routing.<\/li>\n <li><strong>Clear Cache:<\/strong> Periodically clear your app cache in settings to improve performance.<\/li>\n <li><strong>Backup Your Settings:<\/strong> Save your configuration so you can easily restore if needed.<\/li>\n <li><strong>Parental Controls:<\/strong> Use built-in parental controls to restrict content for children.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"faq-section\">\n <h2><i class=\"fas fa-question-circle\"><\/i> Frequently Asked Questions<\/h2>\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">\n Why are my channels buffering?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Buffering can be caused by several factors: slow internet connection, WiFi signal issues, server load, or device performance. Try using Ethernet instead of WiFi, restart your router, close other apps using internet, or try during off-peak hours.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n The app says “Invalid credentials” – what should I do?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Double-check that you entered your username, password, and server URL exactly as provided in your email. Make sure there are no extra spaces before or after. If it still doesn’t work, contact support for verification.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n Can I use multiple devices at the same time?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n This depends on your subscription plan. Most plans allow 1-5 simultaneous connections. Check your plan details. If you exceed your connection limit, you may get disconnected from some devices.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n How do I update the channel list?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Channel lists update automatically when using Xtream Codes API. For M3U playlists, you may need to manually refresh. In most apps, go to Settings \u2192 Update Playlist or restart the app.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n Why is the EPG (TV Guide) not showing?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n EPG data is automatically loaded with Xtream Codes API. If it’s missing, try refreshing the guide in app settings, restart the app, or check if your subscription includes EPG service. It may take a few minutes to load initially.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n Can I record shows with this service?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Recording capability depends on the IPTV app you’re using. Some apps like TiviMate and IPTV Extreme support recording to external storage. You’ll need sufficient storage space and a compatible device.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n The video is playing but no sound – how to fix?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n This is usually a codec issue. Try changing the audio track in player settings, check your device volume, try a different channel, or change the audio output format in your device settings to stereo.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n How do I request new channels or report issues?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Contact our support team through the support section below. Provide specific details about the channel issue or your channel request. We regularly update our channel lineup based on customer feedback.\n <\/div>\n <\/div>\n <\/div>\n\n<div class=\"support-banner\">\n <h3>Need Help? We’re Here For You!<\/h3>\n <p>Our dedicated support team is available to help you with any installation or technical issues.<\/p>\n <p>Average response time: <strong>Under 30 minutes<\/strong> during business hours<\/p>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\" target=\"_blank\">\n <i class=\"fas fa-headset\"><\/i> Contact Support Now\n <\/a>\n<\/div>\n\n \n <div class=\"modal\" id=\"downloadModal\">\n <div class=\"modal-content\">\n <div class=\"modal-icon\">\n <i class=\"fas fa-search\"><\/i>\n <\/div>\n <h3 id=\"modalAppName\">Download Instructions<\/h3>\n <p id=\"modalAppDescription\">For security reasons, we don’t provide direct download links. Please search for this app in your device’s official app store or trusted sources.<\/p>\n <div class=\"modal-buttons\">\n <button class=\"modal-btn primary\" onclick=\"closeModal()\">\n <i class=\"fas fa-check\"><\/i> Got It\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <button class=\"scroll-top\" id=\"scrollTop\">\n <i class=\"fas fa-chevron-up\"><\/i>\n <\/button>\n\n <script>\n \/\/ Progress Bar\n window.onscroll = function() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n \n \/\/ Show\/hide scroll to top button\n const scrollTopBtn = document.getElementById(\"scrollTop\");\n if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {\n scrollTopBtn.classList.add(\"visible\");\n } else {\n scrollTopBtn.classList.remove(\"visible\");\n }\n };\n\n \/\/ Tab functionality\n document.querySelectorAll('.tab-btn').forEach(button => {\n button.addEventListener('click', () => {\n const tabId = button.getAttribute('data-tab');\n \n \/\/ Remove active class from all tabs and contents\n document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\n document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\n \n \/\/ Add active class to current tab and content\n button.classList.add('active');\n document.getElementById(tabId).classList.add('active');\n });\n });\n\n \/\/ FAQ accordion\n document.querySelectorAll('.faq-question').forEach(question => {\n question.addEventListener('click', () => {\n const faqItem = question.parentElement;\n faqItem.classList.toggle('active');\n });\n });\n\n \/\/ Copy button functionality\n document.querySelectorAll('.copy-btn').forEach(button => {\n button.addEventListener('click', function() {\n const textToCopy = this.parentElement.querySelector('span').textContent;\n navigator.clipboard.writeText(textToCopy).then(() => {\n const originalText = this.innerHTML;\n this.innerHTML = '<i class=\"fas fa-check\"><\/i> Copied!';\n setTimeout(() => {\n this.innerHTML = originalText;\n }, 2000);\n });\n });\n });\n\n \/\/ Scroll to top\n document.getElementById('scrollTop').addEventListener('click', () => {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n });\n\n \/\/ Modal functionality\n let currentApp = '';\n let currentPlatform = '';\n\n function showDownloadModal(appName, platform) {\n currentApp = appName;\n currentPlatform = platform;\n document.getElementById('modalAppName').textContent = `Download ${appName}`;\n document.getElementById('modalAppDescription').textContent = `For security reasons, we don't provide direct download links. Please search for \"${appName}\" in your device's official app store or trusted sources to download it safely.`;\n document.getElementById('downloadModal').style.display = 'flex';\n }\n\n function closeModal() {\n document.getElementById('downloadModal').style.display = 'none';\n }\n\n \/\/ Close modal when clicking outside\n window.addEventListener('click', function(event) {\n const modal = document.getElementById('downloadModal');\n if (event.target === modal) {\n closeModal();\n }\n });\n\n \/\/ Add 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.animation = `fadeInUp 0.6s ease forwards`;\n entry.target.style.opacity = '1';\n }\n });\n }, observerOptions);\n\n \/\/ Observe elements for animation\n document.querySelectorAll('.app-card, .step-box, .stat-card, .info-banner, .guide-section').forEach(el => {\n el.style.opacity = '0';\n observer.observe(el);\n });\n\n \/\/ Initialize first tab as active\n document.querySelector('.tab-btn.active').click();\n <\/script>\n <\/section>\n \n <section id=\"page3\">\n <footer>\n <div class=\"footer-content\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <p class=\"footer-description\">\n Stream 30,000+ live channels and 105,000+ movies & series in stunning 4K quality. Your ultimate entertainment destination on any device, anytime, anywhere.\n <\/p>\n <div class=\"social-links\">\n <a href=\"https:\/\/x.com\/iptv_kaufen\" class=\"social-link\" aria-label=\"X (Twitter)\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.pinterest.com\/KoopIPTV\/\" class=\"social-link\" aria-label=\"Pinterest\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"social-link\" aria-label=\"WhatsApp\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/t.me\/IPTVSubscription\" class=\"social-link\" aria-label=\"Telegram\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Quick Links<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/about\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Services<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/Channels-list\/\">Channels List<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">IPTV Guide<\/a><\/li>\n <li><a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\">Free Trial<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Partnership<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/\">Reseller Program<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/\">Affiliate Program<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Legal<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/terms-of-service\/\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"newsletter-section\">\n <h3>Subscribe<\/h3>\n <p>Get updates and exclusive offers delivered to your inbox!<\/p>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #0066ff, #c0c0c0); color: #fff; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">Subscribe<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p class=\"copyright\">\u00a9 2025 StreamEZ. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Smooth scroll for footer links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Track mouse position for interactive effects\n const footerBrand = document.querySelector('.footer-brand');\n if (footerBrand) {\n footerBrand.addEventListener('mousemove', (e) => {\n const rect = footerBrand.getBoundingClientRect();\n const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n footerBrand.style.setProperty('--x', `${x}%`);\n footerBrand.style.setProperty('--y', `${y}%`);\n });\n }\n\n \/\/ Add stagger animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.footer-column').forEach(column => {\n column.style.animationPlayState = 'paused';\n observer.observe(column);\n });\n <\/script>\n <\/section>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>StreamEZ | IPTV Installation Guide StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support Installation Guide StreamEZInstallation Guide Complete Step-by-Step Setup Tutorial for All Devices 5 Min Setup Time Easy Difficulty All Platforms Welcome to StreamEZ! This comprehensive guide will help […]<\/p>\n","protected":false},"author":1,"featured_media":407,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-35","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>IPTV Guide | StreamEZ \u2013 Easy Setup & Streaming Tips<\/title>\n<meta name=\"description\" content=\"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide\" \/>\n<meta property=\"og:description\" content=\"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"StreamEZ\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-19T16:41:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-guide-setup-firestick-android-smarttv.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"2048\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/\",\"name\":\"IPTV Guide | StreamEZ \u2013 Easy Setup & Streaming Tips\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-guide-setup-firestick-android-smarttv.webp\",\"datePublished\":\"2025-10-26T15:34:07+00:00\",\"dateModified\":\"2025-11-19T16:41:36+00:00\",\"description\":\"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-guide-setup-firestick-android-smarttv.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-guide-setup-firestick-android-smarttv.webp\",\"width\":2048,\"height\":2048},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\",\"name\":\"StreamEZ\",\"description\":\"StreamEZ Website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"IPTV Guide | StreamEZ \u2013 Easy Setup & Streaming Tips","description":"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/","og_locale":"en_US","og_type":"article","og_title":"Guide","og_description":"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.","og_url":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/","og_site_name":"StreamEZ","article_modified_time":"2025-11-19T16:41:36+00:00","og_image":[{"width":2048,"height":2048,"url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-guide-setup-firestick-android-smarttv.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/","url":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/","name":"IPTV Guide | StreamEZ \u2013 Easy Setup & Streaming Tips","isPartOf":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-guide-setup-firestick-android-smarttv.webp","datePublished":"2025-10-26T15:34:07+00:00","dateModified":"2025-11-19T16:41:36+00:00","description":"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.","breadcrumb":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/#primaryimage","url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-guide-setup-firestick-android-smarttv.webp","contentUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-guide-setup-firestick-android-smarttv.webp","width":2048,"height":2048},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-subscribe.com\/en\/"},{"@type":"ListItem","position":2,"name":"Guide"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-subscribe.com\/en\/#website","url":"https:\/\/buyiptv-subscribe.com\/en\/","name":"StreamEZ","description":"StreamEZ Website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-subscribe.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media\/407"}],"wp:attachment":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":35,"date":"2025-10-26T15:34:07","date_gmt":"2025-10-26T15:34:07","guid":{"rendered":"https:\/\/buyiptv-subscribe.com\/en\/?page_id=35"},"modified":"2025-11-19T16:41:36","modified_gmt":"2025-11-19T16:41:36","slug":"iptv-guide","status":"publish","type":"page","link":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/","title":{"rendered":"Guide"},"content":{"rendered":"\n\n\n\n \n \n StreamEZ | IPTV Installation Guide<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <style>\n :root {\n --linear-ease: linear(\n 0, 0.068, 0.19 2.7%, 0.804 8.1%, 1.037, 1.199 13.2%, 1.245,\n 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, 0.996 28%, 0.949,\n 0.928 33.3%, 0.926, 0.933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%,\n 1.018 54.4%, 1 63.1%, 0.995 68%, 1.001 85%, 1\n );\n --color-1: #0066ff;\n --color-2: #00a8ff;\n --color-3: #00e0ff;\n --color-4: #c0c0c0;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: #0a0a0a;\n color: #ffffff;\n overflow-x: hidden;\n min-height: 0;\n margin: 0;\n padding: 0;\n }\n\n header {\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n padding: 1.2rem 7%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n border-bottom: 1px solid rgba(0, 102, 255, 0.15);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n header.scrolled {\n padding: 0.9rem 7%;\n background: #0a0a0a;\n box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n transition: transform 0.3s ease;\n cursor: pointer;\n }\n\n .logo:hover {\n transform: translateY(-2px);\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 168, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .gooey-nav-container {\n position: relative;\n display: flex;\n align-items: center;\n }\n\n .gooey-nav-container nav {\n display: flex;\n position: relative;\n transform: translate3d(0, 0, 0.01px);\n }\n\n .gooey-nav-container nav ul {\n display: flex;\n gap: 2em;\n list-style: none;\n padding: 0 1em;\n margin: 0;\n position: relative;\n z-index: 3;\n color: white;\n text-shadow: 0 1px 1px hsl(205deg 30% 10% \/ 0.2);\n }\n\n .gooey-nav-container nav ul li {\n border-radius: 100vw;\n position: relative;\n cursor: pointer;\n transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 0 0.5px 1.5px transparent;\n color: white;\n }\n\n .gooey-nav-container nav ul li a {\n display: inline-block;\n padding: 0.6em 1em;\n color: inherit;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container nav ul li:focus-within:has(:focus-visible) {\n box-shadow: 0 0 0.5px 1.5px white;\n }\n\n .gooey-nav-container nav ul li::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 100vw;\n background: white;\n opacity: 0;\n transform: scale(0);\n transition: all 0.3s ease;\n z-index: -1;\n }\n\n .gooey-nav-container nav ul li.active {\n color: black;\n text-shadow: none;\n }\n\n .gooey-nav-container nav ul li.active::after {\n opacity: 1;\n transform: scale(1);\n }\n\n .gooey-nav-container .effect {\n position: absolute;\n left: 0;\n top: 0;\n width: 0;\n height: 0;\n opacity: 1;\n pointer-events: none;\n display: grid;\n place-items: center;\n z-index: 1;\n }\n\n .gooey-nav-container .effect.text {\n color: white;\n transition: color 0.3s ease;\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .gooey-nav-container .effect.text.active {\n color: black;\n }\n\n .gooey-nav-container .effect.filter {\n filter: blur(7px) contrast(100) blur(0);\n mix-blend-mode: lighten;\n }\n\n .gooey-nav-container .effect.filter::before {\n content: '';\n position: absolute;\n inset: -75px;\n z-index: -2;\n background: transparent;\n pointer-events: none;\n }\n\n .gooey-nav-container .effect.filter::after {\n content: '';\n position: absolute;\n inset: 0;\n background: white;\n transform: scale(0);\n opacity: 0;\n z-index: -1;\n border-radius: 100vw;\n }\n\n .gooey-nav-container .effect.active::after {\n animation: pill 0.3s ease both;\n }\n\n @keyframes pill {\n to {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .particle,\n .point {\n display: block;\n opacity: 0;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n transform-origin: center;\n }\n\n .particle {\n --time: 5s;\n position: absolute;\n top: calc(50% - 8px);\n left: calc(50% - 8px);\n animation: particle calc(var(--time)) ease 1 -350ms;\n }\n\n .point {\n background: var(--color);\n opacity: 1;\n animation: point calc(var(--time)) ease 1 -350ms;\n }\n\n @keyframes particle {\n 0% {\n transform: rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));\n opacity: 1;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 70% {\n transform: rotate(calc(var(--rotate) * 0.5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: rotate(calc(var(--rotate) * 0.66)) translate(calc(var(--end-x)), calc(var(--end-y)));\n opacity: 1;\n }\n 100% {\n transform: rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * 0.5), calc(var(--end-y) * 0.5));\n opacity: 1;\n }\n }\n\n @keyframes point {\n 0% {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\n }\n 25% {\n transform: scale(calc(var(--scale) * 0.25));\n }\n 38% {\n opacity: 1;\n }\n 65% {\n transform: scale(var(--scale));\n opacity: 1;\n animation-timing-function: ease;\n }\n 85% {\n transform: scale(var(--scale));\n opacity: 1;\n }\n 100% {\n transform: scale(0);\n opacity: 0;\n }\n }\n\n .header-buttons {\n display: flex;\n gap: 1.2rem;\n align-items: center;\n }\n\n .btn {\n padding: 1rem 2.5rem;\n border-radius: 14px;\n font-weight: 700;\n text-decoration: none;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n position: relative;\n overflow: hidden;\n }\n\n .btn::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.1);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .btn:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .btn span {\n position: relative;\n z-index: 1;\n }\n\n .btn-trial {\n background: rgba(255, 255, 255, 0.12);\n color: #fff;\n border: 2px solid rgba(255, 255, 255, 0.25);\n backdrop-filter: blur(10px);\n }\n\n .btn-trial:hover {\n background: rgba(255, 255, 255, 0.16);\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.4);\n }\n\n .btn-subscribe {\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n color: #fff;\n box-shadow: 0 10px 35px rgba(0, 102, 255, 0.6);\n border: 2px solid transparent;\n position: relative;\n }\n\n .btn-subscribe:hover {\n transform: translateY(-3px);\n box-shadow: \n 0 15px 45px rgba(0, 102, 255, 0.7),\n 0 0 30px rgba(0, 168, 255, 0.5);\n }\n\n .mobile-menu-btn {\n display: none;\n flex-direction: column;\n gap: 6px;\n cursor: pointer;\n padding: 12px;\n z-index: 200;\n background: rgba(255, 255, 255, 0.12);\n border-radius: 10px;\n border: 2px solid rgba(255, 255, 255, 0.2);\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn span {\n width: 28px;\n height: 3px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .mobile-menu-btn.active span:nth-child(1) {\n transform: rotate(45deg) translate(9px, 9px);\n }\n\n .mobile-menu-btn.active span:nth-child(2) {\n opacity: 0;\n }\n\n .mobile-menu-btn.active span:nth-child(3) {\n transform: rotate(-45deg) translate(9px, -9px);\n }\n\n .mobile-menu {\n position: fixed;\n top: 0;\n right: -100%;\n width: 85%;\n max-width: 420px;\n height: 100vh;\n background: #0a0a0a;\n backdrop-filter: blur(30px);\n z-index: 150;\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n padding: 0;\n border-left: 1px solid rgba(0, 102, 255, 0.3);\n box-shadow: -20px 0 60px rgba(0, 0, 0, 0.8);\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n }\n\n .mobile-menu.active {\n right: 0;\n }\n\n .mobile-menu-header {\n padding: 2rem 1.5rem;\n border-bottom: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 102, 255, 0.1);\n }\n\n .mobile-menu-logo {\n display: flex;\n align-items: center;\n gap: 0.8rem;\n }\n\n .mobile-menu-logo .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .mobile-menu-logo .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .mobile-menu-logo .logo-main {\n font-size: 1.7rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 900;\n letter-spacing: -1px;\n }\n\n .mobile-menu-logo .logo-tagline {\n font-size: 0.6rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n\n .mobile-menu nav {\n display: flex;\n flex-direction: column;\n gap: 0;\n padding: 2rem 1.5rem;\n flex: 1;\n }\n\n .mobile-menu nav a {\n padding: 1.5rem 1rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 1.15rem;\n transition: all 0.3s ease;\n border-radius: 8px;\n margin-bottom: 0.5rem;\n color: #b0b0b0;\n text-decoration: none;\n font-weight: 600;\n }\n\n .mobile-menu nav a:hover {\n background: rgba(0, 102, 255, 0.2);\n color: #fff;\n transform: translateX(8px);\n border-bottom-color: rgba(0, 102, 255, 0.5);\n }\n\n .menu-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n backdrop-filter: blur(8px);\n z-index: 140;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s ease;\n }\n\n .menu-overlay.active {\n opacity: 1;\n pointer-events: all;\n }\n \n \/* Tablet and Mobile Styles *\/\n @media (max-width: 1024px) {\n .mobile-menu-btn {\n display: flex;\n }\n \n .gooey-nav-container,\n .header-buttons {\n display: none;\n }\n\n header {\n padding: 1.2rem 5%;\n }\n\n .logo {\n font-size: 1.5rem;\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n }\n\n @media (max-width: 768px) {\n .mobile-menu-btn {\n display: flex;\n }\n \n .gooey-nav-container,\n .header-buttons {\n display: none;\n }\n\n header {\n padding: 1.2rem 5%;\n }\n\n .logo {\n font-size: 1.5rem;\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #0066ff;\n --primary-light: #00a8ff;\n --primary-dark: #0055dd;\n --secondary: #00e0ff;\n --accent: #f59e0b;\n --success: #10b981;\n --error: #dc143c;\n --bg-dark: #0a0a0a;\n --bg-card: rgba(20, 20, 20, 0.7);\n --text-primary: #ffffff;\n --text-secondary: #b0b0b0;\n --border: rgba(0, 102, 255, 0.2);\n --platinum: #c0c0c0;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n background: var(--bg-dark);\n color: var(--text-primary);\n overflow-x: hidden;\n line-height: 1.7;\n position: relative;\n }\n\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 20%, rgba(0, 102, 255, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(0, 168, 255, 0.1) 0%, transparent 50%);\n pointer-events: none;\n z-index: 0;\n }\n\n .guide-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 4rem 5% 2rem;\n position: relative;\n z-index: 1;\n }\n\n \/* Progress Bar *\/\n .progress-bar {\n position: fixed;\n top: 0;\n left: 0;\n width: 0%;\n height: 4px;\n background: linear-gradient(90deg, var(--primary), var(--secondary));\n z-index: 1000;\n transition: width 0.3s ease;\n }\n\n \/* Hero Section *\/\n .guide-hero {\n text-align: center;\n margin-bottom: 5rem;\n animation: fadeInUp 0.8s ease;\n }\n\n .guide-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.7rem 1.8rem;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n border-radius: 50px;\n font-size: 0.85rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: #00a8ff;\n margin-bottom: 2rem;\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n }\n\n .guide-badge:hover {\n transform: scale(1.05);\n box-shadow: 0 5px 15px rgba(0, 102, 255, 0.3);\n }\n\n .guide-hero h1 {\n font-size: 5rem;\n font-weight: 900;\n letter-spacing: -3px;\n margin-bottom: 1.5rem;\n line-height: 1.1;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #fff 15%, #0066ff 45%, #00a8ff 75%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n display: inline-block;\n }\n\n .guide-hero p {\n font-size: 1.3rem;\n color: var(--text-secondary);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n \/* Quick Stats *\/\n .stats-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin: 3rem 0;\n }\n\n .stat-card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 2rem;\n text-align: center;\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n border-color: var(--primary);\n box-shadow: 0 10px 30px rgba(0, 102, 255, 0.2);\n }\n\n .stat-icon {\n font-size: 2.5rem;\n color: var(--primary);\n margin-bottom: 1rem;\n }\n\n .stat-value {\n font-size: 2rem;\n font-weight: 800;\n color: var(--text-primary);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-secondary);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n \/* Info Banner *\/\n .info-banner {\n background: linear-gradient(145deg, var(--bg-card), rgba(20, 20, 20, 0.5));\n border: 2px solid var(--border);\n border-radius: 20px;\n padding: 3rem;\n margin-bottom: 4rem;\n position: relative;\n overflow: hidden;\n transition: all 0.4s ease;\n backdrop-filter: blur(10px);\n }\n\n .info-banner::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--primary), var(--secondary), var(--primary-light));\n }\n\n .info-banner:hover {\n border-color: rgba(0, 102, 255, 0.5);\n box-shadow: 0 15px 40px rgba(0, 102, 255, 0.3);\n }\n\n .info-banner h2 {\n font-size: 1.8rem;\n margin-bottom: 1.5rem;\n color: var(--text-primary);\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .info-banner h2 i {\n color: var(--primary);\n font-size: 2rem;\n }\n\n .info-banner p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n line-height: 1.7;\n }\n\n \/* Credentials Box *\/\n .credentials-box {\n background: linear-gradient(145deg, rgba(245, 158, 11, 0.1), rgba(245, 158, 11, 0.05));\n border: 2px solid rgba(245, 158, 11, 0.3);\n border-radius: 20px;\n padding: 3rem;\n margin-bottom: 4rem;\n position: relative;\n overflow: hidden;\n }\n\n .credentials-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, #f59e0b, #fbbf24, #fcd34d);\n }\n\n .credentials-box h3 {\n color: var(--accent);\n margin-bottom: 2rem;\n font-size: 1.8rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .cred-item {\n background: rgba(255, 255, 255, 0.05);\n padding: 1.5rem;\n margin: 1rem 0;\n border-radius: 12px;\n border-left: 4px solid var(--accent);\n font-size: 1.05rem;\n display: flex;\n align-items: center;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n\n .cred-item:hover {\n background: rgba(255, 255, 255, 0.08);\n transform: translateX(5px);\n }\n\n .cred-item strong {\n color: var(--accent);\n display: inline-block;\n width: 150px;\n flex-shrink: 0;\n font-weight: 600;\n }\n\n \/* Copy Button *\/\n .copy-btn {\n background: rgba(0, 102, 255, 0.2);\n border: 1px solid var(--primary);\n color: var(--primary);\n padding: 0.5rem 1rem;\n border-radius: 8px;\n cursor: pointer;\n font-size: 0.9rem;\n margin-left: auto;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .copy-btn:hover {\n background: var(--primary);\n color: white;\n }\n\n \/* Guide Section *\/\n .guide-section {\n background: linear-gradient(145deg, var(--bg-card), rgba(20, 20, 20, 0.5));\n border: 2px solid var(--border);\n border-radius: 20px;\n padding: 3rem;\n margin-bottom: 4rem;\n position: relative;\n overflow: hidden;\n backdrop-filter: blur(10px);\n }\n\n .guide-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--primary), var(--secondary), var(--primary-light));\n opacity: 0.8;\n }\n\n .guide-section h2 {\n font-size: 2.2rem;\n margin-bottom: 2rem;\n color: var(--text-primary);\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .guide-section h2 i {\n color: var(--primary);\n font-size: 2.5rem;\n }\n\n \/* Tabs *\/\n .tabs {\n display: flex;\n gap: 10px;\n margin-bottom: 40px;\n flex-wrap: wrap;\n }\n\n .tab-btn {\n padding: 16px 24px;\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid transparent;\n border-radius: 12px;\n cursor: pointer;\n font-size: 1.1rem;\n font-weight: 600;\n transition: all 0.3s ease;\n color: var(--text-secondary);\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .tab-btn:hover {\n background: rgba(0, 102, 255, 0.2);\n color: var(--text-primary);\n border-color: var(--primary);\n }\n\n .tab-btn.active {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: var(--text-primary);\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.3);\n }\n\n .tab-btn i {\n font-size: 1.3rem;\n }\n\n .tab-content {\n display: none;\n animation: fadeIn 0.5s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .tab-content.active {\n display: block;\n }\n\n \/* App Grid *\/\n .app-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin: 40px 0;\n }\n\n .app-card {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 16px;\n padding: 30px;\n text-align: center;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.1);\n display: flex;\n flex-direction: column;\n height: 100%;\n backdrop-filter: blur(10px);\n }\n\n .app-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(0, 102, 255, 0.1), transparent);\n transition: left 0.5s ease;\n }\n\n .app-card:hover::before {\n left: 100%;\n }\n\n .app-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 20px 40px rgba(0, 102, 255, 0.3);\n border-color: var(--primary);\n }\n\n .app-icon {\n width: 80px;\n height: 80px;\n margin: 0 auto 25px;\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n color: var(--text-primary);\n box-shadow: 0 10px 20px rgba(0, 102, 255, 0.4);\n transition: all 0.3s ease;\n }\n\n .app-card:hover .app-icon {\n transform: scale(1.1) rotate(5deg);\n }\n\n .app-card h4 {\n color: var(--text-primary);\n font-size: 1.5rem;\n margin-bottom: 15px;\n font-weight: 600;\n }\n\n .app-card p {\n color: var(--text-secondary);\n margin: 10px 0;\n font-size: 1rem;\n line-height: 1.6;\n flex-grow: 1;\n }\n\n .recommended-badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: var(--success);\n color: var(--text-primary);\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 700;\n box-shadow: 0 4px 10px rgba(16, 185, 129, 0.3);\n display: flex;\n align-items: center;\n gap: 5px;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .download-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: var(--text-primary);\n padding: 16px 32px;\n text-decoration: none;\n border-radius: 12px;\n margin-top: 20px;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);\n border: none;\n cursor: pointer;\n width: 100%;\n position: relative;\n overflow: hidden;\n }\n\n .download-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.2);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .download-btn:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .download-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(0, 102, 255, 0.5);\n }\n\n .download-btn span {\n position: relative;\n z-index: 1;\n }\n\n .platform-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n justify-content: center;\n margin: 15px 0;\n }\n\n .platform-tag {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n background: rgba(0, 102, 255, 0.2);\n color: #00a8ff;\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n \/* Steps Container *\/\n .steps-container {\n margin: 40px 0;\n }\n\n .step-box {\n background: rgba(255, 255, 255, 0.05);\n border-left: 5px solid var(--primary);\n padding: 30px;\n margin: 25px 0;\n border-radius: 16px;\n position: relative;\n transition: all 0.3s ease;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n\n .step-box:hover {\n transform: translateX(10px);\n box-shadow: 0 10px 15px rgba(0,0,0,0.2);\n background: rgba(255, 255, 255, 0.08);\n }\n\n .step-number {\n position: absolute;\n left: -25px;\n top: 25px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: var(--text-primary);\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 1.3rem;\n box-shadow: 0 5px 15px rgba(0, 102, 255, 0.4);\n }\n\n .step-box h4 {\n color: var(--text-primary);\n font-size: 1.4rem;\n margin-bottom: 15px;\n margin-left: 35px;\n font-weight: 600;\n }\n\n .step-box p {\n margin-left: 35px;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n .step-box ul {\n margin-left: 35px;\n }\n\n .step-box li {\n margin: 10px 0;\n color: var(--text-secondary);\n line-height: 1.6;\n }\n\n \/* Info Box *\/\n .info-box {\n background: rgba(245, 158, 11, 0.1);\n border-left: 5px solid var(--accent);\n padding: 25px;\n margin: 30px 0;\n border-radius: 12px;\n display: flex;\n gap: 15px;\n transition: all 0.3s ease;\n }\n\n .info-box:hover {\n background: rgba(245, 158, 11, 0.15);\n transform: translateX(5px);\n }\n\n .info-icon {\n color: var(--accent);\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n\n .info-content h4 {\n color: var(--accent);\n margin-bottom: 10px;\n font-size: 1.2rem;\n font-weight: 600;\n }\n\n .info-content p {\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n }\n\n \/* Tips Section *\/\n .tips-section {\n background: linear-gradient(145deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.05));\n border-left: 5px solid var(--success);\n padding: 3rem;\n margin: 50px 0;\n border-radius: 16px;\n }\n\n .tips-section h3 {\n color: var(--success);\n margin-bottom: 25px;\n font-size: 1.8rem;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .tips-section ul {\n list-style: none;\n padding: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 20px;\n }\n\n .tips-section li {\n padding: 15px 0 15px 40px;\n position: relative;\n color: rgba(255, 255, 255, 0.8);\n line-height: 1.6;\n transition: all 0.3s ease;\n }\n\n .tips-section li:hover {\n color: var(--text-primary);\n transform: translateX(5px);\n }\n\n .tips-section li:before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n color: var(--success);\n font-weight: bold;\n font-size: 1.5rem;\n width: 30px;\n height: 30px;\n background: rgba(16, 185, 129, 0.1);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* FAQ Section *\/\n .faq-section {\n background: var(--bg-card);\n border: 2px solid var(--border);\n border-radius: 20px;\n padding: 3rem;\n margin: 4rem 0;\n backdrop-filter: blur(10px);\n }\n\n .faq-section h2 {\n color: var(--text-primary);\n font-size: 2.2rem;\n margin-bottom: 2rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .faq-section h2 i {\n color: var(--primary);\n font-size: 2.5rem;\n }\n\n .faq-item {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 12px;\n margin: 15px 0;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .faq-question {\n padding: 20px 25px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 600;\n font-size: 1.1rem;\n color: var(--text-primary);\n transition: all 0.3s ease;\n }\n\n .faq-question:hover {\n background: rgba(255, 255, 255, 0.08);\n }\n\n .faq-question i {\n color: var(--primary);\n transition: transform 0.3s ease;\n }\n\n .faq-item.active .faq-question i {\n transform: rotate(180deg);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease, padding 0.3s ease;\n padding: 0 25px;\n color: var(--text-secondary);\n line-height: 1.7;\n }\n\n .faq-item.active .faq-answer {\n max-height: 500px;\n padding: 0 25px 20px 25px;\n }\n\n \/* Support Banner *\/\n .support-banner {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: var(--text-primary);\n padding: 60px 40px;\n text-align: center;\n border-radius: 20px;\n margin: 60px 0;\n box-shadow: 0 15px 30px rgba(0, 102, 255, 0.4);\n position: relative;\n overflow: hidden;\n }\n\n .support-banner::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,255,255,0.1) 0%, transparent 50%);\n pointer-events: none;\n }\n\n .support-banner h3 {\n color: var(--text-primary);\n font-size: 2.2rem;\n margin-bottom: 20px;\n position: relative;\n z-index: 1;\n }\n\n .support-banner p {\n font-size: 1.2rem;\n opacity: 0.95;\n margin: 15px 0;\n position: relative;\n z-index: 1;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .support-banner a {\n color: var(--text-primary);\n text-decoration: none;\n font-size: 1.2rem;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-top: 25px;\n padding: 16px 32px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 12px;\n transition: all 0.3s ease;\n position: relative;\n z-index: 1;\n border: 1px solid rgba(255, 255, 255, 0.3);\n backdrop-filter: blur(10px);\n }\n\n .support-banner a:hover {\n background: rgba(255, 255, 255, 0.25);\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n \/* Footer *\/\n .footer {\n text-align: center;\n padding: 40px 20px;\n color: var(--text-secondary);\n background: rgba(255, 255, 255, 0.05);\n border-radius: 20px;\n margin-top: 50px;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* Modal *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.8);\n z-index: 1000;\n align-items: center;\n justify-content: center;\n backdrop-filter: blur(5px);\n }\n\n .modal-content {\n background: rgba(10, 10, 10, 0.98);\n padding: 50px;\n border-radius: 20px;\n max-width: 500px;\n width: 90%;\n text-align: center;\n box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\n position: relative;\n animation: modalFadeIn 0.3s ease;\n border: 2px solid var(--border);\n backdrop-filter: blur(20px);\n }\n\n @keyframes modalFadeIn {\n from { opacity: 0; transform: scale(0.9) translateY(-20px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\n }\n\n .modal-icon {\n font-size: 4rem;\n color: var(--primary);\n margin-bottom: 20px;\n }\n\n .modal h3 {\n color: var(--text-primary);\n margin-bottom: 20px;\n font-size: 1.8rem;\n font-weight: 700;\n }\n\n .modal p {\n margin-bottom: 30px;\n color: var(--text-secondary);\n line-height: 1.6;\n font-size: 1.1rem;\n }\n\n .modal-buttons {\n display: flex;\n gap: 15px;\n justify-content: center;\n }\n\n .modal-btn {\n padding: 14px 28px;\n border: none;\n border-radius: 12px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 1rem;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .modal-btn.primary {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: var(--text-primary);\n box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);\n }\n\n .modal-btn.secondary {\n background: rgba(255, 255, 255, 0.08);\n color: var(--text-primary);\n }\n\n .modal-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n }\n\n \/* Scroll to Top Button *\/\n .scroll-top {\n position: fixed;\n bottom: 30px;\n right: 30px;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: white;\n border: none;\n border-radius: 50%;\n cursor: pointer;\n display: none;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n box-shadow: 0 5px 15px rgba(0, 102, 255, 0.4);\n transition: all 0.3s ease;\n z-index: 999;\n }\n\n .scroll-top:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 102, 255, 0.5);\n }\n\n .scroll-top.visible {\n display: flex;\n }\n\n \/* Video Tutorial Card *\/\n .video-card {\n background: linear-gradient(145deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.05));\n border: 2px solid rgba(239, 68, 68, 0.3);\n border-radius: 20px;\n padding: 3rem;\n margin: 4rem 0;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n .video-card:hover {\n border-color: rgba(239, 68, 68, 0.5);\n box-shadow: 0 15px 40px rgba(239, 68, 68, 0.2);\n }\n\n .video-card h3 {\n color: #ef4444;\n font-size: 1.8rem;\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n }\n\n .video-card p {\n color: var(--text-secondary);\n font-size: 1.1rem;\n margin-bottom: 2rem;\n }\n\n .video-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #ef4444, #dc2626);\n color: white;\n padding: 16px 32px;\n border-radius: 12px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);\n }\n\n .video-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(239, 68, 68, 0.5);\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .guide-container {\n padding: 3rem 5% 4rem;\n }\n\n .guide-hero h1 {\n font-size: 3rem;\n letter-spacing: -2px;\n }\n\n .guide-hero p {\n font-size: 1.1rem;\n }\n\n .tabs {\n flex-direction: column;\n }\n\n .tab-btn {\n width: 100%;\n justify-content: center;\n }\n\n .app-grid {\n grid-template-columns: 1fr;\n }\n\n .cred-item {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .cred-item strong {\n width: 100%;\n margin-bottom: 5px;\n }\n\n .modal-buttons {\n flex-direction: column;\n }\n\n .tips-section ul {\n grid-template-columns: 1fr;\n }\n\n .info-banner, .guide-section, .credentials-box, .faq-section, .video-card {\n padding: 2rem;\n }\n\n .stats-row {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 480px) {\n .guide-container {\n padding: 2rem 4% 3rem;\n }\n\n .guide-hero h1 {\n font-size: 2.2rem;\n letter-spacing: -1px;\n }\n\n .guide-hero p {\n font-size: 1rem;\n }\n\n .info-banner, .guide-section, .credentials-box, .faq-section, .video-card {\n padding: 1.5rem;\n }\n\n .step-box {\n padding: 20px;\n }\n\n .step-number {\n left: -20px;\n top: 20px;\n width: 40px;\n height: 40px;\n font-size: 1.1rem;\n }\n\n .step-box h4 {\n margin-left: 30px;\n font-size: 1.2rem;\n }\n\n .step-box p, .step-box ul {\n margin-left: 30px;\n }\n\n .tips-section {\n padding: 2rem;\n }\n\n .scroll-top {\n bottom: 20px;\n right: 20px;\n width: 45px;\n height: 45px;\n }\n }\n \n :root {\n --color-1: #0066ff;\n --color-2: #00a8ff;\n --color-3: #00e0ff;\n --color-4: #c0c0c0;\n --stroke-light: rgba(148,163,184,.18);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n }\n\n footer {\n position: relative;\n z-index: 10;\n background: rgba(10, 10, 10, 0.95);\n border-top: 1px solid rgba(0, 102, 255, 0.2);\n backdrop-filter: blur(30px);\n margin-top: 6rem;\n overflow: hidden;\n margin-bottom: 0;\n padding-bottom: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n color: #fff;\n }\n\n footer::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 2px;\n background: linear-gradient(90deg, transparent, #0066ff, #00a8ff, transparent);\n animation: borderSlide 3s ease-in-out infinite;\n }\n\n @keyframes borderSlide {\n 0%, 100% { left: -100%; }\n 50% { left: 100%; }\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n padding: 5rem 7% 3rem;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;\n gap: 4rem;\n margin-bottom: 4rem;\n }\n\n .footer-brand {\n animation: fadeInUp 0.8s ease;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 1.9rem;\n font-weight: 900;\n letter-spacing: -1px;\n margin-bottom: 1.5rem;\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .logo:hover {\n transform: translateY(-3px);\n }\n\n .logo:hover .logo-icon {\n transform: scale(1.05) rotate(5deg);\n }\n\n .logo:hover .logo-icon::before {\n transform: scale(1.1);\n opacity: 1;\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 50%, #00e0ff 100%);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n flex-shrink: 0;\n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n animation: logoGlow 3s ease-in-out infinite;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .logo-icon::before {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 16px;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n filter: blur(12px);\n transition: all 0.4s ease;\n z-index: -1;\n }\n\n @keyframes logoGlow {\n 0%, 100% { \n box-shadow: \n 0 10px 30px rgba(0, 102, 255, 0.7),\n inset 0 1px 0 rgba(255, 255, 255, 0.2);\n }\n 50% { \n box-shadow: \n 0 10px 40px rgba(0, 102, 255, 0.9),\n 0 0 20px rgba(0, 168, 255, 0.5),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n }\n\n .logo-icon::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 14px solid white;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n margin-left: 3px;\n filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\n transition: filter 0.3s ease;\n }\n\n .logo:hover .logo-icon::after {\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n line-height: 1;\n }\n\n .logo-main {\n font-size: 1.9rem;\n background: linear-gradient(135deg, #fff 0%, #0066ff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: all 0.3s ease;\n }\n\n .logo:hover .logo-main {\n background: linear-gradient(135deg, #fff 0%, #00a8ff 100%);\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .logo-tagline {\n font-size: 0.65rem;\n color: #b0b0b0;\n font-weight: 600;\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n transition: color 0.3s ease;\n }\n\n .logo:hover .logo-tagline {\n color: rgba(255, 255, 255, 0.8);\n }\n\n .footer-description {\n color: #b0b0b0;\n line-height: 1.7;\n font-size: 0.95rem;\n margin-bottom: 2rem;\n max-width: 350px;\n transition: color 0.3s ease;\n }\n\n .footer-description:hover {\n color: rgba(255, 255, 255, 0.75);\n }\n\n .social-links {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .social-link {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: rgba(0, 102, 255, 0.15);\n border: 1px solid rgba(0, 102, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-decoration: none;\n color: #fff;\n font-size: 1.2rem;\n position: relative;\n overflow: hidden;\n }\n\n .social-link::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .social-link svg {\n position: relative;\n z-index: 1;\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .social-link:hover {\n border-color: rgba(0, 102, 255, 0.6);\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 15px 35px rgba(0, 102, 255, 0.5);\n }\n\n .social-link:hover::before {\n opacity: 1;\n }\n\n .social-link:hover svg {\n transform: scale(1.1) rotate(5deg);\n }\n\n .social-link:active {\n transform: translateY(-2px) scale(0.98);\n }\n\n .footer-column {\n animation: fadeInUp 1s ease;\n animation-fill-mode: both;\n }\n\n .footer-column:nth-child(2) { animation-delay: 0.1s; }\n .footer-column:nth-child(3) { animation-delay: 0.2s; }\n .footer-column:nth-child(4) { animation-delay: 0.3s; }\n .footer-column:nth-child(5) { animation-delay: 0.4s; }\n\n .footer-column h3 {\n font-size: 1.15rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: #fff;\n letter-spacing: -0.5px;\n position: relative;\n display: inline-block;\n transition: color 0.3s ease;\n }\n\n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-column:hover h3::after {\n width: 100%;\n }\n\n .footer-column:hover h3 {\n color: #00a8ff;\n }\n\n .footer-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .footer-links li {\n position: relative;\n }\n\n .footer-links li a {\n color: #b0b0b0;\n text-decoration: none;\n font-size: 0.95rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-block;\n position: relative;\n padding-left: 0;\n }\n\n .footer-links li a::before {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #0066ff, #00a8ff);\n transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .footer-links li a::after {\n content: '\u2192';\n position: absolute;\n left: -20px;\n opacity: 0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n color: #0066ff;\n }\n\n .footer-links li a:hover {\n color: #fff;\n padding-left: 20px;\n transform: translateX(0);\n }\n\n .footer-links li a:hover::before {\n width: 100%;\n }\n\n .footer-links li a:hover::after {\n opacity: 1;\n left: 0;\n }\n\n .newsletter-section {\n display: none;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n padding: 2rem 7%;\n text-align: center;\n position: relative;\n margin: 0;\n background: rgba(10, 10, 10, 1);\n }\n\n .footer-bottom::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent, #0066ff, transparent);\n transition: width 0.6s ease;\n }\n\n .footer-bottom:hover::before {\n width: 100%;\n }\n\n .copyright {\n color: #b0b0b0;\n font-size: 0.9rem;\n transition: color 0.3s ease;\n cursor: default;\n margin: 0;\n padding: 0;\n }\n\n .copyright:hover {\n color: rgba(255, 255, 255, 0.7);\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .footer-brand::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(0, 102, 255, 0.15), transparent 50%);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n\n .footer-brand:hover::before {\n opacity: 1;\n }\n\n @media (max-width: 1200px) {\n .footer-grid {\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n }\n }\n\n @media (max-width: 968px) {\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 768px) {\n footer {\n margin-top: 4rem;\n }\n\n .footer-content {\n padding: 3rem 5% 2rem;\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem 2rem;\n margin-bottom: 2.5rem;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n text-align: left;\n }\n\n .logo {\n justify-content: flex-start;\n margin-bottom: 1.2rem;\n font-size: 1.6rem;\n }\n\n .logo-icon {\n width: 45px;\n height: 45px;\n }\n\n .logo-icon::after {\n border-left: 12px solid white;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n }\n\n .logo-main {\n font-size: 1.6rem;\n }\n\n .logo-tagline {\n font-size: 0.58rem;\n letter-spacing: 2px;\n }\n\n .footer-description {\n display: none;\n }\n\n .social-links {\n justify-content: flex-start;\n gap: 0.8rem;\n margin-bottom: 0;\n }\n\n .social-link {\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .footer-column {\n text-align: left;\n }\n\n .footer-column h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n }\n\n .footer-column h3::after {\n left: 0;\n transform: none;\n }\n\n .footer-links {\n align-items: flex-start;\n gap: 0.7rem;\n }\n\n .footer-links li a {\n font-size: 0.9rem;\n padding: 0.3rem 0;\n display: inline-block;\n }\n\n .footer-links li a::after {\n display: none;\n }\n\n .footer-links li a:hover {\n padding-left: 0;\n transform: translateX(0);\n }\n\n .newsletter-section {\n display: block;\n grid-column: 1 \/ -1;\n margin-top: 1.5rem;\n }\n\n .newsletter-section h3 {\n font-size: 1.1rem;\n margin-bottom: 1rem;\n font-weight: 800;\n color: #fff;\n }\n\n .newsletter-section p {\n font-size: 0.85rem;\n color: #b0b0b0;\n margin-bottom: 0.8rem;\n line-height: 1.5;\n }\n\n .newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .newsletter-input {\n width: 100%;\n padding: 0.9rem 1rem;\n border-radius: 10px;\n border: 1px solid rgba(0, 102, 255, 0.3);\n background: rgba(20, 20, 20, 0.6);\n color: #fff;\n font-size: 0.95rem;\n outline: none;\n transition: all 0.3s ease;\n }\n\n .newsletter-input::placeholder {\n color: rgba(255, 255, 255, 0.4);\n }\n\n .newsletter-input:focus {\n border-color: #0066ff;\n background: rgba(20, 20, 20, 0.8);\n }\n\n .newsletter-button {\n width: 100%;\n padding: 0.9rem;\n border-radius: 10px;\n border: none;\n background: linear-gradient(135deg, #0066ff, #00a8ff);\n color: #fff;\n font-size: 0.95rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .newsletter-button:active {\n transform: scale(0.98);\n box-shadow: 0 5px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-bottom {\n text-align: center;\n padding: 1.5rem 5%;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .copyright {\n font-size: 0.85rem;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 480px) {\n .footer-grid {\n gap: 2rem 1.5rem;\n }\n\n .footer-column h3 {\n font-size: 1rem;\n }\n\n .footer-links li a {\n font-size: 0.85rem;\n }\n\n .social-link {\n width: 40px;\n height: 40px;\n }\n\n .newsletter-section h3 {\n font-size: 1rem;\n }\n\n .newsletter-input,\n .newsletter-button {\n font-size: 0.9rem;\n padding: 0.85rem;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n @media (hover: none) and (pointer: coarse) {\n .social-link:hover {\n transform: none;\n }\n\n .social-link:active {\n transform: scale(0.95);\n box-shadow: 0 8px 20px rgba(0, 102, 255, 0.4);\n }\n\n .footer-links li a:hover {\n transform: none;\n }\n\n .footer-links li a:active {\n color: #fff;\n }\n\n .logo:hover {\n transform: none;\n }\n\n .logo:active .logo-icon {\n transform: scale(0.95);\n }\n }\n\n \/* Add this to your CSS *\/\n html, body {\n overflow-x: hidden;\n width: 100%;\n max-width: 100%;\n }\n\n .guide-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 4rem 5% 2rem;\n position: relative;\n z-index: 1;\n width: 100%;\n box-sizing: border-box;\n }\n\n \/* Ensure all elements stay within container *\/\n * {\n max-width: 100%;\n }\n\n \/* Fix for any elements that might cause overflow *\/\n .app-card, .step-box, .info-banner, .guide-section, .credentials-box {\n width: 100%;\n box-sizing: border-box;\n }\n\n \/* Specific fix for long URLs or text *\/\n .cred-item span {\n word-break: break-word;\n overflow-wrap: break-word;\n }\n\n \/* Remove gradient backgrounds to show solid #0a0a0a *\/\n body::before {\n display: none !important;\n }\n\n .guide-hero {\n background: #0a0a0a !important;\n }\n\n .info-banner {\n background: #0a0a0a !important;\n }\n\n .guide-section {\n background: #0a0a0a !important;\n }\n\n .credentials-box {\n background: #0a0a0a !important;\n }\n\n .faq-section {\n background: #0a0a0a !important;\n }\n\n .support-banner {\n background: linear-gradient(135deg, #0066ff 0%, #00a8ff 100%) !important;\n }\n\n \/* Remove gradient borders and effects *\/\n .info-banner::before,\n .guide-section::before,\n .credentials-box::before {\n display: none !important;\n }\n\n \/* Keep cards with slight transparency but remove gradients *\/\n .stat-card, .app-card, .step-box {\n background: rgba(20, 20, 20, 0.8) !important;\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 \n <\/style>\n<\/head>\n<body>\n <section id=\"page1\">\n <header id=\"header\">\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\" style=\"text-decoration: none;\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/a>\n \n <div class=\"gooey-nav-container\" id=\"gooeyNav\">\n <nav>\n <ul>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li class=\"active\"><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a><\/li>\n <\/ul>\n <\/nav>\n <span class=\"effect filter\"><\/span>\n <span class=\"effect text\"><\/span>\n <\/div>\n\n <div class=\"header-buttons\">\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"btn btn-trial\"><span>\ud83c\udf81 Free Trial<\/span><\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"btn btn-subscribe\"><span>Subscribe Now<\/span><\/a>\n <\/div>\n\n <div class=\"mobile-menu-btn\" id=\"menuBtn\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <\/header>\n\n <div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <div class=\"mobile-menu-header\">\n <div class=\"mobile-menu-logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <\/div>\n <nav>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">Guide<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/channels-list\/\">Channels<\/a>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Support<\/a>\n <\/nav>\n <\/div>\n\n<script>\n \/\/ Gooey Navigation - FIXED VERSION\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 \/\/ Find which item actually has the active class\n const activeItem = this.nav.querySelector('li.active');\n this.activeIndex = activeItem ? this.items.indexOf(activeItem) : 0;\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 };\n \n this.init();\n }\n \n init() {\n \/\/ Update effect position for the active item (whichever it is)\n const currentActive = this.items[this.activeIndex];\n if (currentActive) {\n this.updateEffectPosition(currentActive);\n this.textEffect.classList.add('active');\n }\n \n this.items.forEach((item, index) => {\n item.addEventListener('click', (e) => this.handleClick(e, index));\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 \/\/ Initialize GooeyNav\n const gooeyNavContainer = document.getElementById('gooeyNav');\n if (gooeyNavContainer) {\n new GooeyNav(gooeyNavContainer, {\n particleCount: 15,\n particleDistances: [90, 10],\n particleR: 100,\n animationTime: 600,\n timeVariance: 300,\n colors: [1, 2, 3, 1, 2, 3, 1, 4]\n });\n }\n\n \/\/ Mobile menu (keep your existing code)\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 (keep your existing code)\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('scrolled');\n } else {\n header.classList.remove('scrolled');\n }\n });\n<\/script>\n <\/section>\n \n <section id=\"page2\">\n <div class=\"progress-bar\" id=\"progressBar\"><\/div>\n \n <div class=\"guide-container\">\n <div class=\"guide-hero\">\n <div class=\"guide-badge\">\n <i class=\"fas fa-star\"><\/i>\n Installation Guide\n <\/div>\n <h1>\n StreamEZ<span class=\"gradient-text\">Installation Guide<\/span>\n <\/h1>\n <p>Complete Step-by-Step Setup Tutorial for All Devices<\/p>\n <div class=\"stats-row\">\n <div class=\"stat-card\">\n <div class=\"stat-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n <div class=\"stat-value\">5 Min<\/div>\n <div class=\"stat-label\">Setup Time<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon\"><i class=\"fas fa-check-circle\"><\/i><\/div>\n <div class=\"stat-value\">Easy<\/div>\n <div class=\"stat-label\">Difficulty<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <div class=\"stat-value\">All<\/div>\n <div class=\"stat-label\">Platforms<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"info-banner\">\n <h2><i class=\"fas fa-tv\"><\/i> Welcome to StreamEZ!<\/h2>\n <p>This comprehensive guide will help you install and configure your IPTV service in just a few minutes. Follow the steps below based on your device to start enjoying unlimited entertainment with thousands of live channels, movies, and series.<\/p>\n <\/div>\n\n <div class=\"video-card\">\n <h3><i class=\"fab fa-youtube\"><\/i> Video Tutorial Available<\/h3>\n <p>Prefer watching instead of reading? Check out our detailed video tutorials for step-by-step visual guidance.<\/p>\n <a href=\"#\" class=\"video-btn\" onclick=\"alert('Video tutorials coming soon!'); return false;\">\n <i class=\"fas fa-play-circle\"><\/i> Watch Video Guide\n <\/a>\n <\/div>\n\n <div class=\"credentials-box\">\n <h3><i class=\"fas fa-key\"><\/i> Your Login Information<\/h3>\n <p style=\"margin-bottom: 25px; font-size: 1.1rem;\">After purchasing, you received these credentials via email. Keep them safe – you’ll need them to login:<\/p>\n <div class=\"cred-item\">\n <strong>Username:<\/strong> \n <span style=\"color: rgba(255, 255, 255, 0.8);\">Your unique username<\/span>\n <button class=\"copy-btn\"><i class=\"fas fa-copy\"><\/i> Copy<\/button>\n <\/div>\n <div class=\"cred-item\">\n <strong>Password:<\/strong> \n <span style=\"color: rgba(255, 255, 255, 0.8);\">Your secure password<\/span>\n <button class=\"copy-btn\"><i class=\"fas fa-copy\"><\/i> Copy<\/button>\n <\/div>\n <div class=\"cred-item\">\n <strong>Server URL:<\/strong> \n <span style=\"color: rgba(255, 255, 255, 0.8);\">DNS\/Portal address<\/span>\n <button class=\"copy-btn\"><i class=\"fas fa-copy\"><\/i> Copy<\/button>\n <\/div>\n <div class=\"cred-item\">\n <strong>M3U URL:<\/strong> \n <span style=\"color: rgba(255, 255, 255, 0.8);\">Direct playlist link (alternative)<\/span>\n <button class=\"copy-btn\"><i class=\"fas fa-copy\"><\/i> Copy<\/button>\n <\/div>\n <div class=\"info-box\" style=\"margin-top: 25px;\">\n <div class=\"info-icon\">\n <i class=\"fas fa-exclamation-triangle\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>Important Security Notice<\/h4>\n <p><strong>Keep these credentials private and secure.<\/strong> Don’t share them with anyone. Sharing may result in service suspension. You’ll need them to login to your IPTV app.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"guide-section\">\n <h2><i class=\"fas fa-mobile-alt\"><\/i> Step 1: Choose & Download Your App<\/h2>\n \n <div class=\"tabs\">\n <button class=\"tab-btn active\" data-tab=\"android\">\n <i class=\"fab fa-android\"><\/i>\n Android\n <\/button>\n <button class=\"tab-btn\" data-tab=\"firestick\">\n <i class=\"fas fa-fire\"><\/i>\n FireStick\/Fire TV\n <\/button>\n <button class=\"tab-btn\" data-tab=\"ios\">\n <i class=\"fab fa-apple\"><\/i>\n iPhone\/iPad\n <\/button>\n <button class=\"tab-btn\" data-tab=\"smarttv\">\n <i class=\"fas fa-tv\"><\/i>\n Smart TV\n <\/button>\n <button class=\"tab-btn\" data-tab=\"windows\">\n <i class=\"fas fa-desktop\"><\/i>\n Windows\/Mac\n <\/button>\n <\/div>\n\n <div id=\"android\" class=\"tab-content active\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Android Phone & Tablet Apps<\/h3>\n <div class=\"app-grid\">\n <div class=\"app-card\">\n <div class=\"recommended-badge\"><i class=\"fas fa-star\"><\/i> RECOMMENDED<\/div>\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>IPTV Smarters Pro<\/h4>\n <p>Most popular IPTV player with excellent EPG support and user-friendly interface. Perfect for all Android devices.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('IPTV Smarters Pro', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n <h4>iBO Player<\/h4>\n <p>Clean interface with Xtream Codes support. Works best on devices with 2GB+ RAM. Lightweight and efficient.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('iBO Player', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-film\"><\/i><\/div>\n <h4>TiviMate<\/h4>\n <p>Premium IPTV player with beautiful interface and advanced features. Perfect for power users.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-crown\"><\/i> Free + Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('TiviMate', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-satellite-dish\"><\/i><\/div>\n <h4>OTT Navigator<\/h4>\n <p>Advanced player with extensive customization options and support for multiple playlist formats.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free + Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('OTT Navigator', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n <h4>IPTV Extreme<\/h4>\n <p>Feature-rich player with parental controls, recording capability, and advanced channel management.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('IPTV Extreme', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-play-circle\"><\/i><\/div>\n <h4>Perfect Player<\/h4>\n <p>Simple and efficient IPTV player with great performance on older Android devices.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-android\"><\/i> Android<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('Perfect Player', 'Android')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"firestick\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Amazon FireStick & Fire TV Apps<\/h3>\n <div class=\"app-grid\">\n <div class=\"app-card\">\n <div class=\"recommended-badge\"><i class=\"fas fa-star\"><\/i> RECOMMENDED<\/div>\n <div class=\"app-icon\"><i class=\"fas fa-fire\"><\/i><\/div>\n <h4>IPTV Smarters Pro<\/h4>\n <p>Best for FireStick – Easy to install and navigate with remote control. Optimized for TV viewing.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-fire\"><\/i> FireStick<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <p style=\"margin: 15px 0; font-weight: bold; color: #f59e0b; font-size: 1.1em;\">\n In Downloader app, enter code: <strong style=\"background: rgba(245, 158, 11, 0.2); padding: 5px 10px; border-radius: 5px;\">78522<\/strong>\n <\/p>\n <button class=\"download-btn\" onclick=\"showDownloadModal('IPTV Smarters Pro', 'FireStick')\">\n <span><i class=\"fas fa-info-circle\"><\/i> Get Downloader<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-box\"><\/i><\/div>\n <h4>iBO Player<\/h4>\n <p>Lightweight alternative. Best on newer Fire TV devices (3rd gen+). Smooth performance.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-fire\"><\/i> FireStick<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('iBO Player', 'FireStick')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>TiviMate<\/h4>\n <p>Perfect for Fire TV with smooth performance and great EPG. Premium features available.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-fire\"><\/i> Fire TV<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-crown\"><\/i> Free + Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('TiviMate', 'Fire TV')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-satellite\"><\/i><\/div>\n <h4>OTT Navigator<\/h4>\n <p>TV-optimized interface with extensive customization and support for multiple playlists.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-fire\"><\/i> FireStick<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free + Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('OTT Navigator', 'FireStick')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <\/div>\n <div class=\"info-box\">\n <div class=\"info-icon\">\n <i class=\"fas fa-sticky-note\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>Note for FireStick Users:<\/h4>\n <p>You’ll need to enable “Apps from Unknown Sources” in Settings \u2192 My Fire TV \u2192 Developer Options before installing.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"ios\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">iPhone & iPad Apps<\/h3>\n <div class=\"app-grid\">\n <div class=\"app-card\">\n <div class=\"recommended-badge\"><i class=\"fas fa-star\"><\/i> RECOMMENDED<\/div>\n <div class=\"app-icon\"><i class=\"fab fa-apple\"><\/i><\/div>\n <h4>IPTV Smarters Pro<\/h4>\n <p>Official iOS version with full feature support. Works on both iPhone and iPad.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> iOS<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('IPTV Smarters Pro', 'iOS')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n <h4>iBO Player<\/h4>\n <p>Stable iOS version with Xtream Codes support and smooth playback. Optimized for iOS.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> iOS<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('iBO Player', 'iOS')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-mobile\"><\/i><\/div>\n <h4>GSE Smart IPTV<\/h4>\n <p>Popular iOS IPTV player with EPG and recording features. Great for advanced users.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> iOS<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-crown\"><\/i> Free + Pro<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('GSE Smart IPTV', 'iOS')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-play\"><\/i><\/div>\n <h4>Flex IPTV<\/h4>\n <p>Clean and simple IPTV player with intuitive interface and reliable performance.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> iOS<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('Flex IPTV', 'iOS')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>iPlayTV<\/h4>\n <p>Beautiful Apple TV optimized player with excellent remote control support.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> iOS\/tvOS<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('iPlayTV', 'iOS')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"smarttv\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Smart TV Apps (Samsung, LG, Android TV)<\/h3>\n <div class=\"app-grid\">\n <div class=\"app-card\">\n <div class=\"recommended-badge\"><i class=\"fas fa-star\"><\/i> RECOMMENDED<\/div>\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>Smart IPTV (SIPTV)<\/h4>\n <p>Works on Samsung, LG, and most Smart TVs. Easy setup with web activation.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> Samsung<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> LG webOS<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('Smart IPTV (SIPTV)', 'Smart TV')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-bullseye\"><\/i><\/div>\n <h4>SS IPTV<\/h4>\n <p>Free IPTV app for Smart TVs with playlist support. Works on multiple TV brands.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> Multiple TVs<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('SS IPTV', 'Smart TV')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-download\"><\/i><\/div>\n <h4>NET IPTV<\/h4>\n <p>Professional IPTV player for Smart TVs with support for multiple playlist formats.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> Samsung<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> LG<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('NET IPTV', 'Smart TV')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>TVirl<\/h4>\n <p>Android TV app that integrates IPTV channels directly into the system TV guide.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-tv\"><\/i> Android TV<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('TVirl', 'Android TV')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"windows\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Windows, Mac & Linux Apps<\/h3>\n <div class=\"app-grid\">\n <div class=\"app-card\">\n <div class=\"recommended-badge\"><i class=\"fas fa-star\"><\/i> RECOMMENDED<\/div>\n <div class=\"app-icon\"><i class=\"fas fa-desktop\"><\/i><\/div>\n <h4>IPTV Smarters Pro<\/h4>\n <p>Desktop version available for Windows & Mac. Full feature set with large screen optimization.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-windows\"><\/i> Windows<\/span>\n <span class=\"platform-tag\"><i class=\"fab fa-apple\"><\/i> Mac<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('IPTV Smarters Pro', 'Desktop')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n <h4>iBO Player<\/h4>\n <p>Windows version with clean interface and Xtream Codes support. Lightweight and fast.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-windows\"><\/i> Windows<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('iBO Player', 'Windows')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-film\"><\/i><\/div>\n <h4>VLC Media Player<\/h4>\n <p>Universal media player that supports M3U playlists. Works on all desktop platforms.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-desktop\"><\/i> All Platforms<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('VLC Media Player', 'Desktop')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\n <h4>MyIPTV Player<\/h4>\n <p>Windows Store app with modern interface and excellent playlist management.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fab fa-windows\"><\/i> Windows<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free + Premium<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('MyIPTV Player', 'Windows')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <div class=\"app-card\">\n <div class=\"app-icon\"><i class=\"fas fa-satellite-dish\"><\/i><\/div>\n <h4>Kodi<\/h4>\n <p>Powerful media center with IPTV capabilities through add-ons. Highly customizable.<\/p>\n <div class=\"platform-tags\">\n <span class=\"platform-tag\"><i class=\"fas fa-desktop\"><\/i> All Platforms<\/span>\n <span class=\"platform-tag\"><i class=\"fas fa-dollar-sign\"><\/i> Free<\/span>\n <\/div>\n <button class=\"download-btn\" onclick=\"showDownloadModal('Kodi', 'Desktop')\">\n <span><i class=\"fas fa-download\"><\/i> Download<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"guide-section\">\n <h2><i class=\"fas fa-cogs\"><\/i> Step 2: Setup Your IPTV App<\/h2>\n <p style=\"font-size: 1.1rem; margin-bottom: 30px;\">Once you’ve downloaded your app, follow these setup instructions. We’ll show you three methods – choose the one that works best for you:<\/p>\n \n <div class=\"tabs\">\n <button class=\"tab-btn active\" data-tab=\"xtream\">\n <i class=\"fas fa-key\"><\/i> Method 1: Xtream Codes\n <\/button>\n <button class=\"tab-btn\" data-tab=\"m3u\">\n <i class=\"fas fa-list\"><\/i> Method 2: M3U Playlist\n <\/button>\n <button class=\"tab-btn\" data-tab=\"firestick-install\">\n <i class=\"fas fa-fire\"><\/i> FireStick Install\n <\/button>\n <\/div>\n\n <div id=\"xtream\" class=\"tab-content active\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Method 1: Xtream Codes API Setup (Recommended)<\/h3>\n <p style=\"font-size: 1.05rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 25px;\">This method gives you the best experience with full EPG (TV Guide), VOD (Movies & Series), and live TV channels.<\/p>\n \n <div class=\"info-box\">\n <div class=\"info-icon\">\n <i class=\"fas fa-check-circle\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>Works with these apps:<\/h4>\n <p>IPTV Smarters Pro, iBO Player, TiviMate, Perfect Player, OTT Navigator<\/p>\n <\/div>\n <\/div>\n\n <div class=\"steps-container\">\n <div class=\"step-box\">\n <div class=\"step-number\">1<\/div>\n <h4>Open Your IPTV App<\/h4>\n <p>Launch your app and look for options like <strong>“Add User”<\/strong> or <strong>“Login with Xtream Codes API”<\/strong>.<\/p>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">2<\/div>\n <h4>Select Xtream Codes API<\/h4>\n <p>Tap <strong>“Add User”<\/strong> \u2192 Choose <strong>“Login with Xtream Codes API”<\/strong>.<\/p>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">3<\/div>\n <h4>Enter Credentials<\/h4>\n <p>Fill in your <strong>Username<\/strong>, <strong>Password<\/strong>, and <strong>Server URL<\/strong> exactly as provided in your email.<\/p>\n <div class=\"info-box\" style=\"margin-top: 15px;\">\n <div class=\"info-icon\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>Pro Tip:<\/h4>\n <p>Make sure there are NO spaces before or after your credentials. Copy and paste directly from your email to avoid typos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">4<\/div>\n <h4>Tap “Add User” or “Login”<\/h4>\n <p>Click <strong>“Add User”<\/strong> or <strong>“Login”<\/strong>. Your channels, movies, and series will load automatically in a few seconds.<\/p>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">5<\/div>\n <h4>Start Watching!<\/h4>\n <p>Navigate through Live TV, Movies, and Series sections. Enjoy thousands of channels and on-demand content!<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"m3u\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">Method 2: M3U Playlist URL Setup (Live TV Only)<\/h3>\n <p style=\"font-size: 1.05rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 25px;\">This method loads <strong>live TV channels only<\/strong> (no Movies, Series, or TV Guide). Works with VLC, GSE, SS IPTV, and more.<\/p>\n \n <div class=\"info-box\">\n <div class=\"info-icon\">\n <i class=\"fas fa-check-circle\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>Works with:<\/h4>\n <p>VLC Media Player, GSE Smart IPTV, SS IPTV, TiviMate (via playlist), Smart IPTV<\/p>\n <\/div>\n <\/div>\n\n <div class=\"steps-container\">\n <div class=\"step-box\">\n <div class=\"step-number\">1<\/div>\n <h4>Open Your App<\/h4>\n <p>Launch your IPTV app (e.g., VLC, GSE Smart IPTV).<\/p>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">2<\/div>\n <h4>Find “Add Playlist” or “Open Network”<\/h4>\n <p>\n \u2022 <strong>VLC<\/strong>: Media \u2192 Open Network Stream<br>\n \u2022 <strong>GSE<\/strong>: Remote Playlist \u2192 Add M3U URL<br>\n \u2022 <strong>Smart IPTV<\/strong>: Enter M3U URL in settings\n <\/p>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">3<\/div>\n <h4>Paste Your M3U URL<\/h4>\n <p>Copy this from your email:<\/p>\n <div class=\"cred-item\" style=\"margin-top: 10px; background: rgba(255, 255, 255, 0.05); border-left: 4px solid #10b981;\">\n <strong>M3U URL:<\/strong> <span style=\"color: rgba(255, 255, 255, 0.8); word-break: break-all;\">http:\/\/yourserver.com\/get.php?username=XXX&password=XXX&type=m3u<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">4<\/div>\n <h4>Load & Watch<\/h4>\n <p>Click “Play” (VLC) or “Add” (GSE). Only live channels will appear.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"firestick-install\" class=\"tab-content\">\n <h3 style=\"color: #a78bfa; font-size: 1.7rem; margin: 40px 0 25px;\">FireStick\/Fire TV Complete Installation Guide<\/h3>\n <p style=\"font-size: 1.05rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 25px;\">Follow these steps carefully to install IPTV Smarters Pro on your FireStick:<\/p>\n \n <div class=\"info-box\">\n <div class=\"info-icon\">\n <i class=\"fas fa-clipboard-list\"><\/i>\n <\/div>\n <div class=\"info-content\">\n <h4>What You’ll Need:<\/h4>\n <p>\u2022 Your FireStick device connected to TV<br>\n \u2022 Internet connection<br>\n \u2022 The Downloader app (free from Amazon Store)<\/p>\n <\/div>\n <\/div>\n\n <div class=\"steps-container\">\n <div class=\"step-box\">\n <div class=\"step-number\">1<\/div>\n <h4>Enable Unknown Sources<\/h4>\n <p><strong>First, you need to enable installation from unknown sources:<\/strong><\/p>\n <ul style=\"margin: 15px 0; margin-left: 30px;\">\n <li>Go to FireStick <strong>Settings<\/strong> (gear icon on home screen)<\/li>\n <li>Select <strong>My Fire TV<\/strong> or <strong>Device<\/strong><\/li>\n <li>Click <strong>Developer Options<\/strong><\/li>\n <li>Turn ON <strong>“Apps from Unknown Sources”<\/strong><\/li>\n <li>Click <strong>“Turn On”<\/strong> when warned<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">2<\/div>\n <h4>Install Downloader App<\/h4>\n <p><strong>Download and install the Downloader app:<\/strong><\/p>\n <ul style=\"margin: 15px 0; margin-left: 30px;\">\n <li>Go to FireStick home screen<\/li>\n <li>Search for “Downloader”<\/li>\n <li>Install the Downloader app (orange icon)<\/li>\n <li>Open the Downloader app<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">3<\/div>\n <h4>Download IPTV Smarters Pro<\/h4>\n <p><strong>Use Downloader to install IPTV Smarters Pro:<\/strong><\/p>\n <ul style=\"margin: 15px 0; margin-left: 30px;\">\n <li>In Downloader, enter this code: <strong style=\"background: rgba(245, 158, 11, 0.2); padding: 5px 10px; border-radius: 5px; color: #f59e0b;\">78522<\/strong><\/li>\n <li>Click “Go” – this will download IPTV Smarters Pro<\/li>\n <li>Wait for download to complete<\/li>\n <li>Click “Install” when prompted<\/li>\n <li>Wait for installation to finish<\/li>\n <li>Click “Done” then “Delete” to remove the APK file<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">4<\/div>\n <h4>Open IPTV Smarters Pro<\/h4>\n <p><strong>Find and launch the app:<\/strong><\/p>\n <ul style=\"margin: 15px 0; margin-left: 30px;\">\n <li>Go back to FireStick home screen<\/li>\n <li>Navigate to “Your Apps & Channels”<\/li>\n <li>Find IPTV Smarters Pro (blue icon)<\/li>\n <li>Open the app<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"step-box\">\n <div class=\"step-number\">5<\/div>\n <h4>Setup Your Account<\/h4>\n <p><strong>Configure with Xtream Codes:<\/strong><\/p>\n <ul style=\"margin: 15px 0; margin-left: 30px;\">\n <li>Click “Add User”<\/li>\n <li>Select “Login with Xtream Codes API”<\/li>\n <li>Enter your Username, Password, and Server URL<\/li>\n <li>Click “Add User”<\/li>\n <li>Wait for channels to load<\/li>\n <li>Start watching!<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"tips-section\">\n <h3><i class=\"fas fa-lightbulb\"><\/i> Pro Tips & Best Practices<\/h3>\n <ul>\n <li><strong>Use Ethernet Connection:<\/strong> For best streaming quality, connect your device via Ethernet cable instead of WiFi when possible.<\/li>\n <li><strong>Restart App if Issues:<\/strong> If channels stop loading, completely close and reopen the app.<\/li>\n <li><strong>Check Internet Speed:<\/strong> Ensure you have at least 10Mbps for HD streaming and 25Mbps for 4K content.<\/li>\n <li><strong>Update App Regularly:<\/strong> Keep your IPTV app updated to the latest version for best performance.<\/li>\n <li><strong>Use VPN if Needed:<\/strong> If you experience buffering, try using a VPN service for better routing.<\/li>\n <li><strong>Clear Cache:<\/strong> Periodically clear your app cache in settings to improve performance.<\/li>\n <li><strong>Backup Your Settings:<\/strong> Save your configuration so you can easily restore if needed.<\/li>\n <li><strong>Parental Controls:<\/strong> Use built-in parental controls to restrict content for children.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"faq-section\">\n <h2><i class=\"fas fa-question-circle\"><\/i> Frequently Asked Questions<\/h2>\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">\n Why are my channels buffering?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Buffering can be caused by several factors: slow internet connection, WiFi signal issues, server load, or device performance. Try using Ethernet instead of WiFi, restart your router, close other apps using internet, or try during off-peak hours.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n The app says “Invalid credentials” – what should I do?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Double-check that you entered your username, password, and server URL exactly as provided in your email. Make sure there are no extra spaces before or after. If it still doesn’t work, contact support for verification.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n Can I use multiple devices at the same time?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n This depends on your subscription plan. Most plans allow 1-5 simultaneous connections. Check your plan details. If you exceed your connection limit, you may get disconnected from some devices.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n How do I update the channel list?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Channel lists update automatically when using Xtream Codes API. For M3U playlists, you may need to manually refresh. In most apps, go to Settings \u2192 Update Playlist or restart the app.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n Why is the EPG (TV Guide) not showing?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n EPG data is automatically loaded with Xtream Codes API. If it’s missing, try refreshing the guide in app settings, restart the app, or check if your subscription includes EPG service. It may take a few minutes to load initially.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n Can I record shows with this service?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Recording capability depends on the IPTV app you’re using. Some apps like TiviMate and IPTV Extreme support recording to external storage. You’ll need sufficient storage space and a compatible device.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n The video is playing but no sound – how to fix?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n This is usually a codec issue. Try changing the audio track in player settings, check your device volume, try a different channel, or change the audio output format in your device settings to stereo.\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n How do I request new channels or report issues?\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <div class=\"faq-answer\">\n Contact our support team through the support section below. Provide specific details about the channel issue or your channel request. We regularly update our channel lineup based on customer feedback.\n <\/div>\n <\/div>\n <\/div>\n\n<div class=\"support-banner\">\n <h3>Need Help? We’re Here For You!<\/h3>\n <p>Our dedicated support team is available to help you with any installation or technical issues.<\/p>\n <p>Average response time: <strong>Under 30 minutes<\/strong> during business hours<\/p>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\" target=\"_blank\">\n <i class=\"fas fa-headset\"><\/i> Contact Support Now\n <\/a>\n<\/div>\n\n \n <div class=\"modal\" id=\"downloadModal\">\n <div class=\"modal-content\">\n <div class=\"modal-icon\">\n <i class=\"fas fa-search\"><\/i>\n <\/div>\n <h3 id=\"modalAppName\">Download Instructions<\/h3>\n <p id=\"modalAppDescription\">For security reasons, we don’t provide direct download links. Please search for this app in your device’s official app store or trusted sources.<\/p>\n <div class=\"modal-buttons\">\n <button class=\"modal-btn primary\" onclick=\"closeModal()\">\n <i class=\"fas fa-check\"><\/i> Got It\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <button class=\"scroll-top\" id=\"scrollTop\">\n <i class=\"fas fa-chevron-up\"><\/i>\n <\/button>\n\n <script>\n \/\/ Progress Bar\n window.onscroll = function() {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n document.getElementById(\"progressBar\").style.width = scrolled + \"%\";\n \n \/\/ Show\/hide scroll to top button\n const scrollTopBtn = document.getElementById(\"scrollTop\");\n if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {\n scrollTopBtn.classList.add(\"visible\");\n } else {\n scrollTopBtn.classList.remove(\"visible\");\n }\n };\n\n \/\/ Tab functionality\n document.querySelectorAll('.tab-btn').forEach(button => {\n button.addEventListener('click', () => {\n const tabId = button.getAttribute('data-tab');\n \n \/\/ Remove active class from all tabs and contents\n document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\n document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\n \n \/\/ Add active class to current tab and content\n button.classList.add('active');\n document.getElementById(tabId).classList.add('active');\n });\n });\n\n \/\/ FAQ accordion\n document.querySelectorAll('.faq-question').forEach(question => {\n question.addEventListener('click', () => {\n const faqItem = question.parentElement;\n faqItem.classList.toggle('active');\n });\n });\n\n \/\/ Copy button functionality\n document.querySelectorAll('.copy-btn').forEach(button => {\n button.addEventListener('click', function() {\n const textToCopy = this.parentElement.querySelector('span').textContent;\n navigator.clipboard.writeText(textToCopy).then(() => {\n const originalText = this.innerHTML;\n this.innerHTML = '<i class=\"fas fa-check\"><\/i> Copied!';\n setTimeout(() => {\n this.innerHTML = originalText;\n }, 2000);\n });\n });\n });\n\n \/\/ Scroll to top\n document.getElementById('scrollTop').addEventListener('click', () => {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n });\n\n \/\/ Modal functionality\n let currentApp = '';\n let currentPlatform = '';\n\n function showDownloadModal(appName, platform) {\n currentApp = appName;\n currentPlatform = platform;\n document.getElementById('modalAppName').textContent = `Download ${appName}`;\n document.getElementById('modalAppDescription').textContent = `For security reasons, we don't provide direct download links. Please search for \"${appName}\" in your device's official app store or trusted sources to download it safely.`;\n document.getElementById('downloadModal').style.display = 'flex';\n }\n\n function closeModal() {\n document.getElementById('downloadModal').style.display = 'none';\n }\n\n \/\/ Close modal when clicking outside\n window.addEventListener('click', function(event) {\n const modal = document.getElementById('downloadModal');\n if (event.target === modal) {\n closeModal();\n }\n });\n\n \/\/ Add 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.animation = `fadeInUp 0.6s ease forwards`;\n entry.target.style.opacity = '1';\n }\n });\n }, observerOptions);\n\n \/\/ Observe elements for animation\n document.querySelectorAll('.app-card, .step-box, .stat-card, .info-banner, .guide-section').forEach(el => {\n el.style.opacity = '0';\n observer.observe(el);\n });\n\n \/\/ Initialize first tab as active\n document.querySelector('.tab-btn.active').click();\n <\/script>\n <\/section>\n \n <section id=\"page3\">\n <footer>\n <div class=\"footer-content\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">\n <span class=\"logo-main\">StreamEZ<\/span>\n <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\n <\/div>\n <\/div>\n <p class=\"footer-description\">\n Stream 30,000+ live channels and 105,000+ movies & series in stunning 4K quality. Your ultimate entertainment destination on any device, anytime, anywhere.\n <\/p>\n <div class=\"social-links\">\n <a href=\"https:\/\/x.com\/iptv_kaufen\" class=\"social-link\" aria-label=\"X (Twitter)\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.pinterest.com\/KoopIPTV\/\" class=\"social-link\" aria-label=\"Pinterest\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"social-link\" aria-label=\"WhatsApp\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/t.me\/IPTVSubscription\" class=\"social-link\" aria-label=\"Telegram\" target=\"_blank\">\n <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Quick Links<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/about\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/faq\/\">FAQ<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/contact\/\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Services<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\">Pricing<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/Channels-list\/\">Channels List<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\">IPTV Guide<\/a><\/li>\n <li><a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\">Free Trial<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Partnership<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/reseller-program\/\">Reseller Program<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/affiliate-program\/\">Affiliate Program<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"footer-column\">\n <h3>Legal<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/terms-of-service\/\">Terms of Service<\/a><\/li>\n <li><a href=\"https:\/\/buyiptv-subscribe.com\/en\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"newsletter-section\">\n <h3>Subscribe<\/h3>\n <p>Get updates and exclusive offers delivered to your inbox!<\/p>\n <a href=\"https:\/\/buyiptv-subscribe.com\/en\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #0066ff, #c0c0c0); color: #fff; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">Subscribe<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p class=\"copyright\">\u00a9 2025 StreamEZ. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Smooth scroll for footer links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n\n \/\/ Track mouse position for interactive effects\n const footerBrand = document.querySelector('.footer-brand');\n if (footerBrand) {\n footerBrand.addEventListener('mousemove', (e) => {\n const rect = footerBrand.getBoundingClientRect();\n const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n footerBrand.style.setProperty('--x', `${x}%`);\n footerBrand.style.setProperty('--y', `${y}%`);\n });\n }\n\n \/\/ Add stagger animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationPlayState = 'running';\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.footer-column').forEach(column => {\n column.style.animationPlayState = 'paused';\n observer.observe(column);\n });\n <\/script>\n <\/section>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>StreamEZ | IPTV Installation Guide StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now StreamEZ PREMIUM IPTV Home Pricing FAQ Guide Channels Support Installation Guide StreamEZInstallation Guide Complete Step-by-Step Setup Tutorial for All Devices 5 Min Setup Time Easy Difficulty All Platforms Welcome to StreamEZ! This comprehensive guide will help […]<\/p>\n","protected":false},"author":1,"featured_media":407,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-35","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>IPTV Guide | StreamEZ \u2013 Easy Setup & Streaming Tips<\/title>\n<meta name=\"description\" content=\"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide\" \/>\n<meta property=\"og:description\" content=\"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"StreamEZ\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-19T16:41:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-guide-setup-firestick-android-smarttv.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"2048\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/\",\"name\":\"IPTV Guide | StreamEZ \u2013 Easy Setup & Streaming Tips\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-guide-setup-firestick-android-smarttv.webp\",\"datePublished\":\"2025-10-26T15:34:07+00:00\",\"dateModified\":\"2025-11-19T16:41:36+00:00\",\"description\":\"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-guide-setup-firestick-android-smarttv.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/iptv-guide-setup-firestick-android-smarttv.webp\",\"width\":2048,\"height\":2048},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/iptv-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/\",\"name\":\"StreamEZ\",\"description\":\"StreamEZ Website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-subscribe.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"IPTV Guide | StreamEZ \u2013 Easy Setup & Streaming Tips","description":"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/","og_locale":"en_US","og_type":"article","og_title":"Guide","og_description":"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.","og_url":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/","og_site_name":"StreamEZ","article_modified_time":"2025-11-19T16:41:36+00:00","og_image":[{"width":2048,"height":2048,"url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-guide-setup-firestick-android-smarttv.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/","url":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/","name":"IPTV Guide | StreamEZ \u2013 Easy Setup & Streaming Tips","isPartOf":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-guide-setup-firestick-android-smarttv.webp","datePublished":"2025-10-26T15:34:07+00:00","dateModified":"2025-11-19T16:41:36+00:00","description":"Learn how to set up StreamEZ IPTV on any device. Step-by-step guide for Smart TVs, Android, iOS, Firestick, MAG, and more. Start streaming instantly.","breadcrumb":{"@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/#primaryimage","url":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-guide-setup-firestick-android-smarttv.webp","contentUrl":"https:\/\/buyiptv-subscribe.com\/en\/wp-content\/uploads\/2025\/11\/iptv-guide-setup-firestick-android-smarttv.webp","width":2048,"height":2048},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-subscribe.com\/en\/iptv-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-subscribe.com\/en\/"},{"@type":"ListItem","position":2,"name":"Guide"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-subscribe.com\/en\/#website","url":"https:\/\/buyiptv-subscribe.com\/en\/","name":"StreamEZ","description":"StreamEZ Website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-subscribe.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media\/407"}],"wp:attachment":[{"href":"https:\/\/buyiptv-subscribe.com\/en\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}