:root{--brand:#3DC0BB;--brand-dark:#3DC0BB;--muted:#6b7280;--card-bg:#fff;--bg:#f9fafb}body{font-family:system-ui,sans-serif;background:var(--bg);margin:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.hero{text-align:center;padding:60px 20px}