/* IPTV Smart HD - Main Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
:root{--primary:#6C3CE1;--primary-dark:#5429C5;--primary-light:#8B5CF6;--secondary:#10B981;--accent:#F59E0B;--gold:#FFD700;--text-dark:#1E1B4B;--text-medium:#374151;--text-light:#6B7280;--bg-white:#FFFFFF;--bg-light:#F8F7FF;--border:#E5E7EB;--shadow-sm:0 1px 3px rgba(108,60,225,0.08);--shadow-md:0 4px 20px rgba(108,60,225,0.12);--shadow-lg:0 10px 40px rgba(108,60,225,0.18);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;color:var(--text-medium);background:#fff;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul{list-style:none}
h1,h2,h3,h4,h5,h6{color:var(--text-dark);line-height:1.2;font-weight:700}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.6rem,3.5vw,2.5rem)}h3{font-size:clamp(1.2rem,2.5vw,1.6rem)}p{color:var(--text-light);line-height:1.7}
.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-sm{padding:60px 0}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:rgba(108,60,225,.1);color:var(--primary)}.badge-gold{background:rgba(255,215,0,.15);color:#B8860B}.badge-green{background:rgba(16,185,129,.1);color:var(--secondary)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:var(--transition);white-space:nowrap;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 15px rgba(108,60,225,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(108,60,225,.4)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-white{background:#fff;color:var(--primary)}.btn-white:hover{background:var(--bg-light);transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,#FFD700,#FFA500);color:#1E1B4B;box-shadow:0 4px 15px rgba(255,215,0,.3)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,215,0,.4)}.btn-lg{padding:18px 36px;font-size:1.05rem}
.section-header{text-align:center;margin-bottom:60px}.section-header .badge{margin-bottom:16px}.section-header h2{margin-bottom:16px}.section-header p{max-width:600px;margin:0 auto;font-size:1.05rem}
#header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(108,60,225,.08);transition:var(--transition)}#header.scrolled{box-shadow:var(--shadow-md)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;color:var(--text-dark)}.logo span{color:var(--primary)}.logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1rem}
nav{display:flex;align-items:center;gap:4px}nav a{padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-medium);font-weight:500;font-size:.9rem;transition:var(--transition);white-space:nowrap}nav a:hover,nav a.active{color:var(--primary);background:rgba(108,60,225,.06)}
.header-actions{display:flex;align-items:center;gap:12px}.lang-switcher{position:relative}.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-medium);transition:var(--transition)}.lang-btn:hover{border-color:var(--primary);color:var(--primary)}.lang-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;overflow:hidden;z-index:100}.lang-dropdown.open{display:block}.lang-option{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;font-size:.875rem;color:var(--text-medium);transition:var(--transition)}.lang-option:hover,.lang-option.active{background:rgba(108,60,225,.06);color:var(--primary)}
.mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border:none;background:none}.mobile-toggle span{display:block;width:22px;height:2px;background:var(--text-dark);border-radius:2px;transition:var(--transition)}
.hero{background:linear-gradient(135deg,#F8F7FF 0%,#EEF2FF 50%,#F0FDF4 100%);padding:100px 0 80px;overflow:hidden;position:relative}.hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(108,60,225,.08) 0%,transparent 70%);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{z-index:1}.hero-content .badge{margin-bottom:24px}.hero-content h1{margin-bottom:20px}.hero-content h1 em{color:var(--primary);font-style:normal}.hero-content p{font-size:1.1rem;margin-bottom:32px;max-width:500px}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-stats{display:flex;gap:32px;flex-wrap:wrap}.stat-number{font-size:1.8rem;font-weight:800;color:var(--text-dark);line-height:1}.stat-label{font-size:.8rem;color:var(--text-light);margin-top:4px}
.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-card{background:#fff;border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-lg);position:relative;width:100%;max-width:440px}.hero-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.play-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem}
.hero-channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.channel-chip{background:var(--bg-light);border-radius:var(--radius-sm);padding:10px;text-align:center;font-size:.78rem;font-weight:600;color:var(--text-medium)}.channel-chip.highlight{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}
.hero-badge-floating{position:absolute;background:#fff;border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:600;color:var(--text-dark)}.hero-badge-floating.top{top:-20px;right:-20px}.hero-badge-floating.bottom{bottom:-20px;left:-20px}
.carousel-section{padding:40px 0;background:var(--bg-light);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}.carousel-track-wrapper{overflow:hidden;position:relative;width:100%}.carousel-track-wrapper::before,.carousel-track-wrapper::after{content:'';position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.carousel-track-wrapper::before{left:0;background:linear-gradient(to right,var(--bg-light),transparent)}.carousel-track-wrapper::after{right:0;background:linear-gradient(to left,var(--bg-light),transparent)}.carousel-track{display:flex;align-items:center;gap:40px;animation:scroll-logos 50s linear infinite;width:max-content;will-change:transform}.carousel-track:hover{animation-play-state:paused}.logo-item{display:flex;align-items:center;justify-content:center;height:50px;flex-shrink:0}.logo-item img{height:50px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(30%);opacity:0.85;transition:filter 0.3s,opacity 0.3s}.logo-item img:hover{filter:grayscale(0%);opacity:1}
@keyframes scroll-logos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.advantage-card{background:#fff;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition)}.advantage-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:rgba(108,60,225,.2)}.advantage-icon{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:20px}.advantage-card h3{font-size:1.1rem;margin-bottom:10px}.advantage-card p{font-size:.9rem}
.pricing-section{background:var(--bg-light)}.pricing-switches{display:flex;justify-content:center;gap:40px;margin-bottom:40px;flex-wrap:wrap}.switch-group{display:flex;flex-direction:column;align-items:center;gap:10px}.switch-label{font-size:.85rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-text{font-size:.9rem;font-weight:600;color:var(--text-medium);transition:var(--transition)}.toggle-text.active{color:var(--primary)}.toggle{position:relative;width:52px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--primary);border-radius:28px;cursor:pointer;transition:var(--transition)}.toggle-slider:before{content:'';position:absolute;width:20px;height:20px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:var(--transition)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}
.duration-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:40px}.duration-pill{padding:8px 18px;border-radius:50px;font-size:.85rem;font-weight:600;cursor:pointer;border:2px solid var(--border);color:var(--text-medium);background:#fff;transition:var(--transition)}.duration-pill:hover,.duration-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.pricing-card{background:#fff;border-radius:var(--radius-xl);padding:36px;border:2px solid var(--border);transition:var(--transition);position:relative}.pricing-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border-color:var(--primary);box-shadow:var(--shadow-lg)}.pricing-card.gold{border-color:var(--gold);background:linear-gradient(135deg,#FFFEF0,#FFFFF8)}.pricing-card.gold:hover{box-shadow:0 10px 40px rgba(255,215,0,.3)}.card-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:4px 20px;border-radius:50px;font-size:.78rem;font-weight:700;white-space:nowrap}.featured .card-badge{background:var(--primary);color:#fff}.gold .card-badge{background:linear-gradient(135deg,#FFD700,#FFA500);color:#1E1B4B}
.plan-name{font-size:1.1rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.plan-price{margin-bottom:6px}.plan-price .amount{font-size:2.8rem;font-weight:900;color:var(--text-dark);line-height:1}.plan-price .period{font-size:.9rem;color:var(--text-light);font-weight:500}.plan-subtitle{font-size:.85rem;color:var(--text-light);margin-bottom:28px;min-height:20px}.plan-features{margin-bottom:28px}.plan-features li{display:flex;align-items:flex-start;gap:10px;padding:7px 0;font-size:.88rem;color:var(--text-medium);border-bottom:1px solid var(--bg-light)}.plan-features li:last-child{border-bottom:none}.check{color:var(--secondary);font-weight:700;flex-shrink:0;margin-top:2px}.cross{color:#EF4444;flex-shrink:0;margin-top:2px}.plan-cta{width:100%;display:block;text-align:center}
.servers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.server-card{background:#fff;border-radius:var(--radius-lg);padding:28px;border:1px solid var(--border);transition:var(--transition)}.server-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.server-icon{font-size:2.5rem;margin-bottom:16px}.server-card h3{font-size:1.05rem;margin-bottom:10px}.server-card p{font-size:.87rem;margin-bottom:16px}.server-features{display:flex;flex-direction:column;gap:8px}.server-feature{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-medium)}.server-feature .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.vip-section{background:linear-gradient(135deg,#1E1B4B 0%,#312E81 50%,#4C1D95 100%);color:#fff;position:relative;overflow:hidden}.vip-section::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 70%);pointer-events:none}.vip-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.vip-content h2{color:#fff;margin-bottom:20px}.vip-content p{color:rgba(255,255,255,.7);margin-bottom:28px;font-size:1.05rem}.vip-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.vip-feature{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.85);font-size:.88rem}.vip-feature .star{color:var(--gold)}.vip-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-xl);padding:36px;backdrop-filter:blur(10px)}.vip-card-header{text-align:center;margin-bottom:24px}.vip-card-header .crown{font-size:2.5rem;display:block;margin-bottom:8px}.vip-card-header h3{color:var(--gold);font-size:1.4rem}.vip-prices{display:flex;flex-direction:column;gap:10px}.vip-price-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-radius:var(--radius-sm);background:rgba(255,255,255,.05)}.vip-price-row .dur{color:rgba(255,255,255,.6);font-size:.88rem}.vip-price-row .price{color:var(--gold);font-weight:700;font-size:1rem}
.channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.channel-category{background:#fff;border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);transition:var(--transition);text-align:center}.channel-category:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--primary)}.channel-category .emoji{font-size:2.4rem;display:block;margin-bottom:12px}.channel-category h3{font-size:.95rem;margin-bottom:6px}.channel-category p{font-size:.8rem}
.faq-list{max-width:750px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden;transition:var(--transition)}.faq-item.open{border-color:var(--primary);box-shadow:var(--shadow-sm)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;font-weight:600;color:var(--text-dark)}.faq-icon{width:28px;height:28px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--primary);transition:var(--transition);flex-shrink:0}.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--primary);color:#fff}.faq-answer{display:none;padding:0 24px 20px;color:var(--text-light);font-size:.92rem;line-height:1.7}.faq-item.open .faq-answer{display:block}
.cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;text-align:center}.cta-section h2{color:#fff;margin-bottom:16px}.cta-section p{color:rgba(255,255,255,.8);font-size:1.1rem;margin-bottom:36px}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:#fff;border-radius:var(--radius-lg);padding:28px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition)}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stars{color:#F59E0B;font-size:1rem;margin-bottom:12px;letter-spacing:2px}.testimonial-text{font-size:.9rem;color:var(--text-medium);margin-bottom:20px;font-style:italic;line-height:1.7}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem;flex-shrink:0}.author-name{font-weight:600;font-size:.9rem;color:var(--text-dark)}.author-location{font-size:.78rem;color:var(--text-light)}
footer{background:var(--text-dark);color:rgba(255,255,255,.7);padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand p{font-size:.88rem;margin-bottom:20px;line-height:1.7}.footer-contact a{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6);font-size:.85rem;margin-bottom:8px;transition:var(--transition)}.footer-contact a:hover{color:#fff}.footer-col h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:16px}.footer-col ul li{margin-bottom:8px}.footer-col ul li a{color:rgba(255,255,255,.6);font-size:.85rem;transition:var(--transition)}.footer-col ul li a:hover{color:#fff}.footer-payments{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.payment-badge{background:rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:6px 12px;font-size:.75rem;color:rgba(255,255,255,.7)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:.82rem}.footer-legal{display:flex;gap:20px;flex-wrap:wrap}.footer-legal a{font-size:.82rem;color:rgba(255,255,255,.5);transition:var(--transition)}.footer-legal a:hover{color:#fff}
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}
@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-content p{margin:0 auto 32px}.hero-cta{justify-content:center}.hero-stats{justify-content:center}.hero-visual{display:none}.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.vip-inner{grid-template-columns:1fr}.channels-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.advantages-grid{grid-template-columns:repeat(2,1fr)}.servers-grid{grid-template-columns:1fr}}
@media(max-width:768px){nav{display:none}nav.open{display:flex;flex-direction:column;position:fixed;top:70px;left:0;right:0;background:#fff;padding:20px;box-shadow:var(--shadow-lg);gap:4px}nav.open a{padding:12px 16px}.mobile-toggle{display:flex}.hero{padding:60px 0 50px}.section{padding:60px 0}.advantages-grid{grid-template-columns:1fr}.channels-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.vip-features{grid-template-columns:1fr}}
@media(max-width:480px){.hero-cta{flex-direction:column}.cta-actions{flex-direction:column;align-items:center}.header-actions .btn-primary{display:none}}

/* ====================================
   SECONDARY PAGES STYLES
   ==================================== */
