/* Simple responsive styles */
:root{--bg:#0f1724;--card:#0b1220;--muted:#9aa4b2;--accent:#4caf50}
*{box-sizing:border-box;font-family:Inter,system-ui,Arial;line-height:1.4}
body{margin:0;background:linear-gradient(180deg,#0b1220,#071020);color:#e6eef6}
.container{max-width:900px;margin:2rem auto;padding:1rem}
.hero{padding:4rem 1rem;text-align:center;background:linear-gradient(90deg,rgba(255,255,255,0.03),transparent)}
.hero h1{font-size:2.2rem;margin:.2rem}
.btn{display:inline-block;margin-top:1rem;padding:.6rem 1rem;background:var(--accent);color:#042; border-radius:8px;text-decoration:none}
.card{background:rgba(255,255,255,0.03);padding:1rem;border-radius:12px;margin-bottom:1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.grid img{width:100%;height:180px;object-fit:contain;background:#071022;padding:8px;border-radius:8px}
.site-footer{text-align:center;padding:1rem;color:var(--muted);font-size:.9rem}
.note{color:var(--muted);font-size:.95rem}