*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0f0f0f;color:#f1f1f1}
.top{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;background:#212121}
.brand{color:#fff;text-decoration:none;font-weight:800}.nav a{color:#aaa;margin-left:10px;text-decoration:none;font-size:.85rem}
.grid{display:grid;gap:14px;padding:16px;max-width:1100px;margin:0 auto}
@media(min-width:800px){.grid{grid-template-columns:repeat(3,1fr)}}
.thumb{background:#303030;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit}
.thumb .ph{height:140px;background:linear-gradient(135deg,#333,#111)}.thumb .cap{padding:10px}
.btn{display:inline-block;background:#ff0000;color:#fff!important;text-decoration:none;padding:10px 14px;border-radius:2px;font-weight:800}
footer{padding:16px;color:#aaa;font-size:.85rem}