body{font-family:Arial,sans-serif;margin:0;background:#faf7ff;color:#222}
.hero{background:linear-gradient(135deg,#ff4fd8,#6b5cff,#3cbcff);color:#fff;text-align:center;padding:50px 20px}
.logo{max-width:220px;border-radius:20px}
.btn{display:inline-block;padding:12px 20px;background:#fff;color:#6b5cff;text-decoration:none;border-radius:30px;font-weight:bold}
section{padding:35px 20px;max-width:1000px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.grid div{background:#fff;padding:20px;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.1)}