.video-preview{aspect-ratio:16/9;cursor:pointer;border-radius:8px;width:100%;position:relative;overflow:hidden}.preview-bg{background:linear-gradient(135deg,#0b0f1a,#1a1f2e);position:absolute;inset:0}.video-preview .overlay{background:#0006;transition:background .3s;position:absolute;inset:0}.video-preview:hover .overlay{background:#0009}.play-icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-icon svg{color:#fff;background:#0009;border-radius:9999px;width:70px;height:70px;padding:16px;transition:all .2s}.video-preview:hover .play-icon svg{background:#f00c;transform:scale(1.1)}.preview-text{color:#fff;opacity:.9;font-size:14px;position:absolute;bottom:10px;left:12px}