:root{color-scheme:dark;--bg:#111214;--panel:#27282b;--text:#f1f1f1;--blue:#3ea6ff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}body{display:grid;place-items:center;padding:28px}.page{width:min(760px,100%)}.player-card{position:relative;overflow:hidden;padding:16px;border-radius:8px;background:var(--panel);box-shadow:0 10px 40px rgba(0,0,0,.28)}.player-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ff0000}.provider{color:#b5b5b5;font-size:12px;margin-bottom:10px}.white-title{color:#fff;font-size:16px;line-height:1.35;font-weight:700;margin-bottom:8px}.blue-link{display:block;color:var(--blue);font-size:16px;line-height:1.35;font-weight:700;text-decoration:none;margin-bottom:10px}.video-link{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#181818}.video-link img{width:100%;height:100%;display:block;object-fit:cover}.play-button{position:absolute;left:50%;top:50%;width:80px;height:56px;transform:translate(-50%,-50%);background:rgba(0,0,0,.72);border-radius:16px;display:grid;place-items:center}.play-triangle{width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid #fff;margin-left:5px}