:root{--primary:#2AB1E2;--primary-dark:#972BFF;--primary-light:rgba(42,177,226,0.1);--primary-hover:#972BFF;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--bg-page:#fff;--bg-subtle:#f8fafc;--bg-card:#fff;--border-light:rgba(0,0,0,0.06);--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 8px 30px rgba(0,0,0,0.08);--shadow-lg:0 24px 70px rgba(0,0,0,0.15);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:999px;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);box-shadow:0 2px 20px rgba(0,0,0,0.05);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,0.05)}.logo{font-size:22px;font-weight:900;color:var(--primary);text-decoration:none;text-transform:uppercase;letter-spacing:-0.03em}.menu-toggle{width:28px;height:22px;position:relative;cursor:pointer;display:none;z-index:1001}.menu-toggle span{position:absolute;width:100%;height:3px;background:var(--text-primary);left:0;border-radius:3px;transition:all .3s ease}.menu-toggle span:nth-child(1){top:0}.menu-toggle span:nth-child(2){top:9px}.menu-toggle span:nth-child(3){bottom:0}header.menu-open .menu-toggle span:nth-child(1){transform:rotate(45deg);top:9px}header.menu-open .menu-toggle span:nth-child(2){opacity:0}header.menu-open .menu-toggle span:nth-child(3){transform:rotate(-45deg);bottom:9px}@media (max-width:768px){header nav{position:fixed;top:0;right:0;width:80%;max-width:340px;height:100vh;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:100px 32px;box-shadow:-2px 0 25px rgba(0,0,0,0.15);transition:transform .35s cubic-bezier(0.4,0,0.2,1);transform:translateX(110%);touch-action:none;overscroll-behavior:none;z-index:900}header.menu-open nav{transform:translateX(0)}.menu-toggle{display:block}header nav a{color:var(--text-primary);font-size:18px;font-weight:600;text-decoration:none;width:100%;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);transition:color .2s ease}header nav a:hover{color:var(--primary)}body.menu-overlay::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(3px);z-index:800;animation:fadeInOverlay .3s ease forwards}@keyframes fadeInOverlay{from{opacity:0}to{opacity:1}}body.menu-overlay{overflow:hidden;position:fixed;inset:0;width:100%}}@media (min-width:769px){header nav{display:flex;align-items:center;gap:28px}header nav a{color:var(--text-secondary);font-weight:500;text-decoration:none;font-size:15px;position:relative;transition:all .3s ease}header nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}header nav a:hover{color:var(--primary)}header nav a:hover::after{width:100%}}.hero{text-align:center;padding:100px 20px 80px;background:linear-gradient(180deg,var(--primary-dark) 0%,var(--primary) 100%);color:#fff}.hero h1{font-size:clamp(36px,7vw,64px);font-weight:900;margin-bottom:20px;text-transform:uppercase}.hero p,.text-large{font-size:clamp(18px,3vw,22px);margin-bottom:40px;color:rgba(255,255,255,0.9)}.cta-button{display:inline-block;padding:18px 48px;background:#ff4757;color:#fff;font-weight:800;border-radius:var(--radius-full);text-decoration:none;transition:all .3s ease;font-size:18px}.cta-button:hover{background:#ff2e42;transform:translateY(-4px)}.section{padding:100px 20px;text-align:center}.section h2{font-size:clamp(28px,5vw,42px);font-weight:800;color:var(--text-primary);margin-bottom:50px;line-height:1.2}.channel-grid,.category-grid{display:grid;gap:40px;margin-top:40px}@media (min-width:1024px){.channel-grid,.category-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1023px){.channel-grid,.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.channel-grid,.category-grid{grid-template-columns:1fr}}.channel-card,.category-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px 30px;text-align:center;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:200px}.channel-card:hover,.category-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.card-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s infinite}.card-title,.category-item h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:20px;line-height:1.3}.card-button,.category-item a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 30px;background:var(--primary);color:#fff;border-radius:var(--radius-full);font-weight:600;font-size:16px;text-decoration:none;transition:all .3s ease}.card-button:hover,.category-item a:hover{background:var(--primary-hover);transform:scale(1.05)}.seo-content{max-width:850px;margin:120px auto;padding:60px 40px;background:linear-gradient(135deg,var(--bg-subtle) 0%,var(--bg-page) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:left}.seo-content h2{text-align:center;color:var(--primary);margin-bottom:40px;font-size:clamp(24px,4vw,32px)}.seo-content h3{font-size:22px;margin-top:40px;margin-bottom:12px;color:var(--text-primary)}.seo-content p{margin-bottom:20px;color:var(--text-secondary);font-size:16px;line-height:1.8}.seo-content ul{list-style:none;padding:0;margin:20px 0}.seo-content ul li{padding-left:28px;position:relative;margin-bottom:10px}.seo-content ul li::before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.faq-item{background:var(--bg-card);border-left:4px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:20px}.cta-box{background:linear-gradient(135deg,var(--primary-light) 0%,transparent 100%);border:2px solid var(--primary-light);border-radius:var(--radius-xl);padding:60px 40px;text-align:center;margin:100px auto;max-width:800px}.cta-box h3{font-size:30px;font-weight:800;color:var(--text-primary);margin-bottom:20px}.cta-box p{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.cta-box .cta-button{padding:18px 50px;background:var(--primary);color:#fff;border-radius:var(--radius-full);text-decoration:none;font-weight:700;font-size:18px;transition:all .3s ease}.cta-box .cta-button:hover{background:var(--primary-hover);transform:translateY(-3px)}footer{text-align:center;padding:60px 20px;background:var(--bg-subtle);margin-top:80px;border-top:1px solid var(--border-light)}footer a{color:var(--text-tertiary);text-decoration:none;margin:0 12px;font-size:14px;transition:color .3s ease}footer a:hover{color:var(--primary)}footer p{margin-top:16px;color:var(--text-tertiary);font-size:14px}footer svg{margin-top:12px;transition:transform .3s ease;cursor:pointer}footer svg:hover{transform:scale(1.15) rotate(5deg)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.hero{padding:60px 16px 40px}.cta-button{font-size:16px;padding:14px 36px}.section{padding:60px 16px}.channel-card,.category-item{padding:30px 20px;min-height:180px}.cta-box{padding:40px 20px;margin:60px auto}.seo-content{padding:40px 20px;margin:80px auto}}.btn-primary{background:var(--primary);color:#fff;padding:10px 24px;border-radius:var(--radius-full);font-weight:600;transition:all .3s ease}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}@media (max-width:768px){.btn-primary{margin-top:10px}}