{"id":50,"date":"2022-10-15T01:43:47","date_gmt":"2022-10-15T01:43:47","guid":{"rendered":"http:\/\/zeinetdemo.local\/?page_id=50"},"modified":"2025-11-21T15:29:14","modified_gmt":"2025-11-21T15:29:14","slug":"about","status":"publish","type":"page","link":"https:\/\/buyiptv-service.com\/eu\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"50\" class=\"elementor elementor-50\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-16ed143 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"16ed143\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f7119f\" data-id=\"3f7119f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3160821 elementor-widget elementor-widget-html\" data-id=\"3160821\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>About Us - BUY IPTV<\/title>\r\n    <style>\r\n    \r\n:root {\r\n    --linear-ease: linear(\r\n        0, 0.068, 0.19 2.7%, 0.804 8.1%, 1.037, 1.199 13.2%, 1.245,\r\n        1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, 0.996 28%, 0.949,\r\n        0.928 33.3%, 0.926, 0.933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%,\r\n        1.018 54.4%, 1 63.1%, 0.995 68%, 1.001 85%, 1\r\n    );\r\n    --color-1: #FF1E00;\r\n    --color-2: #FF6B00;\r\n    --color-3: #E53935;\r\n    --color-4: #FF1E00;\r\n    --stroke-light: rgba(148,163,184,.18);\r\n    --bg-primary: #121212;\r\n    --bg-secondary: #1E1E1E;\r\n    --text-primary: #FFFFFF;\r\n    --text-secondary: #A8A8A8;\r\n}\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\nbody {\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    background: var(--bg-primary);\r\n    color: var(--text-primary);\r\n    overflow-x: hidden;\r\n    min-height: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\nheader {\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 100;\r\n    padding: 1.2rem 7%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: var(--bg-primary);\r\n    backdrop-filter: blur(30px);\r\n    border-bottom: 1px solid rgba(255, 30, 0, 0.15);\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\nheader.scrolled {\r\n    padding: 0.9rem 7%;\r\n    background: var(--bg-primary);\r\n    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.6);\r\n    border-bottom: 1px solid rgba(255, 30, 0, 0.3);\r\n}\r\n\r\n.logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    font-size: 1.9rem;\r\n    font-weight: 900;\r\n    letter-spacing: -1px;\r\n    transition: transform 0.3s ease;\r\n    cursor: pointer;\r\n}\r\n\r\n.logo:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.logo-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 50%, #E53935 100%);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    box-shadow: \r\n        0 10px 30px rgba(255, 30, 0, 0.7),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n    animation: logoGlow 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes logoGlow {\r\n    0%, 100% { \r\n        box-shadow: \r\n            0 10px 30px rgba(255, 30, 0, 0.7),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n    }\r\n    50% { \r\n        box-shadow: \r\n            0 10px 40px rgba(255, 30, 0, 0.9),\r\n            0 0 20px rgba(255, 107, 0, 0.5),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n    }\r\n}\r\n\r\n.logo-icon::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 14px solid white;\r\n    border-top: 10px solid transparent;\r\n    border-bottom: 10px solid transparent;\r\n    margin-left: 3px;\r\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\r\n}\r\n\r\n.logo-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1;\r\n}\r\n\r\n.logo-main {\r\n    font-size: 1.9rem;\r\n    background: linear-gradient(135deg, #fff 0%, #FF1E00 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.logo-tagline {\r\n    font-size: 0.65rem;\r\n    color: rgba(255, 255, 255, 0.6);\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n}\r\n\r\n.gooey-nav-container {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.gooey-nav-container nav {\r\n    display: flex;\r\n    position: relative;\r\n    transform: translate3d(0, 0, 0.01px);\r\n}\r\n\r\n.gooey-nav-container nav ul {\r\n    display: flex;\r\n    gap: 2em;\r\n    list-style: none;\r\n    padding: 0 1em;\r\n    margin: 0;\r\n    position: relative;\r\n    z-index: 3;\r\n    color: white;\r\n    text-shadow: 0 1px 1px hsl(205deg 30% 10% \/ 0.2);\r\n}\r\n\r\n.gooey-nav-container nav ul li {\r\n    border-radius: 100vw;\r\n    position: relative;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;\r\n    box-shadow: 0 0 0.5px 1.5px transparent;\r\n    color: white;\r\n}\r\n\r\n.gooey-nav-container nav ul li a {\r\n    display: inline-block;\r\n    padding: 0.6em 1em;\r\n    color: inherit;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.gooey-nav-container nav ul li:focus-within:has(:focus-visible) {\r\n    box-shadow: 0 0 0.5px 1.5px white;\r\n}\r\n\r\n.gooey-nav-container nav ul li::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 100vw;\r\n    background: white;\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.3s ease;\r\n    z-index: -1;\r\n}\r\n\r\n.gooey-nav-container nav ul li.active {\r\n    color: black;\r\n    text-shadow: none;\r\n}\r\n\r\n.gooey-nav-container nav ul li.active::after {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n.gooey-nav-container .effect {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 0;\r\n    height: 0;\r\n    opacity: 1;\r\n    pointer-events: none;\r\n    display: grid;\r\n    place-items: center;\r\n    z-index: 1;\r\n}\r\n\r\n.gooey-nav-container .effect.text {\r\n    color: white;\r\n    transition: color 0.3s ease;\r\n    font-weight: 600;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.gooey-nav-container .effect.text.active {\r\n    color: black;\r\n}\r\n\r\n.gooey-nav-container .effect.filter {\r\n    filter: blur(7px) contrast(100) blur(0);\r\n    mix-blend-mode: lighten;\r\n}\r\n\r\n.gooey-nav-container .effect.filter::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -75px;\r\n    z-index: -2;\r\n    background: transparent;\r\n    pointer-events: none;\r\n}\r\n\r\n.gooey-nav-container .effect.filter::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: white;\r\n    transform: scale(0);\r\n    opacity: 0;\r\n    z-index: -1;\r\n    border-radius: 100vw;\r\n}\r\n\r\n.gooey-nav-container .effect.active::after {\r\n    animation: pill 0.3s ease both;\r\n}\r\n\r\n@keyframes pill {\r\n    to {\r\n        transform: scale(1);\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.particle,\r\n.point {\r\n    display: block;\r\n    opacity: 0;\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 100%;\r\n    transform-origin: center;\r\n}\r\n\r\n.particle {\r\n    --time: 5s;\r\n    position: absolute;\r\n    top: calc(50% - 8px);\r\n    left: calc(50% - 8px);\r\n    animation: particle calc(var(--time)) ease 1 -350ms;\r\n}\r\n\r\n.point {\r\n    background: var(--color);\r\n    opacity: 1;\r\n    animation: point calc(var(--time)) ease 1 -350ms;\r\n}\r\n\r\n@keyframes particle {\r\n    0% {\r\n        transform: rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));\r\n        opacity: 1;\r\n        animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\r\n    }\r\n    70% {\r\n        transform: rotate(calc(var(--rotate) * 0.5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));\r\n        opacity: 1;\r\n        animation-timing-function: ease;\r\n    }\r\n    85% {\r\n        transform: rotate(calc(var(--rotate) * 0.66)) translate(calc(var(--end-x)), calc(var(--end-y)));\r\n        opacity: 1;\r\n    }\r\n    100% {\r\n        transform: rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * 0.5), calc(var(--end-y) * 0.5));\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@keyframes point {\r\n    0% {\r\n        transform: scale(0);\r\n        opacity: 0;\r\n        animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);\r\n    }\r\n    25% {\r\n        transform: scale(calc(var(--scale) * 0.25));\r\n    }\r\n    38% {\r\n        opacity: 1;\r\n    }\r\n    65% {\r\n        transform: scale(var(--scale));\r\n        opacity: 1;\r\n        animation-timing-function: ease;\r\n    }\r\n    85% {\r\n        transform: scale(var(--scale));\r\n        opacity: 1;\r\n    }\r\n    100% {\r\n        transform: scale(0);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n.header-buttons {\r\n    display: flex;\r\n    gap: 1.2rem;\r\n    align-items: center;\r\n}\r\n\r\n.btn {\r\n    padding: 1rem 2.5rem;\r\n    border-radius: 14px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: 0.9rem;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.7rem;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    transform: translate(-50%, -50%);\r\n    transition: width 0.6s, height 0.6s;\r\n}\r\n\r\n.btn:hover::before {\r\n    width: 300px;\r\n    height: 300px;\r\n}\r\n\r\n.btn span {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.btn-trial {\r\n    background: rgba(255, 255, 255, 0.12);\r\n    color: #fff;\r\n    border: 2px solid rgba(255, 255, 255, 0.25);\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.btn-trial:hover {\r\n    background: rgba(255, 255, 255, 0.16);\r\n    border-color: rgba(255, 30, 0, 0.6);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 30px rgba(255, 30, 0, 0.4);\r\n}\r\n\r\n.btn-subscribe {\r\n    background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 50%, #E53935 100%);\r\n    color: #fff;\r\n    box-shadow: 0 10px 35px rgba(255, 30, 0, 0.6);\r\n    border: 2px solid transparent;\r\n    position: relative;\r\n}\r\n\r\n.btn-subscribe:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: \r\n        0 15px 45px rgba(255, 30, 0, 0.7),\r\n        0 0 30px rgba(255, 107, 0, 0.5);\r\n}\r\n\r\n.mobile-menu-btn {\r\n    display: none;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    cursor: pointer;\r\n    padding: 12px;\r\n    z-index: 200;\r\n    background: rgba(255, 255, 255, 0.12);\r\n    border-radius: 10px;\r\n    border: 2px solid rgba(255, 255, 255, 0.2);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.mobile-menu-btn span {\r\n    width: 28px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #FF1E00, #E53935);\r\n    border-radius: 3px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.mobile-menu-btn.active span:nth-child(1) {\r\n    transform: rotate(45deg) translate(9px, 9px);\r\n}\r\n\r\n.mobile-menu-btn.active span:nth-child(2) {\r\n    opacity: 0;\r\n}\r\n\r\n.mobile-menu-btn.active span:nth-child(3) {\r\n    transform: rotate(-45deg) translate(9px, -9px);\r\n}\r\n\r\n.mobile-menu {\r\n    position: fixed;\r\n    top: 0;\r\n    right: -100%;\r\n    width: 85%;\r\n    max-width: 420px;\r\n    height: 100vh;\r\n    background: var(--bg-primary);\r\n    backdrop-filter: blur(30px);\r\n    z-index: 150;\r\n    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    padding: 0;\r\n    border-left: 1px solid rgba(255, 30, 0, 0.3);\r\n    box-shadow: -20px 0 60px rgba(0, 0, 0, 0.8);\r\n    overflow-y: auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.mobile-menu.active {\r\n    right: 0;\r\n}\r\n\r\n.mobile-menu-header {\r\n    padding: 2rem 1.5rem;\r\n    border-bottom: 1px solid rgba(255, 30, 0, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(255, 30, 0, 0.1);\r\n}\r\n\r\n.mobile-menu-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n}\r\n\r\n.mobile-menu-logo .logo-icon {\r\n    width: 45px;\r\n    height: 45px;\r\n}\r\n\r\n.mobile-menu-logo .logo-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1;\r\n}\r\n\r\n.mobile-menu-logo .logo-main {\r\n    font-size: 1.7rem;\r\n    background: linear-gradient(135deg, #fff 0%, #FF1E00 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    font-weight: 900;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.mobile-menu-logo .logo-tagline {\r\n    font-size: 0.6rem;\r\n    color: rgba(255, 255, 255, 0.6);\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n}\r\n\r\n.mobile-menu nav {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    padding: 2rem 1.5rem;\r\n    flex: 1;\r\n}\r\n\r\n.mobile-menu nav a {\r\n    padding: 1.5rem 1rem;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n    font-size: 1.15rem;\r\n    transition: all 0.3s ease;\r\n    border-radius: 8px;\r\n    margin-bottom: 0.5rem;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n}\r\n\r\n.mobile-menu nav a:hover {\r\n    background: rgba(255, 30, 0, 0.2);\r\n    color: #fff;\r\n    transform: translateX(8px);\r\n    border-bottom-color: rgba(255, 30, 0, 0.5);\r\n}\r\n\r\n.menu-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.7);\r\n    backdrop-filter: blur(8px);\r\n    z-index: 140;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.menu-overlay.active {\r\n    opacity: 1;\r\n    pointer-events: all;\r\n}\r\n\r\n\/* Tablet and Mobile Styles *\/\r\n@media (max-width: 1024px) {\r\n    .mobile-menu-btn {\r\n        display: flex;\r\n    }\r\n    \r\n    .gooey-nav-container,\r\n    .header-buttons {\r\n        display: none;\r\n    }\r\n\r\n    header {\r\n        padding: 1.2rem 5%;\r\n    }\r\n\r\n    .logo {\r\n        font-size: 1.5rem;\r\n    }\r\n\r\n    .logo-icon {\r\n        width: 42px;\r\n        height: 42px;\r\n    }\r\n\r\n    .logo-icon::after {\r\n        border-left: 12px solid white;\r\n        border-top: 8px solid transparent;\r\n        border-bottom: 8px solid transparent;\r\n    }\r\n}\r\n\r\nhtml, body {\r\n    overflow-x: hidden;\r\n    width: 100%;\r\n    max-width: 100vw;\r\n}\r\n\r\n.gradient-text {\r\n    background: linear-gradient(135deg, #fff 15%, #FF1E00 45%, #FF6B00 75%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    animation: gradientShift 8s ease infinite;\r\n    background-size: 200% 200%;\r\n}\r\n\r\n@keyframes gradientShift {\r\n    0%, 100% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n}\r\n\r\n.about-hero {\r\n    padding: 6rem 7% 4rem;\r\n    text-align: center;\r\n    background: var(--bg-primary);\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n}\r\n\r\n.about-hero h1 {\r\n    font-size: 4rem;\r\n    font-weight: 900;\r\n    letter-spacing: -3px;\r\n    margin-bottom: 1.5rem;\r\n    line-height: 1.1;\r\n    position: relative;\r\n}\r\n\r\n.about-hero p {\r\n    font-size: 1.2rem;\r\n    color: var(--text-secondary);\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    line-height: 1.6;\r\n}\r\n\r\n.stats-section {\r\n    padding: 4rem 7%;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 2rem;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n}\r\n\r\n.stat-box {\r\n    background: linear-gradient(145deg, rgba(30, 30, 30, 0.7), rgba(30, 30, 30, 0.5));\r\n    border: 2px solid rgba(255, 107, 0, 0.2);\r\n    border-radius: 24px;\r\n    padding: 2.5rem 2rem;\r\n    text-align: center;\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.stat-box::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #FF1E00, #FF6B00);\r\n    transform: scaleX(0);\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.stat-box:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.stat-box:hover {\r\n    transform: translateY(-10px);\r\n    border-color: rgba(255, 30, 0, 0.6);\r\n    box-shadow: 0 20px 50px rgba(255, 30, 0, 0.4);\r\n}\r\n\r\n.stat-number {\r\n    font-size: 3rem;\r\n    font-weight: 900;\r\n    color: #FF1E00;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.stat-label {\r\n    font-size: 1rem;\r\n    color: var(--text-secondary);\r\n}\r\n\r\n.story-section {\r\n    padding: 6rem 7%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n}\r\n\r\n.story-content {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4rem;\r\n    align-items: center;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n.story-text h2 {\r\n    font-size: 2.5rem;\r\n    font-weight: 900;\r\n    margin-bottom: 1.5rem;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.story-text p {\r\n    font-size: 1.1rem;\r\n    color: var(--text-secondary);\r\n    margin-bottom: 1.5rem;\r\n    line-height: 1.8;\r\n}\r\n\r\n.story-image {\r\n    background: linear-gradient(145deg, rgba(255, 30, 0, 0.2), rgba(255, 107, 0, 0.2));\r\n    border-radius: 24px;\r\n    padding: 2rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 300px;\r\n    border: 2px solid rgba(255, 30, 0, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.story-image svg {\r\n    width: 100%;\r\n    max-width: 250px;\r\n    height: auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.values-section {\r\n    padding: 6rem 7%;\r\n    background: var(--bg-primary);\r\n    width: 100%;\r\n}\r\n\r\n.values-header {\r\n    text-align: center;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n.values-header h2 {\r\n    font-size: 3rem;\r\n    font-weight: 900;\r\n    margin-bottom: 1rem;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.values-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2.5rem;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.value-card {\r\n    background: linear-gradient(145deg, rgba(30, 30, 30, 0.7), rgba(30, 30, 30, 0.5));\r\n    border: 2px solid rgba(255, 107, 0, 0.2);\r\n    border-radius: 24px;\r\n    padding: 3rem 2.5rem;\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.value-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, rgba(255, 30, 0, 0.1) 0%, transparent 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.value-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.value-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: rgba(255, 30, 0, 0.6);\r\n    box-shadow: 0 20px 50px rgba(255, 30, 0, 0.4);\r\n}\r\n\r\n.value-icon {\r\n    width: 70px;\r\n    height: 70px;\r\n    background: linear-gradient(135deg, #FF1E00, #FF6B00);\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 1.5rem;\r\n    position: relative;\r\n    box-shadow: 0 10px 30px rgba(255, 30, 0, 0.4);\r\n}\r\n\r\n.value-icon svg {\r\n    width: 35px;\r\n    height: 35px;\r\n    stroke: white;\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.value-card h3 {\r\n    font-size: 1.6rem;\r\n    margin-bottom: 1rem;\r\n    color: #fff;\r\n    position: relative;\r\n}\r\n\r\n.value-card p {\r\n    color: var(--text-secondary);\r\n    line-height: 1.7;\r\n    position: relative;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.team-section {\r\n    padding: 6rem 7%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n}\r\n\r\n.team-header {\r\n    text-align: center;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n.team-header h2 {\r\n    font-size: 3rem;\r\n    font-weight: 900;\r\n}\r\n\r\n.profile-card {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 500px;\r\n    border-radius: 30px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    background: linear-gradient(145deg, rgba(255, 30, 0, 0.2), rgba(255, 107, 0, 0.2));\r\n    border: 2px solid rgba(255, 30, 0, 0.3);\r\n    box-shadow: 0 10px 30px rgba(255, 30, 0, 0.3);\r\n}\r\n\r\n.profile-card:hover {\r\n    box-shadow: 0 30px 60px rgba(255, 30, 0, 0.6);\r\n}\r\n\r\n.profile-card-inner {\r\n    position: absolute;\r\n    inset: 1px;\r\n    border-radius: 30px;\r\n    background: linear-gradient(145deg, rgba(96, 73, 110, 0.55) 0%, rgba(113, 196, 255, 0.27) 100%);\r\n    background-color: rgba(0, 0, 0, 0.9);\r\n}\r\n\r\n.profile-card-avatar {\r\n    position: absolute;\r\n    inset: 0;\r\n}\r\n\r\n.profile-card-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.7;\r\n    transition: opacity 0.3s;\r\n    mix-blend-mode: screen;\r\n}\r\n\r\n.profile-card:hover .profile-card-avatar img {\r\n    opacity: 0.9;\r\n}\r\n\r\n.profile-card-blur {\r\n    position: absolute;\r\n    inset: 0;\r\n    backdrop-filter: blur(30px);\r\n    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 1) 100%);\r\n}\r\n\r\n.profile-card-content {\r\n    position: absolute;\r\n    top: 3rem;\r\n    left: 0;\r\n    right: 0;\r\n    text-align: center;\r\n    z-index: 5;\r\n}\r\n\r\n.profile-card-content h3 {\r\n    font-size: 2.5rem;\r\n    font-weight: 700;\r\n    margin-bottom: 0.5rem;\r\n    background: linear-gradient(to bottom, #fff, #FF6B00);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.profile-card-content p {\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    background: linear-gradient(to bottom, #fff, #FF1E00);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.profile-card-info {\r\n    position: absolute;\r\n    bottom: 1.25rem;\r\n    left: 1.25rem;\r\n    right: 1.25rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0.75rem 1rem;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    backdrop-filter: blur(30px);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 1rem;\r\n    z-index: 20;\r\n}\r\n\r\n.profile-card-user {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n}\r\n\r\n.profile-card-mini-avatar {\r\n    width: 3rem;\r\n    height: 3rem;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.profile-card-mini-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.profile-card-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.25rem;\r\n}\r\n\r\n.profile-card-handle {\r\n    font-size: 0.875rem;\r\n    font-weight: 500;\r\n    color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.profile-card-status {\r\n    font-size: 0.75rem;\r\n    color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.profile-card-btn {\r\n    padding: 0.5rem 1rem;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 0.5rem;\r\n    font-size: 0.875rem;\r\n    font-weight: 600;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    background: transparent;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.profile-card-btn:hover {\r\n    border-color: rgba(255, 255, 255, 0.4);\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.ceo-card {\r\n    max-width: 450px;\r\n    margin: 0 auto 5rem;\r\n}\r\n\r\n.team-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 3rem;\r\n}\r\n\r\n.cta-section {\r\n    padding: 6rem 7%;\r\n    text-align: center;\r\n    background: var(--bg-primary);\r\n    margin: 4rem 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n}\r\n\r\n.cta-section h2 {\r\n    font-size: 3rem;\r\n    font-weight: 900;\r\n    margin-bottom: 1.5rem;\r\n    position: relative;\r\n}\r\n\r\n.cta-section p {\r\n    font-size: 1.2rem;\r\n    color: var(--text-secondary);\r\n    margin-bottom: 2.5rem;\r\n    max-width: 700px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    position: relative;\r\n    line-height: 1.6;\r\n}\r\n\r\n.cta-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    padding: 1.5rem 3rem;\r\n    background: linear-gradient(135deg, #FF1E00, #FF6B00);\r\n    color: #fff;\r\n    text-decoration: none;\r\n    border-radius: 16px;\r\n    font-weight: 700;\r\n    font-size: 1.1rem;\r\n    transition: all 0.4s ease;\r\n    box-shadow: 0 10px 30px rgba(255, 30, 0, 0.5);\r\n    position: relative;\r\n}\r\n\r\n.cta-button:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 20px 50px rgba(255, 30, 0, 0.7);\r\n}\r\n\r\n\/* Mobile Responsive Styles *\/\r\n@media (max-width: 968px) {\r\n    .stats-section,\r\n    .values-grid,\r\n    .team-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n    }\r\n\r\n    .story-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n    }\r\n\r\n    .about-hero h1 {\r\n        font-size: 3rem;\r\n    }\r\n\r\n    .values-header h2,\r\n    .team-header h2,\r\n    .cta-section h2 {\r\n        font-size: 2.5rem;\r\n    }\r\n\r\n    .story-text h2 {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .profile-card {\r\n        height: 450px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .about-hero {\r\n        padding: 4rem 5% 3rem;\r\n    }\r\n\r\n    .about-hero h1 {\r\n        font-size: 2.2rem;\r\n        letter-spacing: -1px;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .about-hero p {\r\n        font-size: 1rem;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .stats-section {\r\n        padding: 3rem 5%;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .stat-box {\r\n        padding: 2rem 1.5rem;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .stat-number {\r\n        font-size: 2.5rem;\r\n    }\r\n\r\n    .stat-label {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .story-section {\r\n        padding: 4rem 5%;\r\n    }\r\n\r\n    .story-content {\r\n        gap: 2.5rem;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .story-text h2 {\r\n        font-size: 1.8rem;\r\n        margin-bottom: 1rem;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .story-text p {\r\n        font-size: 1rem;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .story-image {\r\n        min-height: 250px;\r\n        padding: 1.5rem;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .story-image svg {\r\n        max-width: 180px;\r\n    }\r\n\r\n    .values-section {\r\n        padding: 4rem 5%;\r\n    }\r\n\r\n    .values-header {\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .values-header h2 {\r\n        font-size: 2rem;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .values-grid {\r\n        gap: 2rem;\r\n    }\r\n\r\n    .value-card {\r\n        padding: 2rem 1.5rem;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .value-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .value-icon svg {\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .value-card h3 {\r\n        font-size: 1.3rem;\r\n        margin-bottom: 0.8rem;\r\n    }\r\n\r\n    .value-card p {\r\n        font-size: 0.9rem;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .team-section {\r\n        padding: 4rem 5%;\r\n    }\r\n\r\n    .team-header {\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .team-header h2 {\r\n        font-size: 2rem;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .ceo-card {\r\n        margin-bottom: 3rem;\r\n    }\r\n\r\n    .profile-card {\r\n        height: 400px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .profile-card-inner {\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .profile-card-content {\r\n        top: 2rem;\r\n    }\r\n\r\n    .profile-card-content h3 {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .profile-card-content p {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .profile-card-info {\r\n        bottom: 1rem;\r\n        left: 1rem;\r\n        right: 1rem;\r\n        padding: 0.6rem 0.8rem;\r\n        border-radius: 0.8rem;\r\n    }\r\n\r\n    .profile-card-mini-avatar {\r\n        width: 2.5rem;\r\n        height: 2.5rem;\r\n    }\r\n\r\n    .profile-card-handle {\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .profile-card-status {\r\n        font-size: 0.7rem;\r\n    }\r\n\r\n    .profile-card-btn {\r\n        padding: 0.4rem 0.8rem;\r\n        font-size: 0.8rem;\r\n    }\r\n\r\n    .cta-section {\r\n        padding: 4rem 5%;\r\n        margin: 3rem 0;\r\n    }\r\n\r\n    .cta-section h2 {\r\n        font-size: 2rem;\r\n        margin-bottom: 1rem;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .cta-section p {\r\n        font-size: 1rem;\r\n        margin-bottom: 2rem;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .cta-button {\r\n        padding: 1.2rem 2.5rem;\r\n        font-size: 1rem;\r\n        border-radius: 12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .about-hero h1 {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .about-hero p {\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    .stat-number {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .stat-label {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .story-text h2 {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .story-text p {\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .values-header h2 {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .value-card h3 {\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .value-card p {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .team-header h2 {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .profile-card {\r\n        height: 350px;\r\n    }\r\n\r\n    .profile-card-content h3 {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .cta-section h2 {\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    .cta-section p {\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .cta-button {\r\n        padding: 1rem 2rem;\r\n        font-size: 0.95rem;\r\n    }\r\n}\r\n\r\nfooter {\r\n    position: relative;\r\n    z-index: 10;\r\n    background: rgba(18, 18, 18, 0.95);\r\n    border-top: 1px solid rgba(255, 30, 0, 0.2);\r\n    backdrop-filter: blur(30px);\r\n    margin-top: 6rem;\r\n    overflow: hidden;\r\n    margin-bottom: 0;\r\n    padding-bottom: 0;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\r\n    color: #fff;\r\n}\r\n\r\nfooter::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, #FF1E00, #FF6B00, transparent);\r\n    animation: borderSlide 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes borderSlide {\r\n    0%, 100% { left: -100%; }\r\n    50% { left: 100%; }\r\n}\r\n\r\n.footer-content {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 5rem 7% 3rem;\r\n}\r\n\r\n.footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;\r\n    gap: 4rem;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n.footer-brand {\r\n    animation: fadeInUp 0.8s ease;\r\n}\r\n\r\n.footer-brand .logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n    font-size: 1.9rem;\r\n    font-weight: 900;\r\n    letter-spacing: -1px;\r\n    margin-bottom: 1.5rem;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    position: relative;\r\n}\r\n\r\n.footer-brand .logo:hover {\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.footer-brand .logo:hover .logo-icon {\r\n    transform: scale(1.05) rotate(5deg);\r\n}\r\n\r\n.footer-brand .logo:hover .logo-icon::before {\r\n    transform: scale(1.1);\r\n    opacity: 1;\r\n}\r\n\r\n.footer-brand .logo-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    background: linear-gradient(135deg, #FF1E00 0%, #FF6B00 50%, #E53935 100%);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    box-shadow: \r\n        0 10px 30px rgba(255, 30, 0, 0.7),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n    animation: logoGlow 3s ease-in-out infinite;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.footer-brand .logo-icon::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -4px;\r\n    border-radius: 16px;\r\n    background: linear-gradient(135deg, #FF1E00, #FF6B00);\r\n    opacity: 0;\r\n    filter: blur(12px);\r\n    transition: all 0.4s ease;\r\n    z-index: -1;\r\n}\r\n\r\n.footer-brand .logo-icon::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 14px solid white;\r\n    border-top: 10px solid transparent;\r\n    border-bottom: 10px solid transparent;\r\n    margin-left: 3px;\r\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));\r\n    transition: filter 0.3s ease;\r\n}\r\n\r\n.footer-brand .logo:hover .logo-icon::after {\r\n    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));\r\n}\r\n\r\n.footer-brand .logo-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1;\r\n}\r\n\r\n.footer-brand .logo-main {\r\n    font-size: 1.9rem;\r\n    background: linear-gradient(135deg, #fff 0%, #FF1E00 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.footer-brand .logo:hover .logo-main {\r\n    background: linear-gradient(135deg, #fff 0%, #FF6B00 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n}\r\n\r\n.footer-brand .logo-tagline {\r\n    font-size: 0.65rem;\r\n    color: rgba(255, 255, 255, 0.6);\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.footer-brand .logo:hover .logo-tagline {\r\n    color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.footer-description {\r\n    color: var(--text-secondary);\r\n    line-height: 1.7;\r\n    font-size: 0.95rem;\r\n    margin-bottom: 2rem;\r\n    max-width: 350px;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.footer-description:hover {\r\n    color: rgba(255, 255, 255, 0.75);\r\n}\r\n\r\n.social-links {\r\n    display: flex;\r\n    gap: 1rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.social-link {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    background: rgba(255, 30, 0, 0.15);\r\n    border: 1px solid rgba(255, 30, 0, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    text-decoration: none;\r\n    color: #fff;\r\n    font-size: 1.2rem;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.social-link::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, #FF1E00, #FF6B00);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.social-link svg {\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.social-link:hover {\r\n    border-color: rgba(255, 30, 0, 0.6);\r\n    transform: translateY(-5px) scale(1.05);\r\n    box-shadow: 0 15px 35px rgba(255, 30, 0, 0.5);\r\n}\r\n\r\n.social-link:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.social-link:hover svg {\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.social-link:active {\r\n    transform: translateY(-2px) scale(0.98);\r\n}\r\n\r\n.footer-column {\r\n    animation: fadeInUp 1s ease;\r\n    animation-fill-mode: both;\r\n}\r\n\r\n.footer-column:nth-child(2) { animation-delay: 0.1s; }\r\n.footer-column:nth-child(3) { animation-delay: 0.2s; }\r\n.footer-column:nth-child(4) { animation-delay: 0.3s; }\r\n.footer-column:nth-child(5) { animation-delay: 0.4s; }\r\n\r\n.footer-column h3 {\r\n    font-size: 1.15rem;\r\n    font-weight: 800;\r\n    margin-bottom: 1.5rem;\r\n    color: #fff;\r\n    letter-spacing: -0.5px;\r\n    position: relative;\r\n    display: inline-block;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.footer-column h3::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #FF1E00, #FF6B00);\r\n    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.footer-column:hover h3::after {\r\n    width: 100%;\r\n}\r\n\r\n.footer-column:hover h3 {\r\n    color: #FF6B00;\r\n}\r\n\r\n.footer-links {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.8rem;\r\n}\r\n\r\n.footer-links li {\r\n    position: relative;\r\n}\r\n\r\n.footer-links li a {\r\n    color: var(--text-secondary);\r\n    text-decoration: none;\r\n    font-size: 0.95rem;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-left: 0;\r\n}\r\n\r\n.footer-links li a::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -2px;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #FF1E00, #FF6B00);\r\n    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.footer-links li a::after {\r\n    content: '\u2192';\r\n    position: absolute;\r\n    left: -20px;\r\n    opacity: 0;\r\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    color: #FF1E00;\r\n}\r\n\r\n.footer-links li a:hover {\r\n    color: #fff;\r\n    padding-left: 20px;\r\n    transform: translateX(0);\r\n}\r\n\r\n.footer-links li a:hover::before {\r\n    width: 100%;\r\n}\r\n\r\n.footer-links li a:hover::after {\r\n    opacity: 1;\r\n    left: 0;\r\n}\r\n\r\n.newsletter-section {\r\n    display: none;\r\n}\r\n\r\n.footer-bottom {\r\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    padding: 2rem 7%;\r\n    text-align: center;\r\n    position: relative;\r\n    margin: 0;\r\n    background: rgba(18, 18, 18, 1);\r\n}\r\n\r\n.footer-bottom::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 0;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, #FF1E00, transparent);\r\n    transition: width 0.6s ease;\r\n}\r\n\r\n.footer-bottom:hover::before {\r\n    width: 100%;\r\n}\r\n\r\n.copyright {\r\n    color: var(--text-secondary);\r\n    font-size: 0.9rem;\r\n    transition: color 0.3s ease;\r\n    cursor: default;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.copyright:hover {\r\n    color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n@keyframes fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.footer-brand::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(255, 30, 0, 0.15), transparent 50%);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.footer-brand:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n    .footer-grid {\r\n        grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n        gap: 3rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 968px) {\r\n    .footer-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 3rem;\r\n    }\r\n\r\n    .footer-brand {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    footer {\r\n        margin-top: 4rem;\r\n    }\r\n\r\n    .footer-content {\r\n        padding: 3rem 5% 2rem;\r\n    }\r\n\r\n    .footer-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 2.5rem 2rem;\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .footer-brand {\r\n        grid-column: 1 \/ -1;\r\n        text-align: left;\r\n    }\r\n\r\n    .footer-brand .logo {\r\n        justify-content: flex-start;\r\n        margin-bottom: 1.2rem;\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .footer-brand .logo-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n    }\r\n\r\n    .footer-brand .logo-icon::after {\r\n        border-left: 12px solid white;\r\n        border-top: 8px solid transparent;\r\n        border-bottom: 8px solid transparent;\r\n    }\r\n\r\n    .footer-brand .logo-main {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .footer-brand .logo-tagline {\r\n        font-size: 0.58rem;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .footer-description {\r\n        display: none;\r\n    }\r\n\r\n    .social-links {\r\n        justify-content: flex-start;\r\n        gap: 0.8rem;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .social-link {\r\n        width: 42px;\r\n        height: 42px;\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .footer-column {\r\n        text-align: left;\r\n    }\r\n\r\n    .footer-column h3 {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 1rem;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .footer-column h3::after {\r\n        left: 0;\r\n        transform: none;\r\n    }\r\n\r\n    .footer-links {\r\n        align-items: flex-start;\r\n        gap: 0.7rem;\r\n    }\r\n\r\n    .footer-links li a {\r\n        font-size: 0.9rem;\r\n        padding: 0.3rem 0;\r\n        display: inline-block;\r\n    }\r\n\r\n    .footer-links li a::after {\r\n        display: none;\r\n    }\r\n\r\n    .footer-links li a:hover {\r\n        padding-left: 0;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    .newsletter-section {\r\n        display: block;\r\n        grid-column: 1 \/ -1;\r\n        margin-top: 1.5rem;\r\n    }\r\n\r\n    .newsletter-section h3 {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 1rem;\r\n        font-weight: 800;\r\n        color: #fff;\r\n    }\r\n\r\n    .newsletter-section p {\r\n        font-size: 0.85rem;\r\n        color: var(--text-secondary);\r\n        margin-bottom: 0.8rem;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .newsletter-form {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.8rem;\r\n    }\r\n\r\n    .newsletter-input {\r\n        width: 100%;\r\n        padding: 0.9rem 1rem;\r\n        border-radius: 10px;\r\n        border: 1px solid rgba(255, 30, 0, 0.3);\r\n        background: rgba(30, 30, 30, 0.6);\r\n        color: #fff;\r\n        font-size: 0.95rem;\r\n        outline: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .newsletter-input::placeholder {\r\n        color: rgba(255, 255, 255, 0.4);\r\n    }\r\n\r\n    .newsletter-input:focus {\r\n        border-color: #FF1E00;\r\n        background: rgba(30, 30, 30, 0.8);\r\n    }\r\n\r\n    .newsletter-button {\r\n        width: 100%;\r\n        padding: 0.9rem;\r\n        border-radius: 10px;\r\n        border: none;\r\n        background: linear-gradient(135deg, #FF1E00, #FF6B00);\r\n        color: #fff;\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .newsletter-button:active {\r\n        transform: scale(0.98);\r\n        box-shadow: 0 5px 20px rgba(255, 30, 0, 0.4);\r\n    }\r\n\r\n    .footer-bottom {\r\n        text-align: center;\r\n        padding: 1.5rem 5%;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    .copyright {\r\n        font-size: 0.85rem;\r\n        line-height: 1.6;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .footer-grid {\r\n        gap: 2rem 1.5rem;\r\n    }\r\n\r\n    .footer-column h3 {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .footer-links li a {\r\n        font-size: 0.85rem;\r\n    }\r\n\r\n    .social-link {\r\n        width: 40px;\r\n        height: 40px;\r\n    }\r\n\r\n    .newsletter-section h3 {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .newsletter-input,\r\n    .newsletter-button {\r\n        font-size: 0.9rem;\r\n        padding: 0.85rem;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    *, *::before, *::after {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n    }\r\n}\r\n\r\n@media (hover: none) and (pointer: coarse) {\r\n    .social-link:hover {\r\n        transform: none;\r\n    }\r\n\r\n    .social-link:active {\r\n        transform: scale(0.95);\r\n        box-shadow: 0 8px 20px rgba(255, 30, 0, 0.4);\r\n    }\r\n\r\n    .footer-links li a:hover {\r\n        transform: none;\r\n    }\r\n\r\n    .footer-links li a:active {\r\n        color: #fff;\r\n    }\r\n\r\n    .footer-brand .logo:hover {\r\n        transform: none;\r\n    }\r\n\r\n    .footer-brand .logo:active .logo-icon {\r\n        transform: scale(0.95);\r\n    }\r\n}\r\n\r\n\/* Show mobile menu on small desktop screens and when zoomed in *\/\r\n@media (max-width: 1350px) {\r\n    .gooey-nav-container,\r\n    .header-buttons {\r\n        display: none !important;\r\n    }\r\n    \r\n    .mobile-menu-btn {\r\n        display: flex !important;\r\n    }\r\n}\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section id=\"page1\">\r\n           <header id=\"header\">\r\n        <a href=\"https:\/\/buyiptv-service.com\/eu\/\" style=\"text-decoration: none;\">\r\n            <div class=\"logo\">\r\n                <div class=\"logo-icon\"><\/div>\r\n                <div class=\"logo-text\">\r\n                    <span class=\"logo-main\">BUY IPTV<\/span>\r\n                    <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/a>\r\n        \r\n        <div class=\"gooey-nav-container\" id=\"gooeyNav\">\r\n            <nav>\r\n<ul>\r\n    <li class=\"active\"><a href=\"https:\/\/buyiptv-service.com\/eu\/\">Home<\/a><\/li>\r\n    <li><a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\">Pricing<\/a><\/li>\r\n    <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\r\n    <li><a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a><\/li>\r\n    <li><a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a><\/li>\r\n    <li><a href=\"https:\/\/buyiptv-service.com\/eu\/contact\/\">Support<\/a><\/li>\r\n<\/ul>\r\n\r\n            <\/nav>\r\n            <span class=\"effect filter\"><\/span>\r\n            <span class=\"effect text\"><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"header-buttons\">\r\n            <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"btn btn-trial\"><span>\ud83c\udf81 Free Trial<\/span><\/a>\r\n            <a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\" class=\"btn btn-subscribe\"><span>Subscribe Now<\/span><\/a>\r\n        <\/div>\r\n\r\n        <div class=\"mobile-menu-btn\" id=\"menuBtn\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\r\n    <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n        <div class=\"mobile-menu-header\">\r\n            <div class=\"mobile-menu-logo\">\r\n                <div class=\"logo-icon\"><\/div>\r\n                <div class=\"logo-text\">\r\n                    <span class=\"logo-main\">BUY IPTV<\/span>\r\n                    <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n<nav>\r\n    <a href=\"https:\/\/buyiptv-service.com\/eu\/\">Home<\/a>\r\n    <a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\">Pricing<\/a>\r\n    <a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a>\r\n    <a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">Guide<\/a>\r\n    <a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels<\/a>\r\n    <a href=\"https:\/\/buyiptv-service.com\/eu\/contact\/\">Support<\/a>\r\n<\/nav>\r\n<\/div>\r\n\r\n    <script>\r\n        \/\/ Gooey Navigation\r\n        class GooeyNav {\r\n            constructor(container, options = {}) {\r\n                this.container = container;\r\n                this.nav = container.querySelector('nav ul');\r\n                this.filterEffect = container.querySelector('.effect.filter');\r\n                this.textEffect = container.querySelector('.effect.text');\r\n                this.items = Array.from(this.nav.querySelectorAll('li'));\r\n                \r\n                this.options = {\r\n                    animationTime: options.animationTime || 600,\r\n                    particleCount: options.particleCount || 15,\r\n                    particleDistances: options.particleDistances || [90, 10],\r\n                    particleR: options.particleR || 100,\r\n                    timeVariance: options.timeVariance || 300,\r\n                    colors: options.colors || [1, 2, 3, 1, 2, 3, 1, 4],\r\n                    initialActiveIndex: options.initialActiveIndex || 0\r\n                };\r\n                \r\n                this.activeIndex = this.options.initialActiveIndex;\r\n                this.init();\r\n            }\r\n            \r\n            init() {\r\n                this.items.forEach((item, index) => {\r\n                    item.addEventListener('click', (e) => this.handleClick(e, index));\r\n                });\r\n                \r\n                const activeItem = this.items[this.activeIndex];\r\n                if (activeItem) {\r\n                    this.updateEffectPosition(activeItem);\r\n                    this.textEffect.classList.add('active');\r\n                }\r\n                \r\n                window.addEventListener('resize', () => {\r\n                    const currentActive = this.items[this.activeIndex];\r\n                    if (currentActive) {\r\n                        this.updateEffectPosition(currentActive);\r\n                    }\r\n                });\r\n            }\r\n            \r\n            noise(n = 1) {\r\n                return n \/ 2 - Math.random() * n;\r\n            }\r\n            \r\n            getXY(distance, pointIndex, totalPoints) {\r\n                const angle = ((360 + this.noise(8)) \/ totalPoints) * pointIndex * (Math.PI \/ 180);\r\n                return [distance * Math.cos(angle), distance * Math.sin(angle)];\r\n            }\r\n            \r\n            createParticle(i, t, d, r) {\r\n                let rotate = this.noise(r \/ 10);\r\n                return {\r\n                    start: this.getXY(d[0], this.options.particleCount - i, this.options.particleCount),\r\n                    end: this.getXY(d[1] + this.noise(7), this.options.particleCount - i, this.options.particleCount),\r\n                    time: t,\r\n                    scale: 1 + this.noise(0.2),\r\n                    color: this.options.colors[Math.floor(Math.random() * this.options.colors.length)],\r\n                    rotate: rotate > 0 ? (rotate + r \/ 20) * 10 : (rotate - r \/ 20) * 10\r\n                };\r\n            }\r\n            \r\n            makeParticles(element) {\r\n                const d = this.options.particleDistances;\r\n                const r = this.options.particleR;\r\n                const bubbleTime = this.options.animationTime * 2 + this.options.timeVariance;\r\n                element.style.setProperty('--time', `${bubbleTime}ms`);\r\n                \r\n                for (let i = 0; i < this.options.particleCount; i++) {\r\n                    const t = this.options.animationTime * 2 + this.noise(this.options.timeVariance * 2);\r\n                    const p = this.createParticle(i, t, d, r);\r\n                    element.classList.remove('active');\r\n                    \r\n                    setTimeout(() => {\r\n                        const particle = document.createElement('span');\r\n                        const point = document.createElement('span');\r\n                        particle.classList.add('particle');\r\n                        particle.style.setProperty('--start-x', `${p.start[0]}px`);\r\n                        particle.style.setProperty('--start-y', `${p.start[1]}px`);\r\n                        particle.style.setProperty('--end-x', `${p.end[0]}px`);\r\n                        particle.style.setProperty('--end-y', `${p.end[1]}px`);\r\n                        particle.style.setProperty('--time', `${p.time}ms`);\r\n                        particle.style.setProperty('--scale', `${p.scale}`);\r\n                        particle.style.setProperty('--color', `var(--color-${p.color}, white)`);\r\n                        particle.style.setProperty('--rotate', `${p.rotate}deg`);\r\n                        \r\n                        point.classList.add('point');\r\n                        particle.appendChild(point);\r\n                        element.appendChild(particle);\r\n                        \r\n                        requestAnimationFrame(() => {\r\n                            element.classList.add('active');\r\n                        });\r\n                        \r\n                        setTimeout(() => {\r\n                            try {\r\n                                element.removeChild(particle);\r\n                            } catch {}\r\n                        }, t);\r\n                    }, 30);\r\n                }\r\n            }\r\n            \r\n            updateEffectPosition(element) {\r\n                const containerRect = this.container.getBoundingClientRect();\r\n                const pos = element.getBoundingClientRect();\r\n                \r\n                const styles = {\r\n                    left: `${pos.x - containerRect.x}px`,\r\n                    top: `${pos.y - containerRect.y}px`,\r\n                    width: `${pos.width}px`,\r\n                    height: `${pos.height}px`\r\n                };\r\n                \r\n                Object.assign(this.filterEffect.style, styles);\r\n                Object.assign(this.textEffect.style, styles);\r\n                this.textEffect.innerText = element.innerText;\r\n            }\r\n            \r\n            handleClick(e, index) {\r\n                const liEl = e.currentTarget;\r\n                const link = liEl.querySelector('a');\r\n                \r\n                if (this.activeIndex === index) {\r\n                    if (link) {\r\n                        window.location.href = link.getAttribute('href');\r\n                    }\r\n                    return;\r\n                }\r\n                \r\n                this.items[this.activeIndex].classList.remove('active');\r\n                this.items[index].classList.add('active');\r\n                this.activeIndex = index;\r\n                \r\n                this.updateEffectPosition(liEl);\r\n                \r\n                const particles = this.filterEffect.querySelectorAll('.particle');\r\n                particles.forEach(p => this.filterEffect.removeChild(p));\r\n                \r\n                this.textEffect.classList.remove('active');\r\n                void this.textEffect.offsetWidth;\r\n                this.textEffect.classList.add('active');\r\n                \r\n                this.makeParticles(this.filterEffect);\r\n                \r\n                setTimeout(() => {\r\n                    if (link) {\r\n                        window.location.href = link.getAttribute('href');\r\n                    }\r\n                }, 300);\r\n            }\r\n        }\r\n        \r\n        const gooeyNavContainer = document.getElementById('gooeyNav');\r\n        if (gooeyNavContainer) {\r\n            new GooeyNav(gooeyNavContainer, {\r\n                particleCount: 15,\r\n                particleDistances: [90, 10],\r\n                particleR: 100,\r\n                initialActiveIndex: 0,\r\n                animationTime: 600,\r\n                timeVariance: 300,\r\n                colors: [1, 2, 3, 1, 2, 3, 1, 4]\r\n            });\r\n        }\r\n\r\n        \/\/ Mobile menu\r\n        const menuBtn = document.getElementById('menuBtn');\r\n        const mobileMenu = document.getElementById('mobileMenu');\r\n        const menuOverlay = document.getElementById('menuOverlay');\r\n\r\n        menuBtn.onclick = function() {\r\n            menuBtn.classList.toggle('active');\r\n            mobileMenu.classList.toggle('active');\r\n            menuOverlay.classList.toggle('active');\r\n            document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\r\n        };\r\n\r\n        menuOverlay.onclick = function() {\r\n            menuBtn.classList.remove('active');\r\n            mobileMenu.classList.remove('active');\r\n            menuOverlay.classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        };\r\n\r\n        \/\/ Scroll effect\r\n        window.addEventListener('scroll', () => {\r\n            const header = document.getElementById('header');\r\n            if (window.scrollY > 50) {\r\n                header.classList.add('scrolled');\r\n            } else {\r\n                header.classList.remove('scrolled');\r\n            }\r\n        });\r\n    <\/script>\r\n    <\/section>\r\n    \r\n    <section id=\"page2\">\r\n            <section class=\"about-hero\">\r\n        <h1>Redefining <span class=\"gradient-text\">Entertainment<\/span><\/h1>\r\n        <p>We're on a mission to make premium streaming accessible to everyone, everywhere. Join over 500,000 satisfied customers experiencing the future of television.<\/p>\r\n    <\/section>\r\n\r\n    <section class=\"stats-section\">\r\n        <div class=\"stat-box\">\r\n            <div class=\"stat-number\">500K+<\/div>\r\n            <div class=\"stat-label\">Happy Customers<\/div>\r\n        <\/div>\r\n        <div class=\"stat-box\">\r\n            <div class=\"stat-number\">30K+<\/div>\r\n            <div class=\"stat-label\">Live Channels<\/div>\r\n        <\/div>\r\n        <div class=\"stat-box\">\r\n            <div class=\"stat-number\">99.9%<\/div>\r\n            <div class=\"stat-label\">Uptime<\/div>\r\n        <\/div>\r\n        <div class=\"stat-box\">\r\n            <div class=\"stat-number\">24\/7<\/div>\r\n            <div class=\"stat-label\">Support<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"story-section\">\r\n        <div class=\"story-content\">\r\n            <div class=\"story-text\">\r\n                <h2>Our <span class=\"gradient-text\">Story<\/span><\/h2>\r\n                <p>Founded in 2018, BUY IPTV was born from a simple frustration: traditional cable TV was too expensive, too limited, and too complicated.<\/p>\r\n                <p>We believed everyone deserved access to quality entertainment without breaking the bank. So we built a platform that combines cutting-edge technology with an extensive content library, all at a price that makes sense.<\/p>\r\n            <\/div>\r\n            <div class=\"story-image\">\r\n                <svg viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <defs>\r\n                        <linearGradient id=\"tvGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n                            <stop offset=\"0%\" style=\"stop-color:#FF1E00\"\/>\r\n                            <stop offset=\"100%\" style=\"stop-color:#1E1E1E\"\/>\r\n                        <\/linearGradient>\r\n                    <\/defs>\r\n                    <rect x=\"30\" y=\"40\" width=\"140\" height=\"100\" rx=\"10\" fill=\"url(#tvGrad)\" opacity=\"0.3\"\/>\r\n                    <rect x=\"40\" y=\"50\" width=\"120\" height=\"80\" rx=\"8\" fill=\"#1E1E1E\"\/>\r\n                    <circle cx=\"100\" cy=\"90\" r=\"25\" fill=\"url(#tvGrad)\" opacity=\"0.5\"\/>\r\n                    <polygon points=\"90,80 90,100 110,90\" fill=\"#fff\"\/>\r\n                    <rect x=\"70\" y=\"140\" width=\"60\" height=\"10\" rx=\"5\" fill=\"url(#tvGrad)\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"values-section\">\r\n        <div class=\"values-header\">\r\n            <h2>Our <span class=\"gradient-text\">Values<\/span><\/h2>\r\n        <\/div>\r\n        <div class=\"values-grid\">\r\n            <div class=\"value-card\">\r\n                <div class=\"value-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Quality First<\/h3>\r\n                <p>We never compromise on streaming quality. Every channel, every movie, every series is delivered in the best possible resolution with zero buffering.<\/p>\r\n            <\/div>\r\n            <div class=\"value-card\">\r\n                <div class=\"value-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Fair Pricing<\/h3>\r\n                <p>Premium entertainment shouldn't cost a fortune. We offer unbeatable value with transparent pricing and no hidden fees.<\/p>\r\n            <\/div>\r\n            <div class=\"value-card\">\r\n                <div class=\"value-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Customer Focus<\/h3>\r\n                <p>Your satisfaction is our priority. Our 24\/7 support team is always ready to help, ensuring you have the best experience possible.<\/p>\r\n            <\/div>\r\n            <div class=\"value-card\">\r\n                <div class=\"value-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Innovation<\/h3>\r\n                <p>We continuously improve our platform with the latest technology, bringing you new features and better performance.<\/p>\r\n            <\/div>\r\n            <div class=\"value-card\">\r\n                <div class=\"value-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Global Access<\/h3>\r\n                <p>Entertainment has no borders. We provide content from around the world, making it easy to stay connected to your culture.<\/p>\r\n            <\/div>\r\n            <div class=\"value-card\">\r\n                <div class=\"value-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Reliability<\/h3>\r\n                <p>99.9% uptime guarantee. When you want to watch, we're there. No excuses, no downtime, just seamless streaming.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"team-section\">\r\n        <div class=\"team-header\">\r\n            <h2>Meet Our <span class=\"gradient-text\">Team<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"ceo-card\">\r\n            <div class=\"profile-card\">\r\n                <div class=\"profile-card-inner\"><\/div>\r\n                <div class=\"profile-card-avatar\">\r\n                    <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/Adam-Collins-\u2013-Founder-CEO.webp\">\r\n                    <div class=\"profile-card-blur\"><\/div>\r\n                <\/div>\r\n                <div class=\"profile-card-content\">\r\n                    <h3>Adam Collins<\/h3>\r\n                    <p>Founder & CEO<\/p>\r\n                <\/div>\r\n                <div class=\"profile-card-info\">\r\n                    <div class=\"profile-card-user\">\r\n                        <div class=\"profile-card-mini-avatar\">\r\n                            <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/Adam-Collins-\u2013-Founder-CEO.webp\">\r\n                        <\/div>\r\n                        <div class=\"profile-card-text\">\r\n                            <div class=\"profile-card-handle\">@adamcollins<\/div>\r\n                            <div class=\"profile-card-status\">Leading Innovation<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"profile-card-btn\">Contact<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"team-grid\">\r\n            <div class=\"profile-card\">\r\n                <div class=\"profile-card-inner\"><\/div>\r\n                <div class=\"profile-card-avatar\">\r\n                    <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/Sofia-Reyes-\u2013-Marketing-Manager.webp\" alt=\"Sofia Reyes\">\r\n                    <div class=\"profile-card-blur\"><\/div>\r\n                <\/div>\r\n                <div class=\"profile-card-content\">\r\n                    <h3>Sofia Reyes<\/h3>\r\n                    <p>Marketing Manager<\/p>\r\n                <\/div>\r\n                <div class=\"profile-card-info\">\r\n                    <div class=\"profile-card-user\">\r\n                        <div class=\"profile-card-mini-avatar\">\r\n                            <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/Sofia-Reyes-\u2013-Marketing-Manager.webp\" alt=\"Sofia Reyes\">\r\n                        <\/div>\r\n                        <div class=\"profile-card-text\">\r\n                            <div class=\"profile-card-handle\">@sofiareyes<\/div>\r\n                            <div class=\"profile-card-status\">Growing Our Brand<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"profile-card-btn\">Contact<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"profile-card\">\r\n                <div class=\"profile-card-inner\"><\/div>\r\n                <div class=\"profile-card-avatar\">\r\n                    <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/Liam-Novak-\u2013-Technical-Product-Lead.webp\" alt=\"Liam Novak\">\r\n                    <div class=\"profile-card-blur\"><\/div>\r\n                <\/div>\r\n                <div class=\"profile-card-content\">\r\n                    <h3>Liam Novak<\/h3>\r\n                    <p>Technical & Product Lead<\/p>\r\n                <\/div>\r\n                <div class=\"profile-card-info\">\r\n                    <div class=\"profile-card-user\">\r\n                        <div class=\"profile-card-mini-avatar\">\r\n                            <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/Liam-Novak-\u2013-Technical-Product-Lead.webp\" alt=\"Liam Novak\">\r\n                        <\/div>\r\n                        <div class=\"profile-card-text\">\r\n                            <div class=\"profile-card-handle\">@liamnovak<\/div>\r\n                            <div class=\"profile-card-status\">Building Solutions<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <button class=\"profile-card-btn\">Contact<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"profile-card\">\r\n                <div class=\"profile-card-inner\"><\/div>\r\n                <div class=\"profile-card-avatar\">\r\n                    <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/Emma-Blake-\u2013-Customer-Support-Specialist.webp\" alt=\"Emma Blake\">\r\n                    <div class=\"profile-card-blur\"><\/div>\r\n                <\/div>\r\n                <div class=\"profile-card-content\">\r\n                    <h3>Emma Blake<\/h3>\r\n                    <p>Customer Support Specialist<\/p>\r\n                <\/div>\r\n                <div class=\"profile-card-info\">\r\n                    <div class=\"profile-card-user\">\r\n                        <div class=\"profile-card-mini-avatar\">\r\n                            <img decoding=\"async\" src=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/Emma-Blake-\u2013-Customer-Support-Specialist.webp\" alt=\"Emma Blake\">\r\n                        <\/div>\r\n                        <div class=\"profile-card-text\">\r\n                            <div class=\"profile-card-handle\">@emmablake<\/div>\r\n                            <div class=\"profile-card-status\">Always Here to Help<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                   <a href=\"https:\/\/buyiptv-service.com\/eu\/contact\/\" class=\"profile-card-btn\">Connect<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cta-section\">\r\n        <h2>Ready to Join Us?<\/h2>\r\n        <p>Experience the difference with BUY IPTV. Start your free trial today and see why half a million customers trust us for their entertainment.<\/p>\r\n        <a href=\"https:\/\/wa.me\/212688196707?text=Hi!%20I%27d%20like%20to%20start%20my%20free%20trial%20with%20Easy%20IPTV\" class=\"cta-button\">\r\n            <span>Start Free Trial<\/span>\r\n            <span>\u2192<\/span>\r\n        <\/a>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Profile card hover effects\r\n        document.querySelectorAll('.profile-card').forEach(card => {\r\n            card.addEventListener('mousemove', (e) => {\r\n                const rect = card.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                const centerX = rect.width \/ 2;\r\n                const centerY = rect.height \/ 2;\r\n                const rotateX = ((y - centerY) \/ centerY) * 10;\r\n                const rotateY = ((x - centerX) \/ centerX) * 10;\r\n                card.style.transform = `rotateX(${-rotateX}deg) rotateY(${rotateY}deg) scale(1.02)`;\r\n            });\r\n\r\n            card.addEventListener('mouseleave', () => {\r\n                card.style.transform = 'rotateX(0deg) rotateY(0deg) scale(1)';\r\n            });\r\n        });\r\n    <\/script>\r\n    <\/section>\r\n    \r\n    <section id=\"page3\">\r\n           <footer>\r\n        <div class=\"footer-content\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-brand\">\r\n                    <div class=\"logo\">\r\n                        <div class=\"logo-icon\"><\/div>\r\n                        <div class=\"logo-text\">\r\n                            <span class=\"logo-main\">BUY IPTV<\/span>\r\n                            <span class=\"logo-tagline\">PREMIUM IPTV<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p class=\"footer-description\">\r\n                        Stream 30,000+ live channels and 105,000+ movies & series in stunning 4K quality. Your ultimate entertainment destination on any device, anytime, anywhere.\r\n                    <\/p>\r\n                    <div class=\"social-links\">\r\n                        <a href=\"https:\/\/x.com\/iptv_kaufen\" class=\"social-link\" aria-label=\"X (Twitter)\" target=\"_blank\">\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/www.pinterest.com\/KoopIPTV\/\" class=\"social-link\" aria-label=\"Pinterest\" target=\"_blank\">\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" class=\"social-link\" aria-label=\"WhatsApp\" target=\"_blank\">\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/t.me\/IPTVSubscription\" class=\"social-link\" aria-label=\"Telegram\" target=\"_blank\">\r\n                            <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n<div class=\"footer-column\">\r\n    <h3>Quick Links<\/h3>\r\n    <ul class=\"footer-links\">\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/\">Home<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/about\/\">About Us<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/faq\/\">FAQ<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/contact\/\">Contact Us<\/a><\/li>\r\n    <\/ul>\r\n<\/div>\r\n\r\n<div class=\"footer-column\">\r\n    <h3>Services<\/h3>\r\n    <ul class=\"footer-links\">\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\">Pricing<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/channels-list\/\">Channels List<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/iptv-guide\/\">IPTV Guide<\/a><\/li>\r\n        <li><a href=\"https:\/\/web.whatsapp.com\/send?phone=212688196707\" target=\"_blank\">Free Trial<\/a><\/li>\r\n    <\/ul>\r\n<\/div>\r\n\r\n<div class=\"footer-column\">\r\n    <h3>Partnership<\/h3>\r\n    <ul class=\"footer-links\">\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/reseller-program\/\">Reseller Program<\/a><\/li>\r\n        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/affiliate-program\/\">Affiliate Program<\/a><\/li>\r\n    <\/ul>\r\n<\/div>\r\n\r\n\r\n                <div class=\"footer-column\">\r\n                    <h3>Legal<\/h3>\r\n                    <ul class=\"footer-links\">\r\n                        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/terms-of-service\/\">Terms of Service<\/a><\/li>\r\n                        <li><a href=\"https:\/\/buyiptv-service.com\/eu\/privacy-policy\/\">Privacy Policy<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"newsletter-section\">\r\n                    <h3>Subscribe<\/h3>\r\n                    <p>Get updates and exclusive offers delivered to your inbox!<\/p>\r\n                    <a href=\"https:\/\/buyiptv-service.com\/eu\/pricing\/\" class=\"newsletter-button\" style=\"display: block; text-align: center; text-decoration: none; padding: 0.9rem; border-radius: 10px; background: linear-gradient(135deg, #FF1E00, #1E1E1E); color: #fff; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">Subscribe<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer-bottom\">\r\n            <p class=\"copyright\">\u00a9 2025 BUY IPTV. All rights reserved.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Smooth scroll for footer links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Track mouse position for interactive effects\r\n        const footerBrand = document.querySelector('.footer-brand');\r\n        if (footerBrand) {\r\n            footerBrand.addEventListener('mousemove', (e) => {\r\n                const rect = footerBrand.getBoundingClientRect();\r\n                const x = ((e.clientX - rect.left) \/ rect.width) * 100;\r\n                const y = ((e.clientY - rect.top) \/ rect.height) * 100;\r\n                footerBrand.style.setProperty('--x', `${x}%`);\r\n                footerBrand.style.setProperty('--y', `${y}%`);\r\n            });\r\n        }\r\n\r\n        \/\/ Add stagger animation on scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.animationPlayState = 'running';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.footer-column').forEach(column => {\r\n            column.style.animationPlayState = 'paused';\r\n            observer.observe(column);\r\n        });\r\n    <\/script>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us &#8211; BUY IPTV BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support \ud83c\udf81 Free Trial Subscribe Now BUY IPTV PREMIUM IPTV Home Pricing FAQ Guide Channels Support Redefining Entertainment We&#8217;re on a mission to make premium streaming accessible to everyone, everywhere. Join over 500,000 satisfied customers experiencing the future of television. 500K+ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":319,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-50","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Best IPTV Service | High-Quality Streaming Services<\/title>\n<meta name=\"description\" content=\"Discover Buy IPTV, the Leading Provider of the Best IPTV Service with Thousands of High-Quality Channels. Choose Us for Your Ultimate Entertainment Experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buyiptv-service.com\/eu\/about\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About\" \/>\n<meta property=\"og:description\" content=\"Discover Buy IPTV, the Leading Provider of the Best IPTV Service with Thousands of High-Quality Channels. Choose Us for Your Ultimate Entertainment Experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buyiptv-service.com\/eu\/about\/\" \/>\n<meta property=\"og:site_name\" content=\"Buy IPTV\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-21T15:29:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2022\/10\/about-four-img-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"402\" \/>\n\t<meta property=\"og:image:height\" content=\"484\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/about\\\/\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/about\\\/\",\"name\":\"Best IPTV Service | High-Quality Streaming Services\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/about\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/about\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/about-four-img-1.jpg\",\"datePublished\":\"2022-10-15T01:43:47+00:00\",\"dateModified\":\"2025-11-21T15:29:14+00:00\",\"description\":\"Discover Buy IPTV, the Leading Provider of the Best IPTV Service with Thousands of High-Quality Channels. Choose Us for Your Ultimate Entertainment Experience.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/about\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/about\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/about\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/about-four-img-1.jpg\",\"contentUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/about-four-img-1.jpg\",\"width\":402,\"height\":484,\"caption\":\"Buy IPTV Enjoy Now with 4K\\\/Ultra HD Quality Streaming & Server Stability, No Strings 24\\\/7 Support. Online Support 24\\\/24 , High Quality IPTV HD FHD.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/about\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#website\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\",\"name\":\"BuyIPTV\",\"description\":\"Best IPTV\",\"publisher\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#organization\",\"name\":\"Buy IPTV\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"contentUrl\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-sitelogo.webp\",\"width\":512,\"height\":512,\"caption\":\"Buy IPTV\"},\"image\":{\"@id\":\"https:\\\/\\\/buyiptv-service.com\\\/eu\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Best IPTV Service | High-Quality Streaming Services","description":"Discover Buy IPTV, the Leading Provider of the Best IPTV Service with Thousands of High-Quality Channels. Choose Us for Your Ultimate Entertainment Experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buyiptv-service.com\/eu\/about\/","og_locale":"en_US","og_type":"article","og_title":"About","og_description":"Discover Buy IPTV, the Leading Provider of the Best IPTV Service with Thousands of High-Quality Channels. Choose Us for Your Ultimate Entertainment Experience.","og_url":"https:\/\/buyiptv-service.com\/eu\/about\/","og_site_name":"Buy IPTV","article_modified_time":"2025-11-21T15:29:14+00:00","og_image":[{"width":402,"height":484,"url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2022\/10\/about-four-img-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buyiptv-service.com\/eu\/about\/","url":"https:\/\/buyiptv-service.com\/eu\/about\/","name":"Best IPTV Service | High-Quality Streaming Services","isPartOf":{"@id":"https:\/\/buyiptv-service.com\/eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buyiptv-service.com\/eu\/about\/#primaryimage"},"image":{"@id":"https:\/\/buyiptv-service.com\/eu\/about\/#primaryimage"},"thumbnailUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2022\/10\/about-four-img-1.jpg","datePublished":"2022-10-15T01:43:47+00:00","dateModified":"2025-11-21T15:29:14+00:00","description":"Discover Buy IPTV, the Leading Provider of the Best IPTV Service with Thousands of High-Quality Channels. Choose Us for Your Ultimate Entertainment Experience.","breadcrumb":{"@id":"https:\/\/buyiptv-service.com\/eu\/about\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buyiptv-service.com\/eu\/about\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-service.com\/eu\/about\/#primaryimage","url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2022\/10\/about-four-img-1.jpg","contentUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2022\/10\/about-four-img-1.jpg","width":402,"height":484,"caption":"Buy IPTV Enjoy Now with 4K\/Ultra HD Quality Streaming & Server Stability, No Strings 24\/7 Support. Online Support 24\/24 , High Quality IPTV HD FHD."},{"@type":"BreadcrumbList","@id":"https:\/\/buyiptv-service.com\/eu\/about\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buyiptv-service.com\/eu\/"},{"@type":"ListItem","position":2,"name":"About"}]},{"@type":"WebSite","@id":"https:\/\/buyiptv-service.com\/eu\/#website","url":"https:\/\/buyiptv-service.com\/eu\/","name":"BuyIPTV","description":"Best IPTV","publisher":{"@id":"https:\/\/buyiptv-service.com\/eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buyiptv-service.com\/eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/buyiptv-service.com\/eu\/#organization","name":"Buy IPTV","url":"https:\/\/buyiptv-service.com\/eu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/","url":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","contentUrl":"https:\/\/buyiptv-service.com\/eu\/jeevoowh\/2025\/11\/cropped-sitelogo.webp","width":512,"height":512,"caption":"Buy IPTV"},"image":{"@id":"https:\/\/buyiptv-service.com\/eu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":0,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/media\/319"}],"wp:attachment":[{"href":"https:\/\/buyiptv-service.com\/eu\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}