:root{--bg:#0f1117;--card:#1a1d27;--fg:#e8eaf0;--mut:#9aa1b2;--acc:#ff5a36}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,sans-serif}
a{color:var(--acc)}header,main,footer{max-width:1100px;margin:auto;padding:16px}
header a.logo{font-size:1.5rem;font-weight:800;text-decoration:none;color:var(--fg)}header a.logo span{color:var(--acc)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:var(--card);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--fg);display:block}
.card img{width:100%;aspect-ratio:460/215;object-fit:cover;display:block;background:#222}
.card div{padding:10px 12px}.card small{color:var(--mut)}.badge{color:var(--acc);font-size:.75rem;font-weight:700}
.video{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:16px 0}.shots img{width:100%;border-radius:8px}
.meta{color:var(--mut)}.btn{display:inline-block;background:var(--acc);color:#fff;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:700}
footer{color:var(--mut);font-size:.85rem}