.channel-hero{background:linear-gradient(145deg,var(--bg-light),var(--white));padding:var(--space-16) 0 var(--space-8);position:relative;overflow:hidden}.channel-hero .hero-content{max-width:1000px;margin:0 auto;text-align:center}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--gray);font-size:var(--font-size-sm);margin-bottom:var(--space-4);flex-wrap:wrap}.breadcrumb a{color:var(--primary);transition:var(--transition-base)}.breadcrumb a:hover{color:var(--primary-dark);text-decoration:underline}.breadcrumb i{font-size:.7rem;color:var(--primary)}.channel-search-section{padding:var(--space-8) 0 var(--space-4);background:var(--white)}.search-container{max-width:600px;margin:0 auto var(--space-6);position:relative}.search-container i{position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);color:var(--primary);font-size:1.2rem;pointer-events:none}.search-container input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-full);font-size:1rem;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.search-container input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(0 82 204 / .15)}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:var(--space-6) 0}.filter-btn{background:var(--white);border:1px solid var(--light-gray);color:var(--gray);padding:.5rem 1.2rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.filter-btn:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-primary);color:var(--white);border-color:#fff0;box-shadow:var(--shadow-md)}.channel-grid-section{padding:var(--space-4) 0 var(--space-16);background:var(--bg-light)}.channels-grid{display:flex;flex-direction:column;gap:var(--space-4);max-width:1300px;margin:0 auto}.channel-category{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--light-gray);overflow:hidden;transition:var(--transition-base)}.channel-category:hover{box-shadow:var(--shadow-hover);border-color:#fff0}.category-header{background:linear-gradient(145deg,var(--white),var(--bg-light));padding:var(--space-4) var(--space-5);cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--light-gray);transition:background 0.2s}.category-header:hover{background:rgba(var(--primary-rgb),.02)}.category-header h3{font-size:1.2rem;font-weight:700;margin:0;display:flex;align-items:center;gap:var(--space-3);color:var(--dark)}.category-header h3 i{color:var(--primary);font-size:1.4rem;width:32px}.channel-count{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-size:.8rem;font-weight:600;padding:.2rem .8rem;border-radius:var(--radius-full);margin-left:var(--space-2);white-space:nowrap}.toggle-icon{color:var(--primary);transition:transform 0.3s ease;font-size:1.2rem}.channel-category.collapsed .toggle-icon{transform:rotate(180deg)}.category-content{max-height:2000px;overflow:hidden;transition:max-height 0.5s cubic-bezier(.4,0,.2,1);background:var(--white)}.channel-category.collapsed .category-content{max-height:0!important}.channel-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;padding:var(--space-5)}.channel-item{display:flex;align-items:center;gap:.7rem;padding:.6rem 1rem;background:var(--bg-light);border-radius:var(--radius-full);font-size:.9rem;color:var(--dark);transition:var(--transition-base);border:1px solid #fff0;font-weight:500}.channel-item i{color:var(--primary);font-size:.9rem;width:16px}.channel-item:hover{background:rgba(var(--primary-rgb),.08);border-color:var(--primary-light);transform:translateX(5px)}.no-results{text-align:center;padding:var(--space-16) var(--space-4);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:600px;margin:0 auto}.no-results i{font-size:4rem;color:var(--light-gray);margin-bottom:var(--space-4)}.no-results h3{font-size:1.8rem;margin-bottom:var(--space-2)}.no-results p{color:var(--gray);margin-bottom:var(--space-6)}@media (min-width:640px){.channel-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.channel-list{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.channel-list{grid-template-columns:repeat(5,1fr)}.channel-header h3{font-size:1.3rem}}.channel-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin:var(--space-6) 0}.channel-stats .stat-item{background:var(--white);border:1px solid rgba(var(--primary-rgb),.1);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);min-width:90px}.channel-stats .stat-number{font-size:1.8rem;font-weight:800;color:var(--primary);line-height:1}.seo-text{background:var(--white);padding:var(--space-12) 0;text-align:center}.seo-text .container{max-width:1000px}.seo-text h2{color:var(--dark);margin-bottom:var(--space-4)}.seo-text p{color:var(--gray);font-size:1.1rem;line-height:1.7}