.page-hero { background: linear-gradient(135deg, #6c63ff 0%, #a78bfa 100%); color: white; padding: 80px 0 50px; margin-top: 70px; }
.page-hero h1 { font-size: 2.5rem; font-weight: 800; margin-bottom: 1rem; }
.page-hero p { font-size: 1.1rem; opacity: 0.9; }
.breadcrumb { font-size: 0.9rem; margin-bottom: 1rem; opacity: 0.8; }
.breadcrumb a { color: white; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.channels-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin-bottom: 3rem; text-align: center; }
.stat-item { background: var(--bg-card); padding: 2rem; border-radius: 12px; box-shadow: var(--shadow-sm); }
.stat-number { display: block; font-size: 2.5rem; font-weight: 800; color: var(--primary); }
.stat-label { font-size: 0.9rem; color: var(--text-muted); }
.channels-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.channel-cat-card { background: var(--bg-card); padding: 2rem; border-radius: 16px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); text-align: center; transition: transform 0.3s, box-shadow 0.3s; }
.channel-cat-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.cat-icon { font-size: 2.5rem; margin-bottom: 1rem; }
.channel-cat-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; }
.channel-cat-card p { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 1rem; }
.cat-count { display: inline-block; background: var(--primary-light); color: var(--primary); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.8rem; font-weight: 600; }
.country-section { background: var(--bg-alt); }
.country-flags { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.country-flags span { background: var(--bg-card); padding: 0.5rem 1rem; border-radius: 8px; font-size: 0.9rem; border: 1px solid var(--border); }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.blog-card { background: var(--bg-card); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid var(--border); transition: transform 0.3s, box-shadow 0.3s; }
.blog-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.blog-img { height: 200px; background: linear-gradient(135deg, #6c63ff, #a78bfa); }
.blog-img-1 { background: linear-gradient(135deg, #6c63ff, #8b5cf6); }
.blog-img-2 { background: linear-gradient(135deg, #3b82f6, #6366f1); }
.blog-img-3 { background: linear-gradient(135deg, #8b5cf6, #ec4899); }
.blog-img-4 { background: linear-gradient(135deg, #06b6d4, #3b82f6); }
.blog-img-5 { background: linear-gradient(135deg, #10b981, #06b6d4); }
.blog-img-6 { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.blog-content { padding: 1.5rem; }
.blog-tag { display: inline-block; background: var(--primary-light); color: var(--primary); padding: 0.2rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.75rem; }
.blog-content h2 { font-size: 1rem; font-weight: 700; margin-bottom: 0.75rem; line-height: 1.4; }
.blog-content h2 a { color: var(--text); text-decoration: none; }
.blog-content h2 a:hover { color: var(--primary); }
.blog-content p { font-size: 0.875rem; color: var(--text-muted); margin-bottom: 1rem; }
.blog-meta { display: flex; gap: 1rem; font-size: 0.8rem; color: var(--text-muted); }
.faq-container { max-width: 850px; margin: 0 auto; }
.faq-category { margin-bottom: 3rem; }
.faq-category h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--primary); }
.faq-list { display: flex; flex-direction: column; gap: 0.75rem; }
.faq-item { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.faq-question { width: 100%; padding: 1.25rem 1.5rem; text-align: left; background: transparent; border: none; cursor: pointer; font-size: 1rem; font-weight: 600; color: var(--text); display: flex; justify-content: space-between; align-items: center; transition: background 0.2s; }
.faq-question:hover { background: var(--bg-alt); }
.faq-question.active { color: var(--primary); }
.faq-icon { font-size: 1.25rem; font-weight: 300; transition: transform 0.3s; }
.faq-question.active .faq-icon { transform: rotate(45deg); }
.faq-answer { display: none; padding: 0 1.5rem 1.25rem; color: var(--text-muted); line-height: 1.7; }
.faq-answer.open { display: block; }
.contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 3rem; }
.contact-info h2, .contact-form-wrap h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; }
.contact-method { display: flex; gap: 1.5rem; align-items: flex-start; background: var(--bg-card); padding: 1.5rem; border-radius: 12px; border: 1px solid var(--border); margin-bottom: 1.5rem; }
.contact-icon { font-size: 2rem; }
.contact-method h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.25rem; }
.contact-method p { color: var(--text-muted); margin-bottom: 1rem; }
.contact-hours { background: var(--primary-light); padding: 1.5rem; border-radius: 12px; }
.contact-hours h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--primary); }
.contact-form, .demande-form { display: flex; flex-direction: column; gap: 1.25rem; }
.form-group { display: flex; flex-direction: column; gap: 0.5rem; }
.form-group label { font-weight: 600; font-size: 0.9rem; }
.form-group input, .form-group select, .form-group textarea { padding: 0.75rem 1rem; border: 2px solid var(--border); border-radius: 8px; font-size: 0.95rem; font-family: inherit; background: var(--bg-card); transition: border-color 0.2s; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--primary); }
.demande-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 3rem; }
.demande-info h2, .demande-form-wrap h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; }
.trial-features { list-style: none; display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 2rem; }
.trial-features li { font-size: 1rem; }
.trial-note { background: var(--primary-light); padding: 1.5rem; border-radius: 12px; }
.trial-note p { margin-bottom: 1rem; font-weight: 600; color: var(--primary); }
.form-note { text-align: center; font-size: 0.85rem; color: var(--text-muted); margin-top: 0.5rem; }
.btn-block { width: 100%; display: block; text-align: center; }
.legal-container { max-width: 800px; margin: 0 auto; }
.legal-content h2 { font-size: 1.25rem; font-weight: 700; margin: 2rem 0 0.75rem; }
.legal-content p { color: var(--text-muted); line-height: 1.8; margin-bottom: 1rem; }
.legal-content ul, .legal-content ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.legal-content li { color: var(--text-muted); line-height: 1.8; margin-bottom: 0.5rem; }
.legal-content a { color: var(--primary); }
.policy-highlight { background: linear-gradient(135deg, var(--primary-light), #e9d5ff); padding: 2rem; border-radius: 16px; border-left: 4px solid var(--primary); margin-bottom: 2rem; }
.policy-highlight h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: 0.75rem; color: var(--primary-dark); }
.policy-highlight p { color: var(--text); font-weight: 500; }
.table-wrapper { overflow-x: auto; }
.comparison-table { width: 100%; border-collapse: collapse; margin-top: 2rem; }
.comparison-table th, .comparison-table td { padding: 1rem 1.25rem; text-align: left; border-bottom: 1px solid var(--border); }
.comparison-table th { background: var(--bg-alt); font-weight: 700; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.05em; }
.comparison-table .featured-col { background: var(--primary-light); color: var(--primary); }
.comparison-table .vip-col { background: #fef3c7; color: #92400e; }
.comparison-table tbody tr:hover { background: var(--bg-alt); }
.pricing-note { text-align: center; margin-top: 2rem; padding: 1rem; background: var(--bg-alt); border-radius: 8px; color: var(--text-muted); }
.comparison-section { background: var(--bg-alt); }
@media (max-width: 1024px) {
  .channels-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .channels-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .page-hero h1 { font-size: 1.8rem; }
  .channels-stats { grid-template-columns: repeat(2, 1fr); }
  .channels-grid { grid-template-columns: 1fr; }
  .blog-grid { grid-template-columns: 1fr; }
  .contact-grid, .demande-grid { grid-template-columns: 1fr; }
}