/* Quick clean theme */
:root { --bg:#111; --fg:#eee; --muted:#bbb; --accent:#15a34a; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; font-family:-apple-system, system-ui, Arial, sans-serif; background:var(--bg); color:var(--fg); }
header { background:#000; border-bottom:1px solid #222; }
.nav { max-width:1100px; margin:0 auto; padding:14px 20px; display:flex; gap:16px; align-items:center; }
.nav a { color:var(--fg); text-decoration:none; opacity:.95; }
.nav .brand { font-weight:700; margin-right:auto; letter-spacing:.2px; }
main { max-width:1100px; margin:0 auto; padding:20px; }
.hero { padding:20px; text-align:center; background:linear-gradient(180deg,#0b0b0b,#161616); border-bottom:1px solid #1e1e1e; }
.btn { display:inline-block; background:var(--accent); color:#052; padding:10px 14px; border-radius:8px; font-weight:700; }
.grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.card { background:#0f0f0f; border:1px solid #1f1f1f; border-radius:12px; padding:16px; }
.footer { text-align:center; padding:20px; color:var(--muted); border-top:1px solid #1c1c1c; margin-top:24px; }
.row { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; margin-top:16px; }
.row img { width:48%; max-width:520px; height:auto; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,.4); }
@media (max-width:700px){ .row img { width:100%; } }