:root{--text:#111827;--muted:#667085;--bg:#f7f9fc;--card:#ffffff;--border:#e6e9ef}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}
.nav{background:#fff;border-bottom:1px solid var(--border)}
.nav .wrap{max-width:1100px;margin:0 auto;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:700;text-decoration:none}
.main .wrap{max-width:1100px;margin:2rem auto;padding:0 1rem}
.grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:720px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem}
.card img{max-width:100%;height:48px;object-fit:contain;margin-bottom:.5rem}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:.7rem 1rem;border-radius:8px}
.footer {position: static;left: 0;right: 0;bottom: 0;background: #f6f6f6;border-top: 1px solid #e6e6e6;padding: 12px 16px;z-index: 100;}
.h1{font-size:1.7rem;margin:0 0 1rem}
.desc{color:#667085;margin:0 0 1rem}
.links{display:grid;grid-template-columns:1fr;gap:.75rem}
.link{background:#fff;border:1px solid var(--border);border-radius:10px;padding:.9rem}
.link h3{margin:.2rem 0 .4rem}
.link p{margin:0;color:#667085}
.theme{--brand:#3F8A6B;--accent:#529176}
.brand{color:var(--brand)}
.card h3{color:var(--brand)}