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