body{font-family:Arial,sans-serif;margin:0;background:#f5f7fb;color:#222}header{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:#fff;position:sticky;top:0}nav a{margin-left:16px;text-decoration:none;color:#333}.hero{padding:80px 8%;text-align:center;background:linear-gradient(135deg,#5b4bff,#7b61ff);color:#fff}.btn{background:#fff;color:#5b4bff;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:20px 8%}.grid div{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08)}section{padding:40px 0}h2{text-align:center}ol{max-width:600px;margin:auto}footer{text-align:center;padding:30px;background:#fff}