body { background:#f6f7f9; color:#202124; }
.hero { background:linear-gradient(135deg,#fff,#eef4ff); border-bottom:1px solid #e5e9f0; }
.eyebrow { color:#0d6efd; font-weight:700; letter-spacing:.08em; font-size:.8rem; }
.stat-box { display:inline-flex; flex-direction:column; background:#fff; border:1px solid #e3e7ed; border-radius:18px; padding:18px 30px; box-shadow:0 8px 30px rgba(0,0,0,.05); }
.stat-box strong { font-size:2rem; line-height:1; }
.stat-box span { color:#6c757d; margin-top:5px; }
.search-input { width:240px; }
.video-card { border:0; border-radius:16px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,.06); transition:transform .18s,box-shadow .18s; }
.video-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.1); }
.thumb { position:relative; aspect-ratio:16/9; background:#111; overflow:hidden; }
.thumb img { width:100%; height:100%; object-fit:cover; }
.placeholder-thumb { width:100%; height:100%; display:grid; place-items:center; color:#fff; font-size:3.6rem; background:linear-gradient(135deg,#111,#39414b); }
.duration { position:absolute; right:10px; bottom:10px; color:#fff; background:rgba(0,0,0,.78); border-radius:5px; padding:3px 7px; font-size:.75rem; }
.player-box { background:#000; border-radius:16px; overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.14); }
.player-box video { display:block; width:100%; max-height:75vh; background:#000; }
.related-item { display:flex; align-items:center; gap:12px; padding:14px 16px; color:#212529; text-decoration:none; border-bottom:1px solid #eee; }
.related-item:hover { background:#f8f9fa; }
.related-item span { min-width:0; }
.related-item strong { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.92rem; }
.related-item small { display:block; margin-top:4px; color:#6c757d; }
.empty-state { text-align:center; padding:80px 20px; color:#6c757d; }
.empty-state > i { font-size:3rem; margin-bottom:15px; color:#adb5bd; }
@media (max-width:575px) {
  .search-input { width:160px; }
  .hero h1 { font-size:2rem; }
}