TopIPTV – \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u062b \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);\n color: #fff;\n overflow-x: hidden;\n }\n\n .header {\n background: rgba(10, 14, 39, 0.95);\n padding: 1.5rem 0;\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 1000;\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-size: 2rem;\n font-weight: bold;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2rem;\n list-style: none;\n }\n\n .nav-links a {\n color: #fff;\n text-decoration: none;\n font-weight: 500;\n transition: color 0.3s;\n }\n\n .nav-links a:hover {\n color: #667eea;\n }\n\n .hero {\n margin-top: 80px;\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);\n animation: pulse 15s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n }\n\n .hero h1 {\n font-size: 3.5rem;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: fadeInUp 1s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero p {\n font-size: 1.3rem;\n color: #b8b9c7;\n margin-bottom: 2rem;\n animation: fadeInUp 1s ease-out 0.2s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: #fff;\n text-decoration: none;\n border-radius: 50px;\n font-size: 1.1rem;\n font-weight: 600;\n transition: all 0.3s;\n box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);\n animation: fadeInUp 1s ease-out 0.4s both;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(102, 126, 234, 0.6);\n }\n\n .features {\n padding: 80px 0;\n background: rgba(255, 255, 255, 0.02);\n }\n\n .section-title {\n text-align: center;\n font-size: 2.5rem;\n margin-bottom: 3rem;\n color: #fff;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n }\n\n .feature-card {\n background: rgba(255, 255, 255, 0.05);\n padding: 2rem;\n border-radius: 20px;\n text-align: center;\n transition: all 0.3s;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(102, 126, 234, 0.5);\n box-shadow: 0 20px 40px rgba(102, 126, 234, 0.2);\n }\n\n .feature-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n\n .feature-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: #667eea;\n }\n\n .feature-card p {\n color: #b8b9c7;\n line-height: 1.6;\n }\n\n .pricing {\n padding: 80px 0;\n }\n\n .pricing-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .pricing-card {\n background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);\n padding: 3rem 2rem;\n border-radius: 20px;\n text-align: center;\n border: 2px solid rgba(102, 126, 234, 0.2);\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n\n .pricing-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);\n transition: left 0.5s;\n }\n\n .pricing-card:hover::before {\n left: 100%;\n }\n\n .pricing-card:hover {\n transform: scale(1.05);\n border-color: rgba(102, 126, 234, 0.5);\n box-shadow: 0 20px 50px rgba(102, 126, 234, 0.3);\n }\n\n .pricing-card.featured {\n border-color: #667eea;\n background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);\n }\n\n .pricing-card h3 {\n font-size: 1.8rem;\n margin-bottom: 1rem;\n color: #667eea;\n }\n\n .price {\n font-size: 3rem;\n font-weight: bold;\n margin: 1.5rem 0;\n color: #fff;\n }\n\n .price span {\n font-size: 1.2rem;\n color: #b8b9c7;\n }\n\n .features-list {\n list-style: none;\n margin: 2rem 0;\n text-align: right;\n }\n\n .features-list li {\n padding: 0.8rem 0;\n color: #b8b9c7;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .features-list li:before {\n content: '\u2713 ';\n color: #667eea;\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .buy-button {\n display: inline-block;\n padding: 1rem 2.5rem;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: #fff;\n text-decoration: none;\n border-radius: 50px;\n font-weight: 600;\n transition: all 0.3s;\n margin-top: 1rem;\n }\n\n .buy-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(102, 126, 234, 0.5);\n }\n\n .footer {\n background: rgba(10, 14, 39, 0.95);\n padding: 3rem 0 1rem;\n text-align: center;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: #b8b9c7;\n font-size: 1.5rem;\n transition: color 0.3s;\n }\n\n .social-links a:hover {\n color: #667eea;\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .nav-links {\n display: none;\n }\n\n .pricing-grid, .features-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .channels-marquee {\n background: rgba(255, 255, 255, 0.03);\n padding: 2rem 0;\n overflow: hidden;\n margin: 3rem 0;\n }\n\n .marquee-content {\n display: flex;\n animation: scroll 30s linear infinite;\n gap: 3rem;\n }\n\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n .channel-logo {\n font-size: 1.5rem;\n color: #667eea;\n white-space: nowrap;\n font-weight: 600;\n }\n <\/style>\n<\/head>\n<body>\n <header class=\"header\">\n <div class=\"container\">\n <nav class=\"nav\">\n <a href=\"#\" class=\"logo\">\ud83d\udcfa TopIPTV<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n <li><a href=\"#features\">\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a<\/a><\/li>\n <li><a href=\"#pricing\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/a><\/li>\n <li><a href=\"#contact\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n <section id=\"home\" class=\"hero\">\n <div class=\"container hero-content\">\n <h1>\u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0629 IPTV \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645<\/h1>\n <p>\u0634\u0627\u0647\u062f \u0622\u0644\u0627\u0641 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629<\/p>\n <a href=\"#pricing\" class=\"cta-button\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n <\/section>\n\n <div class=\"channels-marquee\">\n <div class=\"marquee-content\">\n <span class=\"channel-logo\">\ud83c\udfac Netflix<\/span>\n <span class=\"channel-logo\">\u26bd BeIN Sports<\/span>\n <span class=\"channel-logo\">\ud83d\udcfa MBC<\/span>\n <span class=\"channel-logo\">\ud83c\udfa5 OSN<\/span>\n <span class=\"channel-logo\">\u26a1 Sky Sports<\/span>\n <span class=\"channel-logo\">\ud83c\udf1f Shahid<\/span>\n <span class=\"channel-logo\">\ud83c\udfad HBO<\/span>\n <span class=\"channel-logo\">\u26bd Premier League<\/span>\n <span class=\"channel-logo\">\ud83c\udfac Netflix<\/span>\n <span class=\"channel-logo\">\u26bd BeIN Sports<\/span>\n <span class=\"channel-logo\">\ud83d\udcfa MBC<\/span>\n <span class=\"channel-logo\">\ud83c\udfa5 OSN<\/span>\n <\/div>\n <\/div>\n\n <section id=\"features\" class=\"features\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646 \u0627\u0644\u0623\u0641\u0636\u0644\u061f<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udce1<\/div>\n <h3>\u0642\u0646\u0648\u0627\u062a \u0644\u0627 \u0645\u062d\u062f\u0648\u062f\u0629<\/h3>\n <p>\u0623\u0643\u062b\u0631 \u0645\u0646 15000 \u0642\u0646\u0627\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0639\u0631\u0628\u064a\u0629 \u0628\u062c\u0648\u062f\u0629 4K \u0648 Full HD<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83c\udfac<\/div>\n <h3>\u0623\u0641\u0644\u0627\u0645 \u0648\u0645\u0633\u0644\u0633\u0644\u0627\u062a<\/h3>\n <p>\u0645\u0643\u062a\u0628\u0629 \u0636\u062e\u0645\u0629 \u0645\u0646 \u0623\u062d\u062f\u062b \u0627\u0644\u0623\u0641\u0644\u0627\u0645 \u0648\u0627\u0644\u0645\u0633\u0644\u0633\u0644\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\u26bd<\/div>\n <h3>\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0628\u0627\u0631\u064a\u0627\u062a<\/h3>\n <p>\u0628\u062b \u0645\u0628\u0627\u0634\u0631 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u062f\u0648\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udcf1<\/div>\n <h3>\u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0623\u062c\u0647\u0632\u0629<\/h3>\n <p>\u0634\u0627\u0647\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u0644\u0641\u0627\u0632\u060c \u0627\u0644\u0647\u0627\u062a\u0641\u060c \u0627\u0644\u062a\u0627\u0628\u0644\u062a\u060c \u0648\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\u26a1<\/div>\n <h3>\u0633\u0631\u0639\u0629 \u0641\u0627\u0626\u0642\u0629<\/h3>\n <p>\u0633\u064a\u0631\u0641\u0631\u0627\u062a \u0642\u0648\u064a\u0629 \u0628\u062f\u0648\u0646 \u062a\u0642\u0637\u064a\u0639 \u0623\u0648 \u062a\u0623\u062e\u064a\u0631<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\n <h3>\u062f\u0639\u0645 \u0641\u0646\u064a 24\/7<\/h3>\n <p>\u0641\u0631\u064a\u0642 \u062f\u0639\u0645 \u0645\u062a\u0627\u062d \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"pricing\" class=\"pricing\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u062e\u0637\u0637 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643<\/h2>\n <div class=\"pricing-grid\">\n <div class=\"pricing-card\">\n <h3>\u0634\u0647\u0631\u064a<\/h3>\n <div class=\"price\">$15 <span>\/\u0634\u0647\u0631<\/span><\/div>\n <ul class=\"features-list\">\n <li>15000+ \u0642\u0646\u0627\u0629 \u0645\u0628\u0627\u0634\u0631\u0629<\/li>\n <li>\u062c\u0648\u062f\u0629 Full HD & 4K<\/li>\n <li>\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0628\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/li>\n <li>\u062f\u0639\u0645 1 \u062c\u0647\u0627\u0632<\/li>\n <li>\u062f\u0639\u0645 \u0641\u0646\u064a 24\/7<\/li>\n <\/ul>\n <a href=\"#\" class=\"buy-button\">\u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n <div class=\"pricing-card featured\">\n <h3>\u0633\u0646\u0648\u064a<\/h3>\n <div class=\"price\">$99 <span>\/\u0633\u0646\u0629<\/span><\/div>\n <ul class=\"features-list\">\n <li>15000+ \u0642\u0646\u0627\u0629 \u0645\u0628\u0627\u0634\u0631\u0629<\/li>\n <li>\u062c\u0648\u062f\u0629 Full HD & 4K<\/li>\n <li>\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0628\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/li>\n <li>\u062f\u0639\u0645 3 \u0623\u062c\u0647\u0632\u0629<\/li>\n <li>\u062f\u0639\u0645 \u0641\u0646\u064a VIP<\/li>\n <li>\u062a\u0648\u0641\u0631 40% \ud83d\udcb0<\/li>\n <\/ul>\n <a href=\"#\" class=\"buy-button\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0634\u0647\u0631\u0629<\/a>\n <\/div>\n <div class=\"pricing-card\">\n <h3>\u062a\u062c\u0631\u064a\u0628\u064a<\/h3>\n <div class=\"price\">$3 <span>\/\u064a\u0648\u0645<\/span><\/div>\n <ul class=\"features-list\">\n <li>\u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0646\u0648\u0627\u062a<\/li>\n <li>\u062c\u0648\u062f\u0629 Full HD<\/li>\n <li>\u0627\u062e\u062a\u0628\u0631 \u0627\u0644\u062e\u062f\u0645\u0629 24 \u0633\u0627\u0639\u0629<\/li>\n <li>\u062f\u0639\u0645 1 \u062c\u0647\u0627\u0632<\/li>\n <li>\u062f\u0639\u0645 \u0641\u0646\u064a<\/li>\n <\/ul>\n <a href=\"#\" class=\"buy-button\">\u062c\u0631\u0628 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"social-links\">\n <a href=\"#\">\ud83d\udcf1<\/a>\n <a href=\"#\">\ud83d\udcac<\/a>\n <a href=\"#\">\ud83d\udce7<\/a>\n <a href=\"#\">\ud83c\udf10<\/a>\n <\/div>\n <p style=\"color: #b8b9c7;\">\u00a9 2024 TopIPTV. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n <\/div>\n <\/footer>\n\n <script>\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n const cards = document.querySelectorAll('.feature-card, .pricing-card');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '0';\n entry.target.style.transform = 'translateY(20px)';\n setTimeout(() => {\n entry.target.style.transition = 'all 0.6s ease-out';\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, 100);\n }\n });\n }, { threshold: 0.1 });\n\n cards.forEach(card => observer.observe(card));\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TopIPTV – \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u062b \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \ud83d\udcfa TopIPTV \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0629 IPTV \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0634\u0627\u0647\u062f \u0622\u0644\u0627\u0641 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \ud83c\udfac Netflix \u26bd BeIN Sports \ud83d\udcfa MBC \ud83c\udfa5 OSN \u26a1 Sky Sports \ud83c\udf1f Shahid \ud83c\udfad HBO \u26bd Premier League \ud83c\udfac Netflix \u26bd BeIN Sports \ud83d\udcfa MBC \ud83c\udfa5 OSN […]<\/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-11","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":1,"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11,"date":"2026-01-09T15:18:11","date_gmt":"2026-01-09T15:18:11","guid":{"rendered":"https:\/\/xuiptv.com\/?page_id=11"},"modified":"2026-01-09T15:18:12","modified_gmt":"2026-01-09T15:18:12","slug":"home","status":"publish","type":"page","link":"https:\/\/xuiptv.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n TopIPTV – \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u062b \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);\n color: #fff;\n overflow-x: hidden;\n }\n\n .header {\n background: rgba(10, 14, 39, 0.95);\n padding: 1.5rem 0;\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 1000;\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-size: 2rem;\n font-weight: bold;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-decoration: none;\n }\n\n .nav-links {\n display: flex;\n gap: 2rem;\n list-style: none;\n }\n\n .nav-links a {\n color: #fff;\n text-decoration: none;\n font-weight: 500;\n transition: color 0.3s;\n }\n\n .nav-links a:hover {\n color: #667eea;\n }\n\n .hero {\n margin-top: 80px;\n padding: 100px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);\n animation: pulse 15s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n }\n\n .hero h1 {\n font-size: 3.5rem;\n margin-bottom: 1rem;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: fadeInUp 1s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero p {\n font-size: 1.3rem;\n color: #b8b9c7;\n margin-bottom: 2rem;\n animation: fadeInUp 1s ease-out 0.2s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1rem 3rem;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: #fff;\n text-decoration: none;\n border-radius: 50px;\n font-size: 1.1rem;\n font-weight: 600;\n transition: all 0.3s;\n box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);\n animation: fadeInUp 1s ease-out 0.4s both;\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(102, 126, 234, 0.6);\n }\n\n .features {\n padding: 80px 0;\n background: rgba(255, 255, 255, 0.02);\n }\n\n .section-title {\n text-align: center;\n font-size: 2.5rem;\n margin-bottom: 3rem;\n color: #fff;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n }\n\n .feature-card {\n background: rgba(255, 255, 255, 0.05);\n padding: 2rem;\n border-radius: 20px;\n text-align: center;\n transition: all 0.3s;\n border: 1px solid rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(102, 126, 234, 0.5);\n box-shadow: 0 20px 40px rgba(102, 126, 234, 0.2);\n }\n\n .feature-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n }\n\n .feature-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n color: #667eea;\n }\n\n .feature-card p {\n color: #b8b9c7;\n line-height: 1.6;\n }\n\n .pricing {\n padding: 80px 0;\n }\n\n .pricing-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .pricing-card {\n background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);\n padding: 3rem 2rem;\n border-radius: 20px;\n text-align: center;\n border: 2px solid rgba(102, 126, 234, 0.2);\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n\n .pricing-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);\n transition: left 0.5s;\n }\n\n .pricing-card:hover::before {\n left: 100%;\n }\n\n .pricing-card:hover {\n transform: scale(1.05);\n border-color: rgba(102, 126, 234, 0.5);\n box-shadow: 0 20px 50px rgba(102, 126, 234, 0.3);\n }\n\n .pricing-card.featured {\n border-color: #667eea;\n background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);\n }\n\n .pricing-card h3 {\n font-size: 1.8rem;\n margin-bottom: 1rem;\n color: #667eea;\n }\n\n .price {\n font-size: 3rem;\n font-weight: bold;\n margin: 1.5rem 0;\n color: #fff;\n }\n\n .price span {\n font-size: 1.2rem;\n color: #b8b9c7;\n }\n\n .features-list {\n list-style: none;\n margin: 2rem 0;\n text-align: right;\n }\n\n .features-list li {\n padding: 0.8rem 0;\n color: #b8b9c7;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .features-list li:before {\n content: '\u2713 ';\n color: #667eea;\n font-weight: bold;\n margin-left: 0.5rem;\n }\n\n .buy-button {\n display: inline-block;\n padding: 1rem 2.5rem;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: #fff;\n text-decoration: none;\n border-radius: 50px;\n font-weight: 600;\n transition: all 0.3s;\n margin-top: 1rem;\n }\n\n .buy-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 30px rgba(102, 126, 234, 0.5);\n }\n\n .footer {\n background: rgba(10, 14, 39, 0.95);\n padding: 3rem 0 1rem;\n text-align: center;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .social-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n }\n\n .social-links a {\n color: #b8b9c7;\n font-size: 1.5rem;\n transition: color 0.3s;\n }\n\n .social-links a:hover {\n color: #667eea;\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .nav-links {\n display: none;\n }\n\n .pricing-grid, .features-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .channels-marquee {\n background: rgba(255, 255, 255, 0.03);\n padding: 2rem 0;\n overflow: hidden;\n margin: 3rem 0;\n }\n\n .marquee-content {\n display: flex;\n animation: scroll 30s linear infinite;\n gap: 3rem;\n }\n\n @keyframes scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n .channel-logo {\n font-size: 1.5rem;\n color: #667eea;\n white-space: nowrap;\n font-weight: 600;\n }\n <\/style>\n<\/head>\n<body>\n <header class=\"header\">\n <div class=\"container\">\n <nav class=\"nav\">\n <a href=\"#\" class=\"logo\">\ud83d\udcfa TopIPTV<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n <li><a href=\"#features\">\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a<\/a><\/li>\n <li><a href=\"#pricing\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/a><\/li>\n <li><a href=\"#contact\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n <section id=\"home\" class=\"hero\">\n <div class=\"container hero-content\">\n <h1>\u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0629 IPTV \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645<\/h1>\n <p>\u0634\u0627\u0647\u062f \u0622\u0644\u0627\u0641 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629<\/p>\n <a href=\"#pricing\" class=\"cta-button\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n <\/section>\n\n <div class=\"channels-marquee\">\n <div class=\"marquee-content\">\n <span class=\"channel-logo\">\ud83c\udfac Netflix<\/span>\n <span class=\"channel-logo\">\u26bd BeIN Sports<\/span>\n <span class=\"channel-logo\">\ud83d\udcfa MBC<\/span>\n <span class=\"channel-logo\">\ud83c\udfa5 OSN<\/span>\n <span class=\"channel-logo\">\u26a1 Sky Sports<\/span>\n <span class=\"channel-logo\">\ud83c\udf1f Shahid<\/span>\n <span class=\"channel-logo\">\ud83c\udfad HBO<\/span>\n <span class=\"channel-logo\">\u26bd Premier League<\/span>\n <span class=\"channel-logo\">\ud83c\udfac Netflix<\/span>\n <span class=\"channel-logo\">\u26bd BeIN Sports<\/span>\n <span class=\"channel-logo\">\ud83d\udcfa MBC<\/span>\n <span class=\"channel-logo\">\ud83c\udfa5 OSN<\/span>\n <\/div>\n <\/div>\n\n <section id=\"features\" class=\"features\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646 \u0627\u0644\u0623\u0641\u0636\u0644\u061f<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udce1<\/div>\n <h3>\u0642\u0646\u0648\u0627\u062a \u0644\u0627 \u0645\u062d\u062f\u0648\u062f\u0629<\/h3>\n <p>\u0623\u0643\u062b\u0631 \u0645\u0646 15000 \u0642\u0646\u0627\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0639\u0631\u0628\u064a\u0629 \u0628\u062c\u0648\u062f\u0629 4K \u0648 Full HD<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83c\udfac<\/div>\n <h3>\u0623\u0641\u0644\u0627\u0645 \u0648\u0645\u0633\u0644\u0633\u0644\u0627\u062a<\/h3>\n <p>\u0645\u0643\u062a\u0628\u0629 \u0636\u062e\u0645\u0629 \u0645\u0646 \u0623\u062d\u062f\u062b \u0627\u0644\u0623\u0641\u0644\u0627\u0645 \u0648\u0627\u0644\u0645\u0633\u0644\u0633\u0644\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\u26bd<\/div>\n <h3>\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0628\u0627\u0631\u064a\u0627\u062a<\/h3>\n <p>\u0628\u062b \u0645\u0628\u0627\u0634\u0631 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u062f\u0648\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udcf1<\/div>\n <h3>\u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0623\u062c\u0647\u0632\u0629<\/h3>\n <p>\u0634\u0627\u0647\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u0644\u0641\u0627\u0632\u060c \u0627\u0644\u0647\u0627\u062a\u0641\u060c \u0627\u0644\u062a\u0627\u0628\u0644\u062a\u060c \u0648\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\u26a1<\/div>\n <h3>\u0633\u0631\u0639\u0629 \u0641\u0627\u0626\u0642\u0629<\/h3>\n <p>\u0633\u064a\u0631\u0641\u0631\u0627\u062a \u0642\u0648\u064a\u0629 \u0628\u062f\u0648\u0646 \u062a\u0642\u0637\u064a\u0639 \u0623\u0648 \u062a\u0623\u062e\u064a\u0631<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\n <h3>\u062f\u0639\u0645 \u0641\u0646\u064a 24\/7<\/h3>\n <p>\u0641\u0631\u064a\u0642 \u062f\u0639\u0645 \u0645\u062a\u0627\u062d \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"pricing\" class=\"pricing\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u062e\u0637\u0637 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643<\/h2>\n <div class=\"pricing-grid\">\n <div class=\"pricing-card\">\n <h3>\u0634\u0647\u0631\u064a<\/h3>\n <div class=\"price\">$15 <span>\/\u0634\u0647\u0631<\/span><\/div>\n <ul class=\"features-list\">\n <li>15000+ \u0642\u0646\u0627\u0629 \u0645\u0628\u0627\u0634\u0631\u0629<\/li>\n <li>\u062c\u0648\u062f\u0629 Full HD & 4K<\/li>\n <li>\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0628\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/li>\n <li>\u062f\u0639\u0645 1 \u062c\u0647\u0627\u0632<\/li>\n <li>\u062f\u0639\u0645 \u0641\u0646\u064a 24\/7<\/li>\n <\/ul>\n <a href=\"#\" class=\"buy-button\">\u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n <div class=\"pricing-card featured\">\n <h3>\u0633\u0646\u0648\u064a<\/h3>\n <div class=\"price\">$99 <span>\/\u0633\u0646\u0629<\/span><\/div>\n <ul class=\"features-list\">\n <li>15000+ \u0642\u0646\u0627\u0629 \u0645\u0628\u0627\u0634\u0631\u0629<\/li>\n <li>\u062c\u0648\u062f\u0629 Full HD & 4K<\/li>\n <li>\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0628\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/li>\n <li>\u062f\u0639\u0645 3 \u0623\u062c\u0647\u0632\u0629<\/li>\n <li>\u062f\u0639\u0645 \u0641\u0646\u064a VIP<\/li>\n <li>\u062a\u0648\u0641\u0631 40% \ud83d\udcb0<\/li>\n <\/ul>\n <a href=\"#\" class=\"buy-button\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0634\u0647\u0631\u0629<\/a>\n <\/div>\n <div class=\"pricing-card\">\n <h3>\u062a\u062c\u0631\u064a\u0628\u064a<\/h3>\n <div class=\"price\">$3 <span>\/\u064a\u0648\u0645<\/span><\/div>\n <ul class=\"features-list\">\n <li>\u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0646\u0648\u0627\u062a<\/li>\n <li>\u062c\u0648\u062f\u0629 Full HD<\/li>\n <li>\u0627\u062e\u062a\u0628\u0631 \u0627\u0644\u062e\u062f\u0645\u0629 24 \u0633\u0627\u0639\u0629<\/li>\n <li>\u062f\u0639\u0645 1 \u062c\u0647\u0627\u0632<\/li>\n <li>\u062f\u0639\u0645 \u0641\u0646\u064a<\/li>\n <\/ul>\n <a href=\"#\" class=\"buy-button\">\u062c\u0631\u0628 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"social-links\">\n <a href=\"#\">\ud83d\udcf1<\/a>\n <a href=\"#\">\ud83d\udcac<\/a>\n <a href=\"#\">\ud83d\udce7<\/a>\n <a href=\"#\">\ud83c\udf10<\/a>\n <\/div>\n <p style=\"color: #b8b9c7;\">\u00a9 2024 TopIPTV. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n <\/div>\n <\/footer>\n\n <script>\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n const cards = document.querySelectorAll('.feature-card, .pricing-card');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '0';\n entry.target.style.transform = 'translateY(20px)';\n setTimeout(() => {\n entry.target.style.transition = 'all 0.6s ease-out';\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, 100);\n }\n });\n }, { threshold: 0.1 });\n\n cards.forEach(card => observer.observe(card));\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TopIPTV – \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u062b \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \ud83d\udcfa TopIPTV \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0623\u0641\u0636\u0644 \u062e\u062f\u0645\u0629 IPTV \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0634\u0627\u0647\u062f \u0622\u0644\u0627\u0641 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \ud83c\udfac Netflix \u26bd BeIN Sports \ud83d\udcfa MBC \ud83c\udfa5 OSN \u26a1 Sky Sports \ud83c\udf1f Shahid \ud83c\udfad HBO \u26bd Premier League \ud83c\udfac Netflix \u26bd BeIN Sports \ud83d\udcfa MBC \ud83c\udfa5 OSN […]<\/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-11","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":1,"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/xuiptv.com\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}