.streamers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;}.streamer-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);height:100%;position:relative;}.streamer-card::before{content:'';position:absolute;inset:-1px;padding:1px;border-radius:12px;background:var(--gradient-brand);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1);pointer-events:none;z-index:1;}.streamer-card:hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,0.28),0 0 20px rgba(108,92,231,0.06);}.streamer-card:hover::before{opacity:0.8;}.streamer-preview{width:100%;aspect-ratio:16/9;background:var(--bg-card);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}.streamer-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,16,0.8) 0%,rgba(6,6,16,0.2) 60%,transparent 100%);pointer-events:none;transition:background 0.4s;z-index:1;}.streamer-preview img.stream-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.9;transition:opacity 0.4s;}.streamer-card:hover .streamer-preview img.stream-thumb{opacity:0.8;}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.8);width:48px;height:48px;border-radius:50%;background:rgba(108,92,231,1);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.2);transition:all 0.35s cubic-bezier(0.16,1,0.3,1);z-index:5;opacity:0;transform:scale(0.8);}.play-icon svg{width:18px;height:18px;fill:#fff;margin-left:3px;}.streamer-card:hover .play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1);}.streamer-live-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:5px;padding:4px 10px;background:rgba(231,76,60,0.85);backdrop-filter:blur(6px);border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}.streamer-info{padding:24px;display:flex;align-items:center;gap:16px;flex-wrap:nowrap;}.streamer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;}.streamer-details{flex:1;min-width:0;}.streamer-name{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.streamer-meta{font-size:12px;color:var(--text-muted);}.streamer-socials{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;}.streamer-socials a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);transition:all 0.3s;background:rgba(255,255,255,0.02);}.streamer-socials a svg{width:16px;height:16px;}.streamer-socials a:hover{color:var(--accent-blue);background:rgba(58,190,255,0.05);transform:translateY(-1px);}.kick-link{background:#00e701;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;width:36px !important;height:36px !important;}.kick-link:hover{transform:scale(1.08) translateY(-1px) !important;box-shadow:0 0 15px rgba(0,231,1,0.4);background:#05ff06 !important;}.kick-link svg{fill:black !important;}