/* ZELVIX IPTV — Phase 1 global redesign */
:root{--zx-primary:#2563EB;--zx-primary-2:#3B82F6;--zx-bg:#050816;--zx-card:#0F172A;--zx-card-2:#111C31;--zx-text:#FFFFFF;--zx-muted:#94A3B8;--zx-border:rgba(148,163,184,.18);--zx-radius:16px;--zx-shadow:0 24px 70px rgba(0,0,0,.35)}
html{scroll-behavior:smooth;background:var(--zx-bg)}
body{background:radial-gradient(circle at 80% 0%,rgba(37,99,235,.16),transparent 32%),var(--zx-bg)!important;color:var(--zx-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
header,.premium-header,.site-header,.navbar{background:rgba(5,8,22,.82)!important;border-color:var(--zx-border)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
a{transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s ease,opacity .22s ease}
.logo-text,.brand-text,.site-name{font-weight:800!important;letter-spacing:-.035em!important;color:#fff!important}
.logo-text span,.brand-text span,.site-name span{color:#60A5FA!important}
.btn,.primary-btn,.glow-btn,.cta-button,button[type=submit]{border-radius:12px!important;background:linear-gradient(135deg,#2563EB,#3B82F6)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 12px 30px rgba(37,99,235,.25)!important;font-weight:700!important}
.btn:hover,.primary-btn:hover,.glow-btn:hover,.cta-button:hover,button[type=submit]:hover{transform:translateY(-2px)!important;box-shadow:0 16px 38px rgba(37,99,235,.34)!important}
.border-glow-btn,.secondary-btn,.btn-outline{background:rgba(255,255,255,.04)!important;border:1px solid rgba(148,163,184,.28)!important;color:#fff!important;box-shadow:none!important}
.card,.pricing-card,.feature-card,.product-card,.faq-item,.review-card,.device-card,[class*="glass-card"]{background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(10,17,32,.94))!important;border:1px solid var(--zx-border)!important;border-radius:var(--zx-radius)!important;box-shadow:var(--zx-shadow)!important}
.hero-section,.new-hero-section,.iptv-hero{background:radial-gradient(circle at 70% 25%,rgba(37,99,235,.26),transparent 35%),linear-gradient(180deg,#050816 0%,#081022 100%)!important;min-height:min(820px,92vh)!important}
.hero-section:before,.new-hero-section:before{background:linear-gradient(90deg,rgba(5,8,22,.97) 0%,rgba(5,8,22,.72) 48%,rgba(5,8,22,.20) 100%)!important}
.hero-text h1,.new-hero-content h1,.iptv-hero-header h1{letter-spacing:-.045em!important;line-height:1.02!important;text-wrap:balance!important}
.hero-text p,.new-hero-content p,.section-subtitle,p{color:var(--zx-muted)!important;line-height:1.75!important}
.highlight-yellow,.highlight,.accent-text{color:#60A5FA!important;background:none!important;-webkit-text-fill-color:initial!important}
section{content-visibility:auto;contain-intrinsic-size:700px}
section:first-of-type{content-visibility:visible}
footer,.site-footer{background:#030611!important;border-top:1px solid var(--zx-border)!important}
input,select,textarea{background:#0B1220!important;color:#fff!important;border:1px solid rgba(148,163,184,.25)!important;border-radius:12px!important}
input:focus,select:focus,textarea:focus{border-color:#3B82F6!important;box-shadow:0 0 0 3px rgba(59,130,246,.16)!important;outline:none!important}
@media(max-width:768px){.hero-section,.new-hero-section,.iptv-hero{min-height:auto!important;padding-top:120px!important;padding-bottom:72px!important}.hero-text h1,.new-hero-content h1{font-size:clamp(2.35rem,11vw,3.5rem)!important}.hero-btns{gap:12px!important}.hero-btns .btn{width:100%!important;justify-content:center!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
