body{margin:0;background:#0b0d12;color:#e8ecf1;font-family:Segoe UI,Roboto,Helvetica,Arial}
.wrap{max-width:1200px;margin:0 auto;padding:28px 18px 80px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:#101420;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}
.cover{aspect-ratio:16/9;background:#0d1220}.cover img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:12px}.title{font-weight:700}.btn{display:inline-block;margin-top:8px;padding:8px 12px;border-radius:10px;background:linear-gradient(90deg,rgba(124,58,237,.7),rgba(14,165,233,.7));color:#fff;text-decoration:none}
.footer{opacity:.8;font-size:12px;text-align:center;margin-top:20px}