{"id":2981,"date":"2025-08-15T03:42:30","date_gmt":"2025-08-15T03:42:30","guid":{"rendered":"https:\/\/doneiptv.com\/?page_id=2981"},"modified":"2026-09-08T17:42:33","modified_gmt":"2026-09-08T17:42:33","slug":"home","status":"publish","type":"page","link":"https:\/\/doneiptv.com\/done\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2981\" class=\"elementor elementor-2981\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b509955 e-flex e-con-boxed e-con e-parent\" data-id=\"b509955\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0892c5 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"b0892c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"google-site-verification\" content=\"5Xr_lG9uOtTEH836K3423lAo7KyuCFtAJGLkKYxNQXo\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\r\n    <meta name=\"description\" content=\"Stream 90,000+ live TV channels & 50,000+ movies in HD\/4K. Instant activation on all devices. No contracts. 24\/7 support. Try risk-free with 7-day guarantee.\">\r\n    <meta name=\"robots\" content=\"index, follow\">\r\n    <link rel=\"canonical\" href=\"https:\/\/doneiptv.com\" \/>\r\n    <title>IPTV Subscription | Best IPTV Service with 90,000+ Channels & Movies \u2022 DoneIPTV<\/title>\r\n\r\n    <link rel=\"icon\" href=\"\/favicon.ico\" type=\"image\/x-icon\">\r\n\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n        \"@context\": \"https:\/\/schema.org\",\r\n        \"@type\": \"LocalBusiness\",\r\n        \"name\": \"DoneIPTV\",\r\n        \"url\": \"https:\/\/doneiptv.com\/\",\r\n        \"logo\": \"https:\/\/doneiptv.com\/logo.png\",\r\n        \"description\": \"Premium IPTV streaming service with 90,000+ live channels, movies, and sports in 4K.\",\r\n        \"address\": {\r\n            \"@type\": \"PostalAddress\",\r\n            \"streetAddress\": \"Your street address\",\r\n            \"addressLocality\": \"Your city\",\r\n            \"addressRegion\": \"Your state\",\r\n            \"postalCode\": \"Your zip\",\r\n            \"addressCountry\": \"Your country\"\r\n        },\r\n        \"telephone\": \"+1234567890\",\r\n        \"email\": \"support@doneiptv.com\",\r\n        \"openingHours\": \"Mo-Su 00:00-23:59\",\r\n        \"priceRange\": \"$$\",\r\n        \"sameAs\": [\r\n            \"https:\/\/facebook.com\/doneiptv\",\r\n            \"https:\/\/twitter.com\/doneiptv\",\r\n            \"https:\/\/instagram.com\/doneiptv\"\r\n        ]\r\n    }\r\n    <\/script>\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link rel=\"preconnect\" href=\"https:\/\/www.googletagmanager.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/cdnjs.cloudflare.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/flagcdn.com\">\r\n\r\n    <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-8YPPNJLYBX\"><\/script>\r\n    <script>\r\n        window.dataLayer = window.dataLayer || [];\r\n        function gtag() { dataLayer.push(arguments); }\r\n        gtag('js', new Date());\r\n        gtag('config', 'G-8YPPNJLYBX');\r\n    <\/script>\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Orbitron:wght@500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\r\n\r\n    <style>\r\n        \/* ============================================================\r\n               RESET & GLOBAL\r\n            ============================================================ *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary-dark: #3C3733;\r\n            --deep-dark: #2F2A27;\r\n            --main-bg: #71685E;\r\n            --secondary-gray: #665C52;\r\n            --highlight-gray: #92897D;\r\n\r\n            --accent: #C9A96E;\r\n            --accent-glow: #DDBB88;\r\n            --accent-dark: #B8955A;\r\n            --accent-light: #E8D4A8;\r\n\r\n            --text-light: #f1f5f9;\r\n            --muted: #c4bdb0;\r\n            --transition: .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            --glass: rgba(60, 55, 51, 0.65);\r\n            --glass-border: rgba(146, 137, 125, 0.15);\r\n            --shadow: 0 20px 60px -12px rgba(0, 0, 0, 0.8);\r\n            --shadow-glow: 0 0 40px rgba(201, 169, 110, 0.08);\r\n            --radius: 24px;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n            font-size: 100%;\r\n        }\r\n        body {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background: var(--deep-dark);\r\n            color: var(--text-light);\r\n            line-height: 1.7;\r\n            overflow-x: hidden;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n        h1, h2, h3, h4 {\r\n            font-family: 'Orbitron', sans-serif;\r\n            font-weight: 700;\r\n        }\r\n        .container {\r\n            width: 92%;\r\n            max-width: 1300px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Scroll-triggered animation base *\/\r\n        .reveal {\r\n            opacity: 0;\r\n            transform: translateY(40px);\r\n            transition: opacity 0.8s ease, transform 0.8s ease;\r\n        }\r\n        .reveal.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        .reveal-left {\r\n            opacity: 0;\r\n            transform: translateX(-40px);\r\n            transition: opacity 0.8s ease, transform 0.8s ease;\r\n        }\r\n        .reveal-left.visible {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n        .reveal-right {\r\n            opacity: 0;\r\n            transform: translateX(40px);\r\n            transition: opacity 0.8s ease, transform 0.8s ease;\r\n        }\r\n        .reveal-right.visible {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n        .reveal-scale {\r\n            opacity: 0;\r\n            transform: scale(0.92);\r\n            transition: opacity 0.8s ease, transform 0.8s ease;\r\n        }\r\n        .reveal-scale.visible {\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n\r\n        \/* Ambient glow background *\/\r\n        body::before {\r\n            content: \"\";\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image:\r\n                radial-gradient(circle at 20% 30%, rgba(201, 169, 110, 0.05) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 70%, rgba(201, 169, 110, 0.05) 0%, transparent 50%),\r\n                radial-gradient(circle at 50% 50%, rgba(201, 169, 110, 0.03) 0%, transparent 70%);\r\n            pointer-events: none;\r\n            z-index: -1;\r\n        }\r\n\r\n        \/* ============================================================\r\n               HERO \u2013 NO HEADER, PREMIUM\r\n            ============================================================ *\/\r\n        .hero-section {\r\n            position: relative;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n            background: linear-gradient(160deg, var(--deep-dark) 0%, var(--primary-dark) 50%, var(--secondary-gray) 100%);\r\n            overflow: hidden;\r\n        }\r\n        .hero-video {\r\n            position: absolute;\r\n            inset: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            z-index: 0;\r\n        }\r\n        .video-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: rgba(47, 42, 39, 0.55);\r\n            z-index: 1;\r\n            backdrop-filter: blur(1px);\r\n        }\r\n\r\n        \/* Hero glow orbs *\/\r\n        .hero-glow {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(80px);\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n        .hero-glow-1 {\r\n            width: 400px;\r\n            height: 400px;\r\n            top: -100px;\r\n            right: -100px;\r\n            background: rgba(201, 169, 110, 0.10);\r\n            animation: floatGlow 12s ease-in-out infinite;\r\n        }\r\n        .hero-glow-2 {\r\n            width: 300px;\r\n            height: 300px;\r\n            bottom: -50px;\r\n            left: -50px;\r\n            background: rgba(201, 169, 110, 0.08);\r\n            animation: floatGlow 15s ease-in-out infinite reverse;\r\n        }\r\n        @keyframes floatGlow {\r\n            0%, 100% { transform: translate(0, 0) scale(1); }\r\n            50% { transform: translate(30px, -30px) scale(1.2); }\r\n        }\r\n\r\n        \/* Particles *\/\r\n        .particles {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            top: 0;\r\n            left: 0;\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n        .particle {\r\n            position: absolute;\r\n            background: rgba(201, 169, 110, 0.15);\r\n            border-radius: 50%;\r\n            animation: floatParticle 20s infinite linear;\r\n        }\r\n        @keyframes floatParticle {\r\n            0% { transform: translateY(100vh) translateX(0); opacity: 0; }\r\n            10% { opacity: 0.6; }\r\n            90% { opacity: 0.6; }\r\n            100% { transform: translateY(-100vh) translateX(50px); opacity: 0; }\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            padding: 60px 1.5rem 4rem 1.5rem;\r\n            width: 100%;\r\n            min-height: 100vh;\r\n        }\r\n        .hero-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(201, 169, 110, 0.12);\r\n            border: 1px solid rgba(201, 169, 110, 0.2);\r\n            padding: 6px 18px 6px 14px;\r\n            border-radius: 60px;\r\n            font-size: 0.75rem;\r\n            font-weight: 600;\r\n            color: var(--accent-light);\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 24px;\r\n            backdrop-filter: blur(4px);\r\n        }\r\n        .hero-badge i {\r\n            font-size: 0.6rem;\r\n            color: var(--accent);\r\n        }\r\n        .hero-headline {\r\n            font-size: clamp(2.4rem, 5vw, 4.2rem);\r\n            font-weight: 700;\r\n            line-height: 1.05;\r\n            letter-spacing: -0.02em;\r\n            max-width: 52rem;\r\n            margin-bottom: 1.25rem;\r\n            background: linear-gradient(135deg, #ffffff 0%, #e8dcc8 40%, var(--accent-light) 80%, var(--accent) 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            text-shadow: none;\r\n        }\r\n        .hero-headline span {\r\n            font-style: italic;\r\n            background: linear-gradient(135deg, var(--accent-light), var(--accent), #f0d8a0);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n        .hero-subhead {\r\n            font-size: 1.05rem;\r\n            color: rgba(255, 255, 255, 0.78);\r\n            max-width: 580px;\r\n            line-height: 1.7;\r\n            margin-bottom: 2rem;\r\n        }\r\n        .hero-subhead a {\r\n            color: var(--accent);\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: color 0.3s;\r\n        }\r\n        .hero-subhead a:hover {\r\n            color: var(--accent-light);\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 14px;\r\n            margin: 20px 0 28px;\r\n        }\r\n        .btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 14px 32px;\r\n            border-radius: 60px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            gap: 10px;\r\n            font-size: 0.9rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        .btn-primary {\r\n            background: linear-gradient(135deg, var(--accent), var(--accent-light));\r\n            box-shadow: 0 8px 30px rgba(201, 169, 110, 0.35);\r\n            color: var(--deep-dark);\r\n            min-width: 220px;\r\n        }\r\n        .btn-primary::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg, var(--accent-light), var(--accent));\r\n            opacity: 0;\r\n            transition: opacity 0.4s;\r\n        }\r\n        .btn-primary:hover::before {\r\n            opacity: 1;\r\n        }\r\n        .btn-primary:hover {\r\n            transform: translateY(-3px) scale(1.02);\r\n            box-shadow: 0 14px 40px rgba(201, 169, 110, 0.5);\r\n        }\r\n        .btn-primary span {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        .btn-wa {\r\n            background: rgba(37, 211, 102, 0.12);\r\n            border: 2px solid #25d366;\r\n            color: #fff;\r\n        }\r\n        .btn-wa:hover {\r\n            background: #25d366;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3);\r\n        }\r\n        .btn-email {\r\n            background: rgba(201, 169, 110, 0.08);\r\n            border: 2px solid var(--accent);\r\n            color: #fff;\r\n        }\r\n        .btn-email:hover {\r\n            background: var(--accent);\r\n            transform: translateY(-3px);\r\n            color: var(--deep-dark);\r\n            box-shadow: 0 10px 30px rgba(201, 169, 110, 0.3);\r\n        }\r\n\r\n        .trust-row {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            margin: 20px 0 10px;\r\n        }\r\n        .badge-sm {\r\n            background: rgba(47, 42, 39, 0.6);\r\n            backdrop-filter: blur(8px);\r\n            border: 1px solid rgba(201, 169, 110, 0.15);\r\n            border-radius: 60px;\r\n            padding: 8px 18px;\r\n            font-size: 0.8rem;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: rgba(255, 255, 255, 0.85);\r\n            transition: all 0.3s;\r\n        }\r\n        .badge-sm:hover {\r\n            border-color: rgba(201, 169, 110, 0.4);\r\n            transform: translateY(-2px);\r\n        }\r\n        .badge-sm i {\r\n            color: var(--accent);\r\n        }\r\n\r\n        .payment-icons {\r\n            display: flex;\r\n            gap: 18px;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            margin-top: 14px;\r\n        }\r\n        .payment-icons i,\r\n        .payment-icons .fab {\r\n            font-size: 1.8rem;\r\n            color: var(--highlight-gray);\r\n            transition: all 0.3s;\r\n            cursor: default;\r\n        }\r\n        .payment-icons i:hover {\r\n            color: var(--accent);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .logos-row {\r\n            margin-top: 50px;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 2.5rem 3.5rem;\r\n            opacity: 0.35;\r\n            transition: opacity 0.6s ease;\r\n        }\r\n        .logos-row:hover {\r\n            opacity: 0.8;\r\n        }\r\n        .logos-row img {\r\n            height: 24px;\r\n            width: auto;\r\n            filter: brightness(0) invert(1);\r\n            transition: all 0.3s ease;\r\n        }\r\n        .logos-row img:hover {\r\n            transform: scale(1.15);\r\n            opacity: 1 !important;\r\n            filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(201, 169, 110, 0.2));\r\n        }\r\n\r\n        \/* ============================================================\r\n               SECTIONS \u2013 PREMIUM\r\n            ============================================================ *\/\r\n        .section-bg {\r\n            background: var(--deep-dark);\r\n            padding: 70px 0;\r\n            position: relative;\r\n        }\r\n        .section-bg-alt {\r\n            background: var(--primary-dark);\r\n            padding: 70px 0;\r\n            position: relative;\r\n        }\r\n        .section-bg::before,\r\n        .section-bg-alt::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background-image:\r\n                radial-gradient(circle at 20% 80%, rgba(201, 169, 110, 0.03) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 20%, rgba(201, 169, 110, 0.03) 0%, transparent 50%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* Section divider \u2013 fancy *\/\r\n        .section-divider {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            height: 50px;\r\n            margin: 0;\r\n            background: transparent;\r\n        }\r\n        .section-divider::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 5%;\r\n            right: 5%;\r\n            top: 50%;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, var(--accent), var(--accent-light), var(--accent), transparent);\r\n            opacity: 0.25;\r\n        }\r\n        .section-divider .divider-icon {\r\n            background: var(--deep-dark);\r\n            padding: 0 20px;\r\n            position: relative;\r\n            z-index: 1;\r\n            color: var(--accent);\r\n            font-size: 0.7rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            letter-spacing: 4px;\r\n        }\r\n        .section-divider .divider-icon i {\r\n            background: var(--deep-dark);\r\n            padding: 0 4px;\r\n            font-size: 0.5rem;\r\n        }\r\n        .section-divider .divider-icon .line-dot {\r\n            width: 6px;\r\n            height: 6px;\r\n            border-radius: 50%;\r\n            background: var(--accent);\r\n            opacity: 0.4;\r\n        }\r\n        .section-bg-alt + .section-divider .divider-icon,\r\n        .section-divider + .section-bg-alt .divider-icon {\r\n            background: var(--primary-dark);\r\n        }\r\n        .section-bg-alt + .section-divider .divider-icon i,\r\n        .section-divider + .section-bg-alt .divider-icon i {\r\n            background: var(--primary-dark);\r\n        }\r\n\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n        .section-title .sub-label {\r\n            display: inline-block;\r\n            font-size: 0.7rem;\r\n            font-weight: 600;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            color: var(--accent);\r\n            margin-bottom: 12px;\r\n            background: rgba(201, 169, 110, 0.08);\r\n            padding: 4px 16px;\r\n            border-radius: 40px;\r\n            border: 1px solid rgba(201, 169, 110, 0.1);\r\n        }\r\n        .section-title h2 {\r\n            font-size: 2.4rem;\r\n            background: linear-gradient(135deg, var(--accent-light), var(--accent));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            display: inline-block;\r\n            margin-bottom: 14px;\r\n            letter-spacing: -0.02em;\r\n        }\r\n        .section-title p {\r\n            color: var(--muted);\r\n            max-width: 680px;\r\n            margin: 0 auto;\r\n            font-size: 1rem;\r\n        }\r\n        .section-title p a {\r\n            color: var(--accent);\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: color 0.3s;\r\n        }\r\n        .section-title p a:hover {\r\n            color: var(--accent-light);\r\n        }\r\n\r\n        .lazy-section {\r\n            content-visibility: auto;\r\n            contain-intrinsic-size: 500px;\r\n        }\r\n\r\n        \/* ============================================================\r\n               GLASS CARDS \u2013 PREMIUM\r\n            ============================================================ *\/\r\n        .glass-card {\r\n            background: var(--glass);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border: 1px solid var(--glass-border);\r\n            border-radius: var(--radius);\r\n            padding: 28px 22px 32px;\r\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        .glass-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, transparent, var(--accent), var(--accent-light), var(--accent), transparent);\r\n            opacity: 0;\r\n            transition: opacity 0.4s;\r\n        }\r\n        .glass-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n        .glass-card:hover {\r\n            transform: translateY(-8px);\r\n            border-color: rgba(201, 169, 110, 0.25);\r\n            box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(201, 169, 110, 0.05);\r\n        }\r\n        .glass-card .card-glow {\r\n            position: absolute;\r\n            width: 120px;\r\n            height: 120px;\r\n            border-radius: 50%;\r\n            background: rgba(201, 169, 110, 0.04);\r\n            filter: blur(60px);\r\n            pointer-events: none;\r\n            top: -40px;\r\n            right: -40px;\r\n        }\r\n        .glass-card .card-glow-2 {\r\n            bottom: -40px;\r\n            left: -40px;\r\n            top: auto;\r\n            right: auto;\r\n        }\r\n\r\n        \/* Pricing cards *\/\r\n        .pricing-card {\r\n            position: relative;\r\n            width: 300px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            overflow: visible;\r\n        }\r\n        .pricing-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 30px;\r\n        }\r\n        .popular-badge {\r\n            background: linear-gradient(135deg, var(--accent), var(--accent-light));\r\n            color: var(--deep-dark);\r\n            padding: 5px 20px;\r\n            border-radius: 60px;\r\n            font-weight: 800;\r\n            font-size: 0.65rem;\r\n            display: inline-block;\r\n            position: absolute;\r\n            top: -14px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            white-space: nowrap;\r\n            letter-spacing: 0.5px;\r\n            box-shadow: 0 4px 20px rgba(201, 169, 110, 0.3);\r\n        }\r\n        .price {\r\n            font-family: 'Orbitron', monospace;\r\n            font-weight: 900;\r\n            font-size: 2.6rem;\r\n            background: linear-gradient(135deg, var(--accent-light), var(--accent));\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n            text-align: center;\r\n            margin: 12px 0;\r\n        }\r\n        .pricing-features {\r\n            list-style: none;\r\n            margin: 20px 0;\r\n            flex-grow: 1;\r\n        }\r\n        .pricing-features li {\r\n            padding: 10px 0;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.04);\r\n            display: flex;\r\n            gap: 12px;\r\n            align-items: center;\r\n            font-size: 0.85rem;\r\n            color: #e8e0d8;\r\n        }\r\n        .pricing-features li i {\r\n            color: var(--accent);\r\n            width: 20px;\r\n            font-size: 0.85rem;\r\n        }\r\n        .pricing-btn {\r\n            background: linear-gradient(135deg, var(--accent), var(--accent-light));\r\n            text-align: center;\r\n            padding: 14px;\r\n            border-radius: 60px;\r\n            color: var(--deep-dark);\r\n            text-decoration: none;\r\n            font-weight: 700;\r\n            margin-top: 14px;\r\n            display: block;\r\n            transition: all 0.3s;\r\n            font-size: 0.9rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        .pricing-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg, var(--accent-light), var(--accent));\r\n            opacity: 0;\r\n            transition: opacity 0.4s;\r\n        }\r\n        .pricing-btn:hover::before {\r\n            opacity: 1;\r\n        }\r\n        .pricing-btn span {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        .pricing-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 30px rgba(201, 169, 110, 0.3);\r\n        }\r\n\r\n        .pricing-toggle {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            margin-bottom: 40px;\r\n        }\r\n        .toggle-group {\r\n            background: rgba(60, 55, 51, 0.5);\r\n            backdrop-filter: blur(8px);\r\n            border: 1px solid rgba(201, 169, 110, 0.1);\r\n            border-radius: 60px;\r\n            padding: 4px;\r\n            display: inline-flex;\r\n            gap: 4px;\r\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        .toggle-opt {\r\n            padding: 10px 28px;\r\n            border-radius: 40px;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            color: var(--muted);\r\n            font-size: 0.85rem;\r\n            transition: all 0.3s;\r\n        }\r\n        .toggle-opt.active {\r\n            background: linear-gradient(135deg, var(--accent), var(--accent-light));\r\n            color: var(--deep-dark);\r\n            box-shadow: 0 4px 15px rgba(201, 169, 110, 0.2);\r\n        }\r\n        .toggle-opt:hover:not(.active) {\r\n            color: #fff;\r\n        }\r\n\r\n        .monthly-pricing,\r\n        .yearly-pricing { display: none; }\r\n        .monthly-pricing.active,\r\n        .yearly-pricing.active { display: block; }\r\n\r\n        \/* ============================================================\r\n               PLATFORM CARDS\r\n            ============================================================ *\/\r\n        .platform-card h3,\r\n        .fancy-cat-card h3,\r\n        .fancy-sport-card h3,\r\n        .why-card h3 {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 10px;\r\n            color: #fff;\r\n            font-family: 'Orbitron', sans-serif;\r\n        }\r\n        .platform-card p,\r\n        .fancy-cat-card p,\r\n        .fancy-sport-card p,\r\n        .why-card p {\r\n            color: var(--muted);\r\n            font-size: 0.85rem;\r\n            margin-bottom: 18px;\r\n            line-height: 1.6;\r\n        }\r\n        .platform-icon,\r\n        .cat-icon-wrapper,\r\n        .sport-icon-wrapper,\r\n        .why-icon-wrapper,\r\n        .contact-icon-wrapper {\r\n            background: rgba(201, 169, 110, 0.08);\r\n            width: 80px;\r\n            height: 80px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 18px;\r\n            transition: all 0.4s;\r\n            position: relative;\r\n        }\r\n        .platform-icon::after,\r\n        .cat-icon-wrapper::after,\r\n        .sport-icon-wrapper::after,\r\n        .why-icon-wrapper::after,\r\n        .contact-icon-wrapper::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -3px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--accent), transparent, var(--accent-light));\r\n            opacity: 0;\r\n            transition: opacity 0.4s;\r\n            z-index: -1;\r\n        }\r\n        .platform-card:hover .platform-icon::after,\r\n        .fancy-cat-card:hover .cat-icon-wrapper::after,\r\n        .fancy-sport-card:hover .sport-icon-wrapper::after,\r\n        .why-card:hover .why-icon-wrapper::after,\r\n        .contact-card:hover .contact-icon-wrapper::after {\r\n            opacity: 0.3;\r\n        }\r\n        .platform-card i,\r\n        .fancy-cat-card i,\r\n        .fancy-sport-card i,\r\n        .why-card i,\r\n        .contact-card i {\r\n            font-size: 2.6rem;\r\n            background: linear-gradient(135deg, var(--accent-light), var(--accent));\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n        }\r\n        .platform-card:hover .platform-icon,\r\n        .fancy-cat-card:hover .cat-icon-wrapper,\r\n        .fancy-sport-card:hover .sport-icon-wrapper,\r\n        .why-card:hover .why-icon-wrapper,\r\n        .contact-card:hover .contact-icon-wrapper {\r\n            background: rgba(201, 169, 110, 0.15);\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .platform-badge,\r\n        .cat-badge,\r\n        .sport-badge,\r\n        .why-stat {\r\n            background: rgba(201, 169, 110, 0.1);\r\n            color: var(--accent-light);\r\n            border: 1px solid rgba(201, 169, 110, 0.15);\r\n            padding: 4px 14px;\r\n            border-radius: 40px;\r\n            font-size: 0.7rem;\r\n            font-weight: 600;\r\n            display: inline-block;\r\n            transition: all 0.3s;\r\n        }\r\n        .platform-card:hover .platform-badge,\r\n        .fancy-cat-card:hover .cat-badge,\r\n        .fancy-sport-card:hover .sport-badge,\r\n        .why-card:hover .why-stat {\r\n            background: rgba(201, 169, 110, 0.2);\r\n            border-color: rgba(201, 169, 110, 0.3);\r\n        }\r\n\r\n        .platforms-note {\r\n            text-align: center;\r\n            margin-top: 28px;\r\n            padding: 14px 24px;\r\n            background: rgba(201, 169, 110, 0.04);\r\n            border-radius: 60px;\r\n            font-size: 0.85rem;\r\n            border: 1px dashed rgba(201, 169, 110, 0.12);\r\n            color: var(--muted);\r\n            backdrop-filter: blur(4px);\r\n        }\r\n        .platforms-note i {\r\n            color: var(--accent);\r\n        }\r\n\r\n        .enhanced-platforms,\r\n        .fancy-category-grid,\r\n        .fancy-sports-grid,\r\n        .features-grid-enhanced {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 26px;\r\n            margin: 36px 0 28px;\r\n        }\r\n\r\n        \/* ============================================================\r\n               STEPS \u2013 PREMIUM\r\n            ============================================================ *\/\r\n        .steps-grid-fancy {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 36px;\r\n            position: relative;\r\n            margin: 36px 0 20px;\r\n        }\r\n        .fancy-step-card {\r\n            flex: 1;\r\n            min-width: 200px;\r\n            max-width: 260px;\r\n            background: rgba(60, 55, 51, 0.5);\r\n            backdrop-filter: blur(16px);\r\n            border: 1px solid rgba(201, 169, 110, 0.08);\r\n            border-radius: 28px;\r\n            padding: 32px 22px 36px;\r\n            text-align: center;\r\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n        }\r\n        .fancy-step-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -1px;\r\n            background: linear-gradient(135deg, var(--highlight-gray), var(--accent), var(--accent-light), var(--highlight-gray));\r\n            border-radius: 29px;\r\n            z-index: -2;\r\n            opacity: 0;\r\n            transition: opacity 0.5s;\r\n        }\r\n        .fancy-step-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 1px;\r\n            background: rgba(47, 42, 39, 0.85);\r\n            backdrop-filter: blur(16px);\r\n            border-radius: 28px;\r\n            z-index: -1;\r\n        }\r\n        .fancy-step-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n        .fancy-step-card:hover {\r\n            transform: translateY(-12px) scale(1.02);\r\n            border-color: transparent;\r\n            box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.6);\r\n        }\r\n        .step-glow-number {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto 20px;\r\n            background: linear-gradient(135deg, rgba(201, 169, 110, 0.12), rgba(60, 55, 51, 0.2));\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            transition: all 0.4s;\r\n        }\r\n        .step-glow-number::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -3px;\r\n            background: linear-gradient(135deg, var(--accent), var(--accent-light), var(--highlight-gray));\r\n            border-radius: 50%;\r\n            z-index: -1;\r\n            opacity: 0.4;\r\n            transition: all 0.4s;\r\n            filter: blur(0px);\r\n        }\r\n        .fancy-step-card:hover .step-glow-number::before {\r\n            opacity: 1;\r\n            filter: blur(4px);\r\n        }\r\n        .step-number-glow {\r\n            font-size: 2.4rem;\r\n            font-weight: 900;\r\n            font-family: 'Orbitron', monospace;\r\n            background: linear-gradient(135deg, var(--accent-light), var(--accent));\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n            text-shadow: 0 0 20px rgba(201, 169, 110, 0.15);\r\n        }\r\n        .fancy-step-card h3 {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 10px;\r\n            background: linear-gradient(135deg, #ffffff, var(--accent-light));\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n        }\r\n        .fancy-step-card p {\r\n            color: var(--muted);\r\n            font-size: 0.85rem;\r\n            line-height: 1.6;\r\n            margin-bottom: 16px;\r\n        }\r\n        .step-mini-badge {\r\n            display: inline-block;\r\n            background: rgba(201, 169, 110, 0.1);\r\n            padding: 4px 14px;\r\n            border-radius: 40px;\r\n            font-size: 0.65rem;\r\n            font-weight: 600;\r\n            color: var(--accent-light);\r\n            border: 1px solid rgba(201, 169, 110, 0.12);\r\n            transition: all 0.3s;\r\n        }\r\n        .fancy-step-card:hover .step-mini-badge {\r\n            background: rgba(201, 169, 110, 0.2);\r\n            border-color: rgba(201, 169, 110, 0.25);\r\n        }\r\n\r\n        \/* ============================================================\r\n               MOVIE SCROLLER \u2013 PREMIUM\r\n            ============================================================ *\/\r\n        .scroller-container {\r\n            overflow: hidden;\r\n            margin: 28px -10px;\r\n            padding: 10px 0;\r\n        }\r\n        .scroller-track {\r\n            display: flex;\r\n            gap: 20px;\r\n            width: max-content;\r\n            animation: scrollMovies 30s linear infinite;\r\n        }\r\n        .scroller-track:hover {\r\n            animation-play-state: paused;\r\n        }\r\n        @keyframes scrollMovies {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-50%); }\r\n        }\r\n        .movie-card {\r\n            flex: 0 0 200px;\r\n            background: var(--primary-dark);\r\n            border-radius: 18px;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(201, 169, 110, 0.06);\r\n            transition: all 0.4s;\r\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\r\n        }\r\n        .movie-card:hover {\r\n            transform: translateY(-8px) scale(1.02);\r\n            border-color: rgba(201, 169, 110, 0.2);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n        }\r\n        .movie-poster-container {\r\n            height: 240px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n        .movie-poster-container img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s;\r\n        }\r\n        .movie-card:hover .movie-poster-container img {\r\n            transform: scale(1.05);\r\n        }\r\n        .movie-poster-container::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 60px;\r\n            background: linear-gradient(transparent, var(--primary-dark));\r\n        }\r\n        .movie-info {\r\n            padding: 14px 16px 16px;\r\n            color: #e8e0d8;\r\n        }\r\n        .movie-info .movie-title {\r\n            font-weight: 600;\r\n            font-size: 0.85rem;\r\n            margin-bottom: 2px;\r\n        }\r\n        .movie-info .movie-meta {\r\n            font-size: 0.7rem;\r\n            color: var(--muted);\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n\r\n        .category-tabs {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            margin-bottom: 28px;\r\n            flex-wrap: wrap;\r\n        }\r\n        .tab-btn {\r\n            padding: 10px 26px;\r\n            border-radius: 60px;\r\n            background: rgba(60, 55, 51, 0.4);\r\n            border: 1px solid rgba(201, 169, 110, 0.08);\r\n            color: rgba(255, 255, 255, 0.6);\r\n            cursor: pointer;\r\n            font-size: 0.85rem;\r\n            font-weight: 500;\r\n            transition: all 0.3s;\r\n        }\r\n        .tab-btn.active {\r\n            background: linear-gradient(135deg, var(--accent), var(--accent-light));\r\n            color: var(--deep-dark);\r\n            border-color: transparent;\r\n            box-shadow: 0 4px 20px rgba(201, 169, 110, 0.2);\r\n        }\r\n        .tab-btn:hover:not(.active) {\r\n            background: rgba(201, 169, 110, 0.08);\r\n            color: #fff;\r\n        }\r\n        .movie-category { display: none; }\r\n        .movie-category.active { display: block; }\r\n\r\n        \/* ============================================================\r\n               TESTIMONIALS \u2013 PREMIUM\r\n            ============================================================ *\/\r\n        .testimonials-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n            gap: 28px;\r\n        }\r\n        .testimonial-card-premium .stars {\r\n            color: var(--accent);\r\n            margin-bottom: 14px;\r\n            font-size: 0.9rem;\r\n            letter-spacing: 2px;\r\n        }\r\n        .testimonial-card-premium p {\r\n            color: #e8e0d8;\r\n            font-size: 0.9rem;\r\n            margin-bottom: 20px;\r\n            font-style: italic;\r\n            line-height: 1.7;\r\n        }\r\n        .testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.04);\r\n            padding-top: 16px;\r\n        }\r\n        .author-avatar {\r\n            width: 48px;\r\n            height: 48px;\r\n            background: linear-gradient(135deg, var(--highlight-gray), var(--accent));\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n            color: #fff;\r\n            font-size: 1rem;\r\n            flex-shrink: 0;\r\n            box-shadow: 0 4px 15px rgba(201, 169, 110, 0.15);\r\n        }\r\n        .author-info h4 {\r\n            font-size: 0.95rem;\r\n            margin-bottom: 2px;\r\n            color: #fff;\r\n        }\r\n        .author-info p {\r\n            font-size: 0.7rem;\r\n            color: var(--muted);\r\n            margin-bottom: 0;\r\n            font-style: normal;\r\n        }\r\n\r\n        \/* ============================================================\r\n               FAQ \u2013 PREMIUM\r\n            ============================================================ *\/\r\n        .faq-grid {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 14px;\r\n            max-width: 820px;\r\n            margin: 0 auto;\r\n        }\r\n        .faq-item-premium {\r\n            background: rgba(60, 55, 51, 0.4);\r\n            backdrop-filter: blur(8px);\r\n            border: 1px solid rgba(201, 169, 110, 0.06);\r\n            border-radius: 20px;\r\n            transition: all 0.3s;\r\n            overflow: hidden;\r\n        }\r\n        .faq-item-premium:hover {\r\n            border-color: rgba(201, 169, 110, 0.15);\r\n        }\r\n        .faq-item-premium.active {\r\n            border-color: rgba(201, 169, 110, 0.2);\r\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n        .faq-question {\r\n            padding: 20px 24px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            font-size: 0.95rem;\r\n            transition: color 0.3s;\r\n            gap: 16px;\r\n        }\r\n        .faq-question:hover {\r\n            color: var(--accent-light);\r\n        }\r\n        .faq-question i {\r\n            color: var(--accent);\r\n            transition: transform 0.4s;\r\n            font-size: 0.8rem;\r\n            flex-shrink: 0;\r\n        }\r\n        .faq-item-premium.active .faq-question i {\r\n            transform: rotate(180deg);\r\n        }\r\n        .faq-answer {\r\n            padding: 0 24px;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease, padding 0.4s ease;\r\n            color: var(--muted);\r\n            font-size: 0.9rem;\r\n            line-height: 1.7;\r\n        }\r\n        .faq-item-premium.active .faq-answer {\r\n            max-height: 300px;\r\n            padding: 0 24px 24px;\r\n        }\r\n        .support-highlight {\r\n            background: rgba(201, 169, 110, 0.06);\r\n            border-left: 3px solid var(--accent);\r\n            padding: 10px 16px;\r\n            border-radius: 8px;\r\n            margin-top: 12px;\r\n        }\r\n        .support-highlight a {\r\n            color: var(--accent);\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n        }\r\n        .support-highlight a:hover {\r\n            color: var(--accent-light);\r\n        }\r\n\r\n        \/* ============================================================\r\n               CONTACT \u2013 PREMIUM\r\n            ============================================================ *\/\r\n        .contact-grid {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 24px;\r\n        }\r\n        .contact-card {\r\n            flex: 1;\r\n            min-width: 200px;\r\n            max-width: 300px;\r\n        }\r\n        .contact-card h3 {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 8px;\r\n            color: #fff;\r\n        }\r\n        .contact-card p {\r\n            color: var(--muted);\r\n            font-size: 0.85rem;\r\n            margin-bottom: 12px;\r\n            line-height: 1.6;\r\n        }\r\n        .contact-card a {\r\n            color: var(--accent);\r\n            font-weight: 700;\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n            font-size: 0.85rem;\r\n            word-break: break-word;\r\n        }\r\n        .contact-card a:hover {\r\n            color: var(--accent-light);\r\n        }\r\n        .contact-card .telegram-link {\r\n            color: #0088cc;\r\n        }\r\n        .contact-card .telegram-link:hover {\r\n            color: #00aaff;\r\n        }\r\n\r\n        .contact-form-input {\r\n            width: 100%;\r\n            padding: 12px 18px;\r\n            border-radius: 14px;\r\n            background: rgba(60, 55, 51, 0.4);\r\n            border: 1px solid rgba(201, 169, 110, 0.08);\r\n            color: #fff;\r\n            font-size: 0.85rem;\r\n            transition: all 0.3s;\r\n            font-family: 'Montserrat', sans-serif;\r\n            outline: none;\r\n        }\r\n        .contact-form-input:focus {\r\n            border-color: var(--accent);\r\n            background: rgba(60, 55, 51, 0.6);\r\n            box-shadow: 0 0 0 3px rgba(201, 169, 110, 0.05);\r\n        }\r\n        .contact-form-input::placeholder {\r\n            color: var(--muted);\r\n        }\r\n        .contact-submit-btn {\r\n            background: linear-gradient(135deg, var(--accent), var(--accent-light));\r\n            padding: 12px;\r\n            border-radius: 60px;\r\n            color: var(--deep-dark);\r\n            font-weight: 700;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            width: 100%;\r\n            font-size: 0.85rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n        .contact-submit-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 30px rgba(201, 169, 110, 0.3);\r\n        }\r\n\r\n        \/* ============================================================\r\n               FOOTER \u2013 PREMIUM\r\n            ============================================================ *\/\r\n        footer {\r\n            background: var(--deep-dark);\r\n            padding: 60px 0 28px;\r\n            margin-top: 36px;\r\n            position: relative;\r\n            border-top: 1px solid rgba(201, 169, 110, 0.04);\r\n        }\r\n        footer::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 10%;\r\n            right: 10%;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, var(--accent), transparent);\r\n            opacity: 0.2;\r\n        }\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n            gap: 36px;\r\n        }\r\n        .footer-col ul {\r\n            list-style: none;\r\n            padding: 0;\r\n        }\r\n        .footer-col ul li {\r\n            margin-bottom: 8px;\r\n        }\r\n        .footer-col ul li a {\r\n            color: var(--muted);\r\n            text-decoration: none;\r\n            transition: all 0.3s;\r\n            font-size: 0.85rem;\r\n        }\r\n        .footer-col ul li a:hover {\r\n            color: var(--accent);\r\n            padding-left: 4px;\r\n        }\r\n        .footer-col h3 {\r\n            color: #fff;\r\n            font-size: 1.1rem;\r\n            margin-bottom: 16px;\r\n        }\r\n        .copyright {\r\n            text-align: center;\r\n            margin-top: 40px;\r\n            padding-top: 20px;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.03);\r\n            color: var(--muted);\r\n            font-size: 0.8rem;\r\n        }\r\n\r\n        \/* ============================================================\r\n               RESPONSIVE\r\n            ============================================================ *\/\r\n        @media (min-width: 768px) {\r\n            .hero-headline { font-size: 3.75rem; }\r\n        }\r\n        @media (min-width: 1024px) {\r\n            .hero-headline { font-size: 66px; }\r\n            .hero-subhead { font-size: 1.1rem; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .container { width: 94%; }\r\n            .pricing-card { width: 100%; max-width: 320px; margin: 0 auto; }\r\n            .contact-card { min-width: 100%; max-width: 100%; }\r\n            .section-title h2 { font-size: 1.8rem; }\r\n            .section-bg, .section-bg-alt { padding: 50px 0; }\r\n            .steps-grid-fancy { gap: 24px; }\r\n            .fancy-step-card { min-width: 100%; max-width: 100%; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- ============================================================\r\n    HERO \u2013 NO HEADER\r\n    ============================================================ -->\r\n    <section class=\"hero-section\">\r\n        <video class=\"hero-video\" autoplay muted loop playsinline referrerpolicy=\"no-referrer\">\r\n            <source src=\"https:\/\/cdn.pixabay.com\/video\/2022\/02\/08\/107142-675298847_large.mp4\" type=\"video\/mp4\" \/>\r\n        <\/video>\r\n        <div class=\"video-overlay\"><\/div>\r\n\r\n        <div class=\"hero-glow hero-glow-1\"><\/div>\r\n        <div class=\"hero-glow hero-glow-2\"><\/div>\r\n\r\n        <div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-badge\">\r\n                <i class=\"fas fa-circle\" style=\"font-size:0.4rem;\"><\/i>\r\n                <span>#1 IPTV Service 2026<\/span>\r\n                <i class=\"fas fa-circle\" style=\"font-size:0.4rem;\"><\/i>\r\n            <\/div>\r\n\r\n            <h1 class=\"hero-headline\">\r\n                Stream 90,000+ Channels &amp; Movies in 4K<br \/>\r\n                <span>Instant Setup<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"hero-subhead\">\r\n                The best IPTV subscription with no contracts, 24\/7 support, and a 7\u2011day guarantee.\r\n                Works on Firestick, Android, Smart TV, and more. <a href=\"#pricing\">See plans<\/a>.\r\n            <\/p>\r\n\r\n            <div class=\"hero-buttons\">\r\n                <a href=\"https:\/\/doneiptv.com\/checkouts\/3-months\/\" class=\"btn btn-primary\">\r\n                    <span><i class=\"fas fa-bolt\"><\/i> GET INSTANT ACCESS \u2022 $29.99\/3 MONTHS<\/span>\r\n                <\/a>\r\n                <a href=\"https:\/\/wa.me\/447367062287?text=Hi!%20I%20want%20to%20get%20IPTV%20in%202%20minutes!\" class=\"btn btn-wa\" target=\"_blank\" rel=\"noopener\">\r\n                    <i class=\"fab fa-whatsapp\"><\/i> CHAT ON WHATSAPP\r\n                <\/a>\r\n                <a href=\"https:\/\/mail.google.com\/mail\/?view=cm&amp;fs=1&amp;to=Doneiptv00@Gmail.Com\" target=\"_blank\" class=\"btn btn-email\" rel=\"noopener\">\r\n                    <i class=\"fas fa-envelope\"><\/i> CONTACT US\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"trust-row\">\r\n                <span class=\"badge-sm\"><i class=\"fas fa-shield-alt\"><\/i> 7-Day Guarantee<\/span>\r\n                <span class=\"badge-sm\"><i class=\"fas fa-headset\"><\/i> 24\/7 Support<\/span>\r\n                <span class=\"badge-sm\"><i class=\"fas fa-bolt\"><\/i> Instant Activation<\/span>\r\n                <span class=\"badge-sm\"><i class=\"fas fa-star\"><\/i> 4.9\/5<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"payment-icons\">\r\n                <i class=\"fab fa-cc-visa\"><\/i>\r\n                <i class=\"fab fa-cc-mastercard\"><\/i>\r\n                <i class=\"fab fa-cc-amex\"><\/i>\r\n                <i class=\"fab fa-paypal\"><\/i>\r\n                <i class=\"fab fa-bitcoin\"><\/i>\r\n                <span style=\"font-weight:600;color:var(--accent-light);\"><i class=\"fas fa-coins\"><\/i> Crypto<\/span>\r\n                <span style=\"color:var(--muted);font-size:0.85rem;\">\u2713 Secure Checkout<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"logos-row\">\r\n                <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/44\/Microsoft_logo.svg\" alt=\"Microsoft\" referrerpolicy=\"no-referrer\" \/>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ============================================================\r\n    CONTACT\r\n    ============================================================ -->\r\n    <section class=\"section-bg lazy-section\" id=\"contact\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title reveal\">\r\n                <span class=\"sub-label\"><i class=\"fas fa-headset\"><\/i> Get in Touch<\/span>\r\n                <h2>Contact Us<\/h2>\r\n                <p>We're available 24\/7 to assist you. Get a reply within minutes. <a href=\"\/contact\">Visit our dedicated contact page<\/a> for more ways to reach us.<\/p>\r\n            <\/div>\r\n            <div class=\"contact-grid\">\r\n                <div class=\"contact-card glass-card reveal\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"contact-icon-wrapper\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                    <h3>Email Us<\/h3>\r\n                    <p>Get a detailed reply within 30 minutes.<\/p>\r\n                    <a href=\"https:\/\/mail.google.com\/mail\/?view=cm&amp;fs=1&amp;to=Doneiptv00@Gmail.Com\" target=\"_blank\" rel=\"noopener\">Doneiptv00@Gmail.Com<\/a>\r\n                <\/div>\r\n                <div class=\"contact-card glass-card reveal\" style=\"transition-delay:0.1s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"contact-icon-wrapper\"><i class=\"fab fa-whatsapp\" style=\"color:#25d366; background: none; -webkit-text-fill-color: #25d366;\"><\/i><\/div>\r\n                    <h3>Chat on WhatsApp<\/h3>\r\n                    <p>Instant chat support for quick questions.<\/p>\r\n                    <a href=\"https:\/\/wa.me\/447367062287\" target=\"_blank\" style=\"color: #25d366;\" rel=\"noopener\">+44 7367 062287<\/a>\r\n                <\/div>\r\n                <div class=\"contact-card glass-card reveal\" style=\"transition-delay:0.2s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"contact-icon-wrapper\"><i class=\"fab fa-telegram-plane\" style=\"color:#0088cc; background: none; -webkit-text-fill-color: #0088cc;\"><\/i><\/div>\r\n                    <h3>Telegram<\/h3>\r\n                    <p>Secure and fast messaging support.<\/p>\r\n                    <a href=\"https:\/\/t.me\/+447877198487\" target=\"_blank\" class=\"telegram-link\">@+44 78 7719 8487<\/a>\r\n                <\/div>\r\n                <div class=\"contact-card glass-card reveal\" style=\"transition-delay:0.3s; max-width: 340px;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"contact-icon-wrapper\"><i class=\"fas fa-paper-plane\"><\/i><\/div>\r\n                    <h3>Send Quick Message<\/h3>\r\n                    <p>Fill in the box below and we'll get back to you instantly.<\/p>\r\n                    <form action=\"mailto:Doneiptv00@Gmail.Com?subject=IPTV%20Inquiry\" method=\"get\" enctype=\"text\/plain\" style=\"display:flex; flex-direction:column; gap:10px; margin-top:6px; width:100%;\">\r\n                        <input type=\"text\" name=\"body\" placeholder=\"Type your message here...\" class=\"contact-form-input\" required>\r\n                        <button type=\"submit\" class=\"contact-submit-btn\"><i class=\"fas fa-arrow-right\"><\/i> Send Message<\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- DIVIDER -->\r\n    <div class=\"section-divider\">\r\n        <span class=\"divider-icon\">\r\n            <i class=\"fas fa-circle\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-circle\"><\/i>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n    PRICING\r\n    ============================================================ -->\r\n    <section class=\"section-bg-alt lazy-section\" id=\"pricing\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title reveal\">\r\n                <span class=\"sub-label\"><i class=\"fas fa-tag\"><\/i> Pricing<\/span>\r\n                <h2>Simple IPTV Subscription Plans<\/h2>\r\n                <p>Premium features + 24\/7 support \u2022 No hidden fees \u2022 <a href=\"\/iptv\/iptv-installation-guide\/\">Learn how to install<\/a><\/p>\r\n            <\/div>\r\n            <div class=\"pricing-toggle reveal\">\r\n                <div class=\"toggle-group\">\r\n                    <span class=\"toggle-opt active\" data-plan=\"monthly\">Monthly Plans<\/span>\r\n                    <span class=\"toggle-opt\" data-plan=\"yearly\">Yearly Plans (Save up to 30%)<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"monthly-pricing active\">\r\n                <div class=\"pricing-grid\">\r\n                    <div class=\"pricing-card glass-card reveal\" style=\"transition-delay:0.05s;\">\r\n                        <div class=\"popular-badge\">\u2b50 BEST VALUE \u2b50<\/div>\r\n                        <h3>3 Months IPTV<\/h3>\r\n                        <div class=\"price\">$29.99<\/div>\r\n                        <ul class=\"pricing-features\">\r\n                            <li><i class=\"fas fa-check-circle\"><\/i> 90,000+ Live Channels<\/li>\r\n                            <li><i class=\"fas fa-check-circle\"><\/i> 50,000+ VOD<\/li>\r\n                            <li><i class=\"fas fa-headset\"><\/i> 24\/7 Priority Support<\/li>\r\n                            <li><i class=\"fas fa-tachometer-alt\"><\/i> Anti-Freeze + 99.9% Uptime<\/li>\r\n                            <li><i class=\"fas fa-calendar-week\"><\/i> EPG & Catch-Up<\/li>\r\n                            <li><i class=\"fas fa-bolt\"><\/i> Instant Activation<\/li>\r\n                        <\/ul>\r\n                        <a href=\"https:\/\/doneiptv.com\/checkouts\/3-months\/\" class=\"pricing-btn\"><span>Get Started \u2192<\/span><\/a>\r\n                    <\/div>\r\n                    <div class=\"pricing-card glass-card reveal\" style=\"transition-delay:0.15s;\">\r\n                        <h3>6 Months IPTV<\/h3>\r\n                        <div class=\"price\">$45.99<\/div>\r\n                        <ul class=\"pricing-features\">\r\n                            <li><i class=\"fas fa-check-circle\"><\/i> 90,000+ Live Channels<\/li>\r\n                            <li><i class=\"fas fa-check-circle\"><\/i> 50,000+ VOD Library<\/li>\r\n                            <li><i class=\"fas fa-headset\"><\/i> 24\/7 Dedicated Support<\/li>\r\n                            <li><i class=\"fas fa-calendar-week\"><\/i> Full EPG + Catch-up<\/li>\r\n                            <li><i class=\"fas fa-infinity\"><\/i> All PPV & Sports Included<\/li>\r\n                            <li><i class=\"fas fa-rocket\"><\/i> Instant Delivery<\/li>\r\n                        <\/ul>\r\n                        <a href=\"https:\/\/doneiptv.com\/checkouts\/6-months\/\" class=\"pricing-btn\"><span>Get Started \u2192<\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"yearly-pricing\">\r\n                <div class=\"pricing-grid\">\r\n                    <div class=\"pricing-card glass-card reveal\" style=\"transition-delay:0.05s;\">\r\n                        <div class=\"popular-badge\">\u2b50 BEST VALUE \u2b50<\/div>\r\n                        <h3>1 Year IPTV<\/h3>\r\n                        <div class=\"price\">$69.99<\/div>\r\n                        <ul class=\"pricing-features\">\r\n                            <li><i class=\"fas fa-check-circle\"><\/i> 90,000+ Live Channels + 4K<\/li>\r\n                            <li><i class=\"fas fa-check-circle\"><\/i> 50,000+ Movies & Series<\/li>\r\n                            <li><i class=\"fas fa-headset\"><\/i> 24\/7 VIP Support<\/li>\r\n                            <li><i class=\"fas fa-chart-line\"><\/i> Anti-Freeze + Premium CDN<\/li>\r\n                            <li><i class=\"fas fa-globe\"><\/i> All Sports: PPV, UFC, NFL, EPL<\/li>\r\n                            <li><i class=\"fas fa-laptop\"><\/i> Multi-device<\/li>\r\n                        <\/ul>\r\n                        <a href=\"https:\/\/doneiptv.com\/checkouts\/12-months\/\" class=\"pricing-btn\"><span>Save 30% \u2192<\/span><\/a>\r\n                    <\/div>\r\n                    <div class=\"pricing-card glass-card reveal\" style=\"transition-delay:0.15s;\">\r\n                        <h3>2 Year IPTV<\/h3>\r\n                        <div class=\"price\">$99.99<\/div>\r\n                        <ul class=\"pricing-features\">\r\n                            <li><i class=\"fas fa-check-circle\"><\/i> 90,000+ Channels + 50k VOD<\/li>\r\n                            <li><i class=\"fas fa-check-circle\"><\/i> Lifetime Price Lock<\/li>\r\n                            <li><i class=\"fas fa-headset\"><\/i> 24\/7 Premium Support<\/li>\r\n                            <li><i class=\"fas fa-tachometer-alt\"><\/i> Ultra-Fast Servers<\/li>\r\n                            <li><i class=\"fas fa-trophy\"><\/i> All PPV Sports Included<\/li>\r\n                            <li><i class=\"fas fa-hand-holding-heart\"><\/i> 7-Day Refund<\/li>\r\n                        <\/ul>\r\n                        <a href=\"https:\/\/doneiptv.com\/checkouts\/24-months\/\" class=\"pricing-btn\"><span>Get 2 Years \u2192<\/span><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- DIVIDER -->\r\n    <div class=\"section-divider\">\r\n        <span class=\"divider-icon\">\r\n            <i class=\"fas fa-circle\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-circle\"><\/i>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n    PLATFORMS\r\n    ============================================================ -->\r\n    <section class=\"section-bg lazy-section\" id=\"platforms\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title reveal\">\r\n                <span class=\"sub-label\"><i class=\"fas fa-devices\"><\/i> Compatibility<\/span>\r\n                <h2>Works on Every Device<\/h2>\r\n                <p>One IPTV subscription works seamlessly on all your devices \u2014 no extra fees. <a href=\"\/iptv\/iptv-channels-list\/\">View full channel list<\/a><\/p>\r\n            <\/div>\r\n            <div class=\"enhanced-platforms\">\r\n                <div class=\"platform-card glass-card reveal\" style=\"transition-delay:0.02s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"platform-icon\"><i class=\"fab fa-android\"><\/i><\/div>\r\n                    <h3>Android TV<\/h3>\r\n                    <p>All boxes & smart TVs<\/p>\r\n                    <span class=\"platform-badge\">\u2713 Fully compatible<\/span>\r\n                <\/div>\r\n                <div class=\"platform-card glass-card reveal\" style=\"transition-delay:0.06s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"platform-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\r\n                    <h3>Samsung TV<\/h3>\r\n                    <p>2016+ models (Tizen)<\/p>\r\n                    <span class=\"platform-badge\">\u2713 Native app<\/span>\r\n                <\/div>\r\n                <div class=\"platform-card glass-card reveal\" style=\"transition-delay:0.10s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"platform-icon\"><i class=\"fas fa-tv\"><\/i><\/div>\r\n                    <h3>LG TV<\/h3>\r\n                    <p>WebOS 3.0+<\/p>\r\n                    <span class=\"platform-badge\">\u2713 WebOS support<\/span>\r\n                <\/div>\r\n                <div class=\"platform-card glass-card reveal\" style=\"transition-delay:0.14s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"platform-icon\"><i class=\"fab fa-apple\"><\/i><\/div>\r\n                    <h3>Apple TV<\/h3>\r\n                    <p>tvOS & iOS<\/p>\r\n                    <span class=\"platform-badge\">\u2713 AirPlay ready<\/span>\r\n                <\/div>\r\n                <div class=\"platform-card glass-card reveal\" style=\"transition-delay:0.18s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"platform-icon\"><i class=\"fab fa-windows\"><\/i><\/div>\r\n                    <h3>Windows PC<\/h3>\r\n                    <p>VLC, Smarters, MyIPTV<\/p>\r\n                    <span class=\"platform-badge\">\u2713 All players work<\/span>\r\n                <\/div>\r\n                <div class=\"platform-card glass-card reveal\" style=\"transition-delay:0.22s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"platform-icon\"><i class=\"fas fa-fire\"><\/i><\/div>\r\n                    <h3>Fire TV Stick<\/h3>\r\n                    <p>Firestick 4K \/ Cube<\/p>\r\n                    <span class=\"platform-badge\">\u2b50 Most popular<\/span>\r\n                <\/div>\r\n                <div class=\"platform-card glass-card reveal\" style=\"transition-delay:0.26s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"platform-icon\"><i class=\"fas fa-box\"><\/i><\/div>\r\n                    <h3>MAG Box<\/h3>\r\n                    <p>All MAG models<\/p>\r\n                    <span class=\"platform-badge\">\u2713 Stalker portal<\/span>\r\n                <\/div>\r\n                <div class=\"platform-card glass-card reveal\" style=\"transition-delay:0.30s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"platform-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\r\n                    <h3>iPhone \/ iPad<\/h3>\r\n                    <p>iOS & iPadOS<\/p>\r\n                    <span class=\"platform-badge\">\u2713 AirPlay & Cast<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"platforms-note reveal\"><i class=\"fas fa-plug\"><\/i> No additional hardware needed \u2014 just install our recommended app and login.<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- DIVIDER -->\r\n    <div class=\"section-divider\">\r\n        <span class=\"divider-icon\">\r\n            <i class=\"fas fa-circle\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-circle\"><\/i>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n    CATEGORIES\r\n    ============================================================ -->\r\n    <section class=\"section-bg-alt lazy-section\" id=\"categories\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title reveal\">\r\n                <span class=\"sub-label\"><i class=\"fas fa-grid-2\"><\/i> Content<\/span>\r\n                <h2>Everything You Want to Watch<\/h2>\r\n                <p>Endless entertainment across all genres, live and on-demand. <a href=\"\/iptv\/iptv-channels-list\/\">Explore all 90,000+ channels<\/a><\/p>\r\n            <\/div>\r\n            <div class=\"fancy-category-grid\">\r\n                <div class=\"fancy-cat-card glass-card reveal\" style=\"transition-delay:0.02s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"cat-icon-wrapper\"><i class=\"fas fa-futbol\"><\/i><\/div>\r\n                    <h3>Sports IPTV<\/h3>\r\n                    <p>Premier League, NFL, NBA, UFC, Formula 1, and every major sporting event live.<\/p>\r\n                    <span class=\"cat-badge\">\ud83c\udfc6 50+ sports channels<\/span>\r\n                <\/div>\r\n                <div class=\"fancy-cat-card glass-card reveal\" style=\"transition-delay:0.08s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"cat-icon-wrapper\"><i class=\"fas fa-film\"><\/i><\/div>\r\n                    <h3>Movies IPTV<\/h3>\r\n                    <p>Hollywood blockbusters, Bollywood hits, indie films, and 4K cinema.<\/p>\r\n                    <span class=\"cat-badge\">\ud83c\udfac 25,000+ movies<\/span>\r\n                <\/div>\r\n                <div class=\"fancy-cat-card glass-card reveal\" style=\"transition-delay:0.14s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"cat-icon-wrapper\"><i class=\"fas fa-tv\"><\/i><\/div>\r\n                    <h3>Entertainment<\/h3>\r\n                    <p>Reality shows, sitcoms, dramas, talk shows, and trending series.<\/p>\r\n                    <span class=\"cat-badge\">\ud83d\udcfa 200+ channels<\/span>\r\n                <\/div>\r\n                <div class=\"fancy-cat-card glass-card reveal\" style=\"transition-delay:0.20s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"cat-icon-wrapper\"><i class=\"fas fa-newspaper\"><\/i><\/div>\r\n                    <h3>News IPTV<\/h3>\r\n                    <p>CNN, BBC, Sky News, Al Jazeera, Fox News \u2014 live 24\/7 global coverage.<\/p>\r\n                    <span class=\"cat-badge\">\ud83c\udf0d 80+ news networks<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- DIVIDER -->\r\n    <div class=\"section-divider\">\r\n        <span class=\"divider-icon\">\r\n            <i class=\"fas fa-circle\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-circle\"><\/i>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n    SPORTS\r\n    ============================================================ -->\r\n    <section class=\"section-bg lazy-section\" id=\"sports\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title reveal\">\r\n                <span class=\"sub-label\"><i class=\"fas fa-trophy\"><\/i> Sports<\/span>\r\n                <h2>Premium Sports Coverage<\/h2>\r\n                <p>Never miss a game \u2014 all PPV, leagues, and tournaments included at no extra cost<\/p>\r\n            <\/div>\r\n            <div class=\"fancy-sports-grid\">\r\n                <div class=\"fancy-sport-card glass-card reveal\" style=\"transition-delay:0.02s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"sport-icon-wrapper\"><i class=\"fas fa-broadcast-tower\"><\/i><\/div>\r\n                    <h3>All Major Leagues<\/h3>\r\n                    <p>Premier League, La Liga, Serie A, Bundesliga, NFL, NBA, MLB, NHL, and more.<\/p>\r\n                    <span class=\"sport-badge\">\u26bd 30+ sports leagues<\/span>\r\n                <\/div>\r\n                <div class=\"fancy-sport-card glass-card reveal\" style=\"transition-delay:0.10s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"sport-icon-wrapper\"><i class=\"fas fa-trophy\"><\/i><\/div>\r\n                    <h3>PPV Events Included<\/h3>\r\n                    <p>UFC, WWE, Boxing mega-fights \u2014 all premium events are free with your subscription.<\/p>\r\n                    <span class=\"sport-badge\">\ud83e\udd4a Save $100s\/year<\/span>\r\n                <\/div>\r\n                <div class=\"fancy-sport-card glass-card reveal\" style=\"transition-delay:0.18s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"sport-icon-wrapper\"><i class=\"fas fa-undo\"><\/i><\/div>\r\n                    <h3>7-Day Catch-Up<\/h3>\r\n                    <p>Missed the game? Replay any match or event up to 7 days later.<\/p>\r\n                    <span class=\"sport-badge\">\ud83d\udcc5 Full replays<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- DIVIDER -->\r\n    <div class=\"section-divider\">\r\n        <span class=\"divider-icon\">\r\n            <i class=\"fas fa-circle\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-circle\"><\/i>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n    FEATURES\r\n    ============================================================ -->\r\n    <section class=\"section-bg-alt lazy-section\" id=\"features\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title reveal\">\r\n                <span class=\"sub-label\"><i class=\"fas fa-star\"><\/i> Why Us<\/span>\r\n                <h2>5,000+ Customers Agree<\/h2>\r\n                <p>Reliable IPTV with premium features you won't find anywhere else<\/p>\r\n            <\/div>\r\n            <div class=\"features-grid-enhanced\">\r\n                <div class=\"why-card glass-card reveal\" style=\"transition-delay:0.02s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"why-icon-wrapper\"><i class=\"fas fa-broadcast-tower\"><\/i><\/div>\r\n                    <h3>90,000+ Live Channels<\/h3>\r\n                    <p>Access major channels from USA, UK, Canada, and 50+ countries with your IPTV subscription.<\/p>\r\n                    <span class=\"why-stat\">\ud83d\udce1 Global coverage<\/span>\r\n                <\/div>\r\n                <div class=\"why-card glass-card reveal\" style=\"transition-delay:0.08s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"why-icon-wrapper\"><i class=\"fas fa-film\"><\/i><\/div>\r\n                    <h3>50,000+ VOD Library<\/h3>\r\n                    <p>Netflix-style on-demand, updated weekly with the latest blockbusters and series.<\/p>\r\n                    <span class=\"why-stat\">\ud83c\udfac 4K & HD available<\/span>\r\n                <\/div>\r\n                <div class=\"why-card glass-card reveal\" style=\"transition-delay:0.14s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"why-icon-wrapper\"><i class=\"fas fa-tachometer-alt\"><\/i><\/div>\r\n                    <h3>Anti-Freeze Technology<\/h3>\r\n                    <p>99.9% uptime, no buffering \u2014 optimized servers with global CDN for smooth streaming.<\/p>\r\n                    <span class=\"why-stat\">\u26a1 Ultra-low latency<\/span>\r\n                <\/div>\r\n                <div class=\"why-card glass-card reveal\" style=\"transition-delay:0.20s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"why-icon-wrapper\"><i class=\"fas fa-sync-alt\"><\/i><\/div>\r\n                    <h3>Monthly Channel Updates<\/h3>\r\n                    <p>Fresh working links every week. We constantly add new channels and replace broken ones.<\/p>\r\n                    <span class=\"why-stat\">\ud83d\udd04 Always up\u2011to\u2011date<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- DIVIDER -->\r\n    <div class=\"section-divider\">\r\n        <span class=\"divider-icon\">\r\n            <i class=\"fas fa-circle\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-circle\"><\/i>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n    MOVIES\r\n    ============================================================ -->\r\n    <section class=\"section-bg lazy-section\" id=\"movies\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title reveal\">\r\n                <span class=\"sub-label\"><i class=\"fas fa-play-circle\"><\/i> Library<\/span>\r\n                <h2>Movies & Series Library<\/h2>\r\n                <p>50,000+ titles \u2022 Updated weekly<\/p>\r\n            <\/div>\r\n            <div class=\"category-tabs reveal\">\r\n                <div class=\"tab-btn active\" data-cat=\"all\">All Content<\/div>\r\n                <div class=\"tab-btn\" data-cat=\"movies\">Movies<\/div>\r\n                <div class=\"tab-btn\" data-cat=\"series\">TV Series<\/div>\r\n            <\/div>\r\n            <div class=\"movie-category active\" id=\"cat-all\">\r\n                <div class=\"scroller-container\"><div class=\"scroller-track\" id=\"all-content-track\"><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"movie-category\" id=\"cat-movies\">\r\n                <div class=\"scroller-container\"><div class=\"scroller-track\" id=\"movies-track\"><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"movie-category\" id=\"cat-series\">\r\n                <div class=\"scroller-container\"><div class=\"scroller-track\" id=\"series-track\"><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- DIVIDER -->\r\n    <div class=\"section-divider\">\r\n        <span class=\"divider-icon\">\r\n            <i class=\"fas fa-circle\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-circle\"><\/i>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n    SETUP\r\n    ============================================================ -->\r\n    <section class=\"section-bg-alt lazy-section\" id=\"setup\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title reveal\">\r\n                <span class=\"sub-label\"><i class=\"fas fa-rocket\"><\/i> Get Started<\/span>\r\n                <h2>Start in 4 Minutes<\/h2>\r\n                <p>Simple, fast, and no technical skills required \u2014 start watching immediately. <a href=\"\/iptv\/iptv-installation-guide\/\">Full installation guide here<\/a><\/p>\r\n            <\/div>\r\n            <div class=\"steps-grid-fancy\">\r\n                <div class=\"fancy-step-card reveal\" style=\"transition-delay:0.02s;\">\r\n                    <div class=\"step-glow-number\"><span class=\"step-number-glow\">1<\/span><\/div>\r\n                    <h3>Choose Your Plan<\/h3>\r\n                    <p>Select from 1 month, 3 months, 1 year, or 2 years \u2014 all include the same premium features.<\/p>\r\n                    <span class=\"step-mini-badge\"><i class=\"fas fa-check-circle\"><\/i> No contract<\/span>\r\n                <\/div>\r\n                <div class=\"fancy-step-card reveal\" style=\"transition-delay:0.08s;\">\r\n                    <div class=\"step-glow-number\"><span class=\"step-number-glow\">2<\/span><\/div>\r\n                    <h3>Get Login Details<\/h3>\r\n                    <p>Receive your IPTV credentials via email within 2\u20135 minutes after payment confirmation.<\/p>\r\n                    <span class=\"step-mini-badge\"><i class=\"fas fa-envelope\"><\/i> Instant delivery<\/span>\r\n                <\/div>\r\n                <div class=\"fancy-step-card reveal\" style=\"transition-delay:0.14s;\">\r\n                    <div class=\"step-glow-number\"><span class=\"step-number-glow\">3<\/span><\/div>\r\n                    <h3>Download Our App<\/h3>\r\n                    <p>Install on any device: Firestick, Android, iOS, Smart TV, Windows, or MAG box.<\/p>\r\n                    <span class=\"step-mini-badge\"><i class=\"fas fa-mobile-alt\"><\/i> All platforms<\/span>\r\n                <\/div>\r\n                <div class=\"fancy-step-card reveal\" style=\"transition-delay:0.20s;\">\r\n                    <div class=\"step-glow-number\"><span class=\"step-number-glow\">4<\/span><\/div>\r\n                    <h3>Start Streaming<\/h3>\r\n                    <p>Enjoy 90,000+ live channels, 50,000+ VOD titles, and 24\/7 support.<\/p>\r\n                    <span class=\"step-mini-badge\"><i class=\"fas fa-play-circle\"><\/i> Unlimited entertainment<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- DIVIDER -->\r\n    <div class=\"section-divider\">\r\n        <span class=\"divider-icon\">\r\n            <i class=\"fas fa-circle\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-circle\"><\/i>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n    TESTIMONIALS\r\n    ============================================================ -->\r\n    <section class=\"section-bg lazy-section\" id=\"testimonials\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title reveal\">\r\n                <span class=\"sub-label\"><i class=\"fas fa-quote-right\"><\/i> Testimonials<\/span>\r\n                <h2>Trusted by 5,000+ Customers<\/h2>\r\n            <\/div>\r\n            <div class=\"testimonials-grid\">\r\n                <div class=\"testimonial-card-premium glass-card reveal\" style=\"transition-delay:0.02s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"Setup took 3 minutes. No buffering during the big game. The 4K quality is amazing.\"<\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\">JD<\/div>\r\n                        <div class=\"author-info\">\r\n                            <h4>James D.<\/h4>\r\n                            <p>Manchester, UK<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card-premium glass-card reveal\" style=\"transition-delay:0.10s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"VOD library is massive. Support helped me install on my LG TV within minutes.\"<\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\">ML<\/div>\r\n                        <div class=\"author-info\">\r\n                            <h4>Maria L.<\/h4>\r\n                            <p>Madrid, Spain<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card-premium glass-card reveal\" style=\"transition-delay:0.18s;\">\r\n                    <div class=\"card-glow\"><\/div>\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u00bd<\/div>\r\n                    <p>\"7-day guarantee made me try. Works perfectly on my Firestick. Never going back to cable.\"<\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"author-avatar\">AK<\/div>\r\n                        <div class=\"author-info\">\r\n                            <h4>Ahmed K.<\/h4>\r\n                            <p>Dubai, UAE<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- DIVIDER -->\r\n    <div class=\"section-divider\">\r\n        <span class=\"divider-icon\">\r\n            <i class=\"fas fa-circle\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-chevron-down\"><\/i>\r\n            <span class=\"line-dot\"><\/span>\r\n            <i class=\"fas fa-circle\"><\/i>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <!-- ============================================================\r\n    FAQ\r\n    ============================================================ -->\r\n    <section class=\"section-bg-alt lazy-section\" id=\"faq\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title reveal\">\r\n                <span class=\"sub-label\"><i class=\"fas fa-question-circle\"><\/i> FAQ<\/span>\r\n                <h2>Frequently Asked Questions<\/h2>\r\n            <\/div>\r\n            <div class=\"faq-grid\">\r\n                <div class=\"faq-item-premium reveal\" style=\"transition-delay:0.02s;\">\r\n                    <div class=\"faq-question\">What devices are supported? <i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n                    <div class=\"faq-answer\"><p>All devices: Firestick, Android TV, Smart TVs (Samsung, LG), Apple TV, phones, MAG boxes, and more. <a href=\"\/iptv\/iptv-channels-list\/\">See full compatibility<\/a><\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item-premium reveal\" style=\"transition-delay:0.06s;\">\r\n                    <div class=\"faq-question\">Is there a money-back guarantee? <i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n                    <div class=\"faq-answer\"><p>Yes! 7-day money-back guarantee on all plans \u2014 no questions asked. <a href=\"\/iptv\/iptv-refund-and-returns-policy\/\">Read our refund policy<\/a><\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item-premium reveal\" style=\"transition-delay:0.10s;\">\r\n                    <div class=\"faq-question\">How do I get the free trial? <i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n                    <div class=\"faq-answer\"><p>Contact us on WhatsApp +44 7367 062287 for a 1-hour test line.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"faq-item-premium reveal\" style=\"transition-delay:0.14s;\">\r\n                    <div class=\"faq-question\">What if I don't receive my credentials? <i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n                    <div class=\"faq-answer\">\r\n                        <p>Check spam folder, or contact support via WhatsApp\/email.<\/p>\r\n                        <div class=\"support-highlight\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i> <a href=\"https:\/\/wa.me\/447367062287\" target=\"_blank\" rel=\"noopener\">Chat on WhatsApp<\/a> or email <a href=\"mailto:Doneiptv00@Gmail.Com\">Doneiptv00@Gmail.Com<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ============================================================\r\n    FOOTER\r\n    ============================================================ -->\r\n    <footer>\r\n        <div class=\"container\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-col\">\r\n                    <h3>DoneIPTV<\/h3>\r\n                    <p style=\"color:var(--muted);font-size:0.85rem;\">90,000+ channels \u2022 7-day guarantee<\/p>\r\n                <\/div>\r\n                <div class=\"footer-col\">\r\n                    <h3>Quick Links<\/h3>\r\n                    <ul>\r\n                        <li><a href=\"#home\">Home<\/a><\/li>\r\n                        <li><a href=\"#pricing\">Pricing<\/a><\/li>\r\n                        <li><a href=\"\/iptv\/iptv-channels-list\/\">Channels<\/a><\/li>\r\n                        <li><a href=\"\/iptv\/iptv-installation-guide\/\">Installation Guide<\/a><\/li>\r\n                        <li><a href=\"\/iptv\/iptv-refund-and-returns-policy\/\">Refund Policy<\/a><\/li>\r\n                        <li><a href=\"\/contact\">Contact Us<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"footer-col\">\r\n                    <h3>Contact<\/h3>\r\n                    <ul>\r\n                        <li><a href=\"mailto:Doneiptv00@Gmail.Com\">Doneiptv00@Gmail.Com<\/a><\/li>\r\n                        <li><a href=\"https:\/\/wa.me\/447367062287\" target=\"_blank\" rel=\"noopener\">+44 7367 062287<\/a><\/li>\r\n                        <li><a href=\"https:\/\/t.me\/+447877198487\">+44 78 7719 8487<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"copyright\">\u00a9 2026 DoneIPTV. All rights reserved.<\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <noscript>\r\n        <div style=\"background:var(--accent); color:var(--deep-dark); text-align:center; padding:10px; margin-top:10px; font-weight:600;\">\r\n            \u26a0\ufe0f Please enable JavaScript for the full experience.\r\n        <\/div>\r\n    <\/noscript>\r\n\r\n    <!-- ============================================================\r\n    JAVASCRIPT\r\n    ============================================================ -->\r\n    <script>\r\n        (function() {\r\n            \/\/ \u2500\u2500\u2500 Particles \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            const isMobile = window.innerWidth < 768;\r\n            const particleCount = isMobile ? 20 : 60;\r\n            const particlesContainer = document.getElementById('particles');\r\n            if (particlesContainer) {\r\n                for (let i = 0; i < particleCount; i++) {\r\n                    const particle = document.createElement('div');\r\n                    particle.classList.add('particle');\r\n                    const size = Math.random() * 6 + 2;\r\n                    particle.style.cssText =\r\n                        `width:${size}px;height:${size}px;left:${Math.random()*100}%;top:${Math.random()*100}%;animation-delay:${Math.random()*10}s;animation-duration:${Math.random()*10+20}s;background:rgba(201,169,110,0.10);`;\r\n                    particlesContainer.appendChild(particle);\r\n                }\r\n            }\r\n\r\n            \/\/ \u2500\u2500\u2500 Pricing Toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            document.querySelectorAll('.toggle-opt').forEach(opt => {\r\n                opt.addEventListener('click', function() {\r\n                    document.querySelectorAll('.toggle-opt').forEach(o => o.classList.remove('active'));\r\n                    this.classList.add('active');\r\n                    const isMonthly = this.dataset.plan === 'monthly';\r\n                    const monthlyDiv = document.querySelector('.monthly-pricing');\r\n                    const yearlyDiv = document.querySelector('.yearly-pricing');\r\n                    if (monthlyDiv) monthlyDiv.classList.toggle('active', isMonthly);\r\n                    if (yearlyDiv) yearlyDiv.classList.toggle('active', !isMonthly);\r\n                });\r\n            });\r\n\r\n            \/\/ \u2500\u2500\u2500 Movie Tabs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            document.querySelectorAll('.tab-btn').forEach(btn => {\r\n                btn.addEventListener('click', function() {\r\n                    const cat = this.dataset.cat;\r\n                    document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\r\n                    this.classList.add('active');\r\n                    document.querySelectorAll('.movie-category').forEach(c => c.classList.remove('active'));\r\n                    const target = document.getElementById(`cat-${cat}`);\r\n                    if (target) target.classList.add('active');\r\n                });\r\n            });\r\n\r\n            \/\/ \u2500\u2500\u2500 Movie Data \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            const movieItems = [\r\n                { img: 'https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSvjZbRgg199Q6IjQ85qe3mwh1XkRKsvUC-2Q&s',\r\n                    title: 'Deadpool & Wolverine', year: '2026', rating: '8.2' },\r\n                { img: 'https:\/\/m.media-amazon.com\/images\/M\/MV5BZDYxY2I1OGMtN2Y4MS00ZmU1LTgyNDAtODA0MzAyYjI0N2Y2XkEyXkFqcGc@._V1_.jpg',\r\n                    title: 'Avatar 3', year: '2026', rating: '8.0' },\r\n                { img: 'https:\/\/cdn.marvel.com\/content\/1x\/thunderboltsposter.jpeg', title: 'Thunderbolts',\r\n                    year: '2026', rating: '7.6' }\r\n            ];\r\n            const seriesItems = [\r\n                { img: 'https:\/\/resizing.flixster.com\/csfX8Ezg8smfPo1IBliNxACEJCA=\/ems.cHJkLWVtcy1hc3NldHMvdHZzZWFzb24vZGFkOGYxYjgtZDU0ZS00OGIwLTk1NjktMmNjNzA1YTdkNjBiLmpwZw==',\r\n                    title: 'Squid Game S2', year: '2026', rating: '8.3' },\r\n                { img: 'https:\/\/m.media-amazon.com\/images\/I\/711C3RIqA7L._AC_UF894,1000_QL80_.jpg',\r\n                    title: 'House of the Dragon S2', year: '2026', rating: '8.7' }\r\n            ];\r\n            const classicItems = [\r\n                { img: 'https:\/\/m.media-amazon.com\/images\/M\/MV5BMDdmZGU3NDQtY2E5My00ZTliLWIzOTUtMTY4ZGI1YjdiNjk3XkEyXkFqcGdeQXVyNTA4NzY1MzY@._V1_.jpg',\r\n                    title: 'Titanic', year: '1997', rating: '7.9' }\r\n            ];\r\n            const allItems = [...classicItems, ...movieItems, ...seriesItems];\r\n\r\n            function createCard(item) {\r\n                return `<div class=\"movie-card\">\r\n                            <div class=\"movie-poster-container\">\r\n                                <img loading=\"lazy\" decoding=\"async\" src=\"${item.img}\" loading=\"lazy\" alt=\"${item.title}\" width=\"220\" height=\"260\">\r\n                            <\/div>\r\n                            <div class=\"movie-info\">\r\n                                <div class=\"movie-title\">${item.title}<\/div>\r\n                                <div class=\"movie-meta\"><span>${item.year}<\/span><span>\u2605 ${item.rating}<\/span><\/div>\r\n                            <\/div>\r\n                        <\/div>`;\r\n            }\r\n\r\n            function populateTrack(id, items) {\r\n                const track = document.getElementById(id);\r\n                if (track) track.innerHTML = [...items, ...items].map(createCard).join('');\r\n            }\r\n            populateTrack('all-content-track', allItems.sort(() => Math.random() - 0.5));\r\n            populateTrack('movies-track', movieItems);\r\n            populateTrack('series-track', seriesItems);\r\n\r\n            \/\/ \u2500\u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            document.querySelectorAll('.faq-item-premium').forEach(item => {\r\n                const q = item.querySelector('.faq-question');\r\n                if (q) q.addEventListener('click', () => item.classList.toggle('active'));\r\n            });\r\n\r\n            \/\/ \u2500\u2500\u2500 Video Speed \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            const video = document.querySelector('.hero-video');\r\n            if (video) video.playbackRate = 0.6;\r\n\r\n            \/\/ \u2500\u2500\u2500 Scroll Reveal Animations \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            const revealElements = document.querySelectorAll('.reveal, .reveal-left, .reveal-right, .reveal-scale');\r\n\r\n            const revealObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('visible');\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.12,\r\n                rootMargin: '0px 0px -40px 0px'\r\n            });\r\n\r\n            revealElements.forEach(el => revealObserver.observe(el));\r\n\r\n            \/\/ \u2500\u2500\u2500 Also observe glass cards inside sections \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            document.querySelectorAll('.glass-card').forEach(card => {\r\n                if (!card.classList.contains('reveal') && !card.classList.contains('reveal-left') && !card\r\n                    .classList.contains('reveal-right')) {\r\n                    card.classList.add('reveal');\r\n                    revealObserver.observe(card);\r\n                }\r\n            });\r\n\r\n        })();\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IPTV Subscription | Best IPTV Service with 90,000+ Channels &#038; Movies \u2022 DoneIPTV #1 IPTV Service 2026 Stream 90,000+ Channels &amp; Movies in 4K Instant Setup The best IPTV subscription with no contracts, 24\/7 support, and a 7\u2011day guarantee. Works on Firestick, Android, Smart TV, and more. See plans. GET INSTANT ACCESS \u2022 $29.99\/3 MONTHS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2981","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/pages\/2981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/comments?post=2981"}],"version-history":[{"count":469,"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/pages\/2981\/revisions"}],"predecessor-version":[{"id":6115,"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/pages\/2981\/revisions\/6115"}],"wp:attachment":[{"href":"https:\/\/doneiptv.com\/done\/wp-json\/wp\/v2\/media?parent=2981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}