body{background:#111;color:#fff;font-family:Arial;margin:0}.hero{text-align:center;padding:80px;background:linear-gradient(45deg,#4b0082,#09f)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:20px}.card{background:#222;padding:30px;border-radius:10px}