.streams-section{padding:120px 20px 60px;text-align:center}.streams-title{font-size:32px;font-weight:700;margin-bottom:10px}.stats{color:#aaa;font-size:15px;margin-bottom:30px}.grid-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;max-width:1600px;margin:auto}.card{background:rgb(20 20 30 / .65);backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .08);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgb(0 0 0 / .5);transition:all .35s ease;position:relative}.card:hover{transform:translateY(-6px);border-color:red;box-shadow:0 12px 35px rgb(0 0 0 / .7)}.card.featured{overflow:visible;transform:scale(1.02);z-index:10}.card{opacity:0;transform:translateY(10px);animation:fadeInUp .35s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.card.active{border-color:red;box-shadow:0 0 15px rgb(255 0 0 / .4)}.card.featured{animation:none!important;opacity:1!important;transform:none!important}.preview{position:relative;width:100%;aspect-ratio:16/9;background:#000;cursor:pointer;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.preview:hover img{transform:scale(1.05);filter:brightness(1.1)}.preview iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:2}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:rgb(0 0 0 / .7);border-radius:14px;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all .25s ease;z-index:2}.play-btn::before{content:"";border-left:18px solid #fff;border-top:10px solid #fff0;border-bottom:10px solid #fff0;margin-left:4px}.preview:hover .play-btn{background:red;transform:translate(-50%,-50%) scale(1.08)}.duration{position:absolute;bottom:8px;right:8px;background:rgb(0 0 0 / .8);padding:3px 6px;font-size:12px;border-radius:4px;color:#fff}.info-wrapper{padding:16px}.info-content{display:flex;align-items:center;gap:10px;margin-bottom:6px}.text-info{display:flex;flex-direction:column}.channel{font-size:16px;font-weight:700;color:#fff;text-align:left}.title{font-size:14px;color:#bfbfbf;margin-top:6px;margin-bottom:6px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:12px;color:#aaa;text-align:left;margin-top:4px}@media(max-width:768px){.grid-live{grid-template-columns:1fr;max-width:500px}}.yt-btn{display:block;width:100%;margin-top:12px;text-align:center;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;text-decoration:none;border:1px solid red;background:rgb(255 0 0 / .15);transition:all .25s ease}.yt-btn:hover{background:red;border-color:red;box-shadow:0 4px 15px #ff00004d}.yt-filters{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.yt-filters button{padding:8px 16px;border-radius:999px;border:1px solid rgb(255 0 0 / .25);background:rgb(255 0 0 / .06);color:#ccc;font-size:13px;cursor:pointer;transition:all .3s ease}.yt-filters button:hover{background:rgb(255 0 0 / .15);border-color:rgb(255 0 0 / .5);color:#fff;transform:translateY(-1px)}.yt-filters button.active{background:linear-gradient(135deg,rgb(255 0 0 / .35),rgb(255 0 0 / .2));border-color:rgb(255 0 0 / .7);color:#fff;box-shadow:0 4px 14px rgb(255 0 0 / .25);transform:translateY(-1px)}.avatar{width:42px;height:42px;border-radius:50%;border:2px solid red}.yt-featured{max-width:1200px;margin:0 auto 40px}.yt-featured .preview{border-radius:16px;overflow:hidden}.yt-featured .preview{aspect-ratio:16/9}.yt-featured .card{border:1px solid red;box-shadow:0 15px 50px rgb(0 0 0 / .8)}.yt-close{position:absolute;top:-18px;right:-18px;width:34px;height:34px;background:red;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:999;box-shadow:0 4px 12px rgb(0 0 0 / .6);transition:.2s}.yt-close:hover{transform:scale(1.1)}.grid-live.dimmed .card{filter:grayscale(.8) brightness(.75);opacity:.7;transform:scale(.98);transition:all .3s ease}.grid-live.dimmed .card.active{filter:none;opacity:1;transform:scale(1)}.grid-live.dimmed .card:hover{filter:none;opacity:1;transform:scale(1)}