.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,560px);justify-content:center;gap:24px;max-width:1600px;margin:auto}.grid-offline{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:24px;max-width:1400px;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;will-change:transform}.card:hover{transform:translateY(-6px);border-color:#22c55e;box-shadow:0 12px 35px rgb(0 0 0 / .7)}.preview{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000}.preview iframe,.preview img{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.live,.offline{position:absolute;top:10px;left:10px;background:#e53935;color:#fff;padding:4px 8px;font-size:12px;font-weight:700;border-radius:6px;z-index:10}.live::before{content:"";width:7px;height:7px;background:#fff;border-radius:50%;display:inline-block;margin-right:6px;animation:liveBlink 1.3s infinite}@keyframes liveBlink{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}.viewers{position:absolute;top:36px;left:10px;background:rgb(0 0 0 / .7);color:#fff;padding:4px 8px;font-size:12px;border-radius:6px;z-index:10}.info-wrapper{padding:18px}.info-content{display:flex;align-items:center;gap:12px;margin-bottom:14px}.avatar{width:46px;height:46px;border-radius:10px;border:2px solid #22c55e;object-fit:cover}.channel{font-size:20px;font-weight:800;letter-spacing:.3px}.title{font-size:14px;color:#bfbfbf;margin-top:6px;margin-bottom:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kick-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 #22c55e;background:rgb(34 197 94 / .15);transition:all .25s ease}.kick-btn:hover{background:#22c55e;border-color:#22c55e;box-shadow:0 4px 15px #53fc184d}@media(max-width:768px){.grid{grid-template-columns:1fr;max-width:500px}}.live{background:#e53935;color:#fff}.offline{background:#555;color:#fff}.streams-subtitle{margin-top:40px;margin-bottom:20px;font-size:22px;font-weight:700;color:#fff}.no-live{text-align:center;padding:40px;font-size:18px;color:#bbb}.card.offline-card .preview{aspect-ratio:1 / 1}.card.offline-card .preview{aspect-ratio:1 / 1}.offline-avatar{transition:transform .3s ease}.offline-card:hover .offline-avatar{transform:scale(1.05)}.info-content{display:flex;align-items:center;gap:12px;margin-bottom:8px}.avatar{width:42px;height:42px;border-radius:50%;border:2px solid #22c55e;object-fit:cover}.text-info{display:flex;flex-direction:column}.channel{font-size:18px;font-weight:700;color:#fff;line-height:1.1}.title{font-size:13px;color:#bfbfbf;margin-top:6px;margin-bottom:12px}