.video-hub{padding-top:130px;padding-bottom:100px}.channel-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;padding:38px 0 46px;border-bottom:1px solid var(--card-border)}.channel-mark{width:120px;height:120px;padding:5px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:var(--neon-glow)}.channel-mark span{width:100%;height:100%;display:grid;place-items:center;border:5px solid var(--bg-base);border-radius:50%;background:#081226;color:#fff;font:700 2rem var(--font-logo)}.channel-copy h1{margin:4px 0 8px;font:700 clamp(2rem,4vw,3.5rem)/1.08 var(--font-heading)}.channel-copy>p{color:var(--text-muted)}.channel-actions{display:flex;gap:10px;margin-top:20px}.video-toolbar{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:38px 0;padding:20px}.video-toolbar>div:first-child{width:min(520px,100%)}.video-toolbar label{display:block;margin-bottom:7px;color:var(--text-muted);font-size:.72rem;font-weight:800}.video-search{position:relative}.video-search>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.video-search input{width:100%;padding:12px 42px;border:1px solid var(--card-border);border-radius:9px;background:rgba(2,8,23,.45);color:var(--text-pure)}.video-search button{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--text-muted)}.video-filters{display:flex;gap:5px}.video-filters button{padding:10px 14px;border:0;border-radius:999px;background:none;color:var(--text-muted);font-weight:700;cursor:pointer}.video-filters button.active{background:rgba(0,212,255,.12);color:var(--primary)}.video-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.video-section-heading h2{font:700 1.75rem var(--font-heading)}.video-section-heading a{color:var(--primary);font-size:.78rem;text-decoration:none}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{overflow:hidden;border:1px solid transparent;border-radius:13px;background:rgba(17,24,39,.58);color:var(--text-pure);text-decoration:none;transition:.25s}.video-card:hover{transform:translateY(-5px);border-color:rgba(0,212,255,.4)}.video-card[hidden],.video-empty[hidden]{display:none}.video-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-thumbnail span{position:absolute;inset:50% auto auto 50%;width:46px;height:46px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#f00;color:#fff;opacity:0;transition:.2s}.video-card:hover .video-thumbnail span{opacity:1}.video-thumbnail>b{position:absolute;right:7px;bottom:7px;padding:3px 6px;border-radius:4px;background:#000;color:#fff;font-size:.68rem}.video-card-copy{padding:17px 18px 20px}.video-card-copy small{color:var(--primary);font-size:.62rem;font-weight:800}.video-card-copy h3{margin:7px 0;font-size:.95rem;line-height:1.45}.video-card-copy p{color:var(--text-muted);font-size:.75rem}.playlist-art{position:relative;aspect-ratio:16/9;display:flex;align-items:center;gap:18px;padding:28px;background:linear-gradient(135deg,#111827,#684100);color:#ff9900}.playlist-art>i{font-size:3.2rem}.playlist-art span b,.playlist-art span small{display:block}.playlist-art span b{color:#fff}.playlist-art em{position:absolute;right:0;inset-block:0;width:28%;display:grid;place-items:center;background:rgba(0,0,0,.42);color:#fff}.video-empty{text-align:center;padding:45px}.playlist-feature{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:42px;margin-top:80px;padding:40px;border-radius:18px;background:linear-gradient(125deg,#075985,#3730a3)}.playlist-feature h2{font:700 2.3rem var(--font-heading)}.playlist-feature p{margin:8px 0 22px;color:#dbeafe}.playlist-feature iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}@media(max-width:950px){.video-grid{grid-template-columns:repeat(2,1fr)}.video-toolbar,.playlist-feature{display:block}.video-filters{margin-top:14px}.playlist-feature iframe{margin-top:25px}}@media(max-width:620px){.channel-header{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr}.video-section-heading{display:block}.channel-actions{flex-wrap:wrap}.video-hub{padding-top:105px}}