.media-carousel-wrapper{position:relative;width:100%;}.media-carousel-viewport{display:flex;gap:32px;padding:30px 0;overflow-x:auto;scrollbar-width:none;cursor:grab;user-select:none;}.media-carousel-viewport::-webkit-scrollbar{display:none;}.video-card{flex:0 0 340px;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);position:relative;cursor:pointer;}.video-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;}.video-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);}.video-card:hover::before{opacity:0.8;}.video-thumb{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-card);overflow:hidden;}.video-thumb img{width:100%;height:100%;object-fit:cover;opacity:0.9;transition:opacity 0.4s;}.video-thumb::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;}.play-btn{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;}.play-btn svg{width:18px;height:18px;fill:#fff;margin-left:3px;}.video-card:hover .play-btn{opacity:1;transform:translate(-50%,-50%) scale(1.1);}.video-duration{position:absolute;bottom:10px;right:10px;padding:2px 8px;background:rgba(0,0,0,0.8);border-radius:3px;font-size:11px;font-weight:600;z-index:2;}.video-info{padding:24px;}.video-info h4{font-size:16px;font-weight:700;margin-bottom:6px;line-height:1.4;font-family:'Space Grotesk',sans-serif;}.video-meta{display:flex;gap:12px;font-size:12px;color:var(--text-muted);}