body {margin:0;font-family:'Segoe UI',Arial,sans-serif;background:#0f0f0f;color:#fff;}
.navbar {display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:#181818;border-bottom:1px solid #222;}
.navbar nav a {margin:0 12px;text-decoration:none;color:#ccc;}
.navbar nav a:hover {color:#fff;}
.hero {padding:80px 40px;text-align:center;background:linear-gradient(135deg,#1f1f1f,#121212);}
.hero-btn {padding:10px 20px;border:none;background:#ff0000;color:#fff;border-radius:4px;cursor:pointer;}
.video-grid {padding:50px 40px;}
.grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.card {background:#181818;border-radius:8px;overflow:hidden;transition:.2s;}
.card:hover {transform:translateY(-6px);box-shadow:0 8px 25px rgba(0,0,0,.6);}
.thumbnail {height:160px;background:linear-gradient(135deg,#333,#222);}
.card-content {padding:12px;}
footer {padding:20px;text-align:center;background:#181818;color:#777;margin-top:50px;}