body{margin:0;font-family:Arial,sans-serif;line-height:1.6;color:#222}header{background:#0f172a;color:#fff;position:sticky;top:0}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 8%}nav ul{display:flex;gap:1rem;list-style:none}nav a{color:#fff;text-decoration:none}.hero{background:#0056d2;color:#fff;text-align:center;padding:90px 20px}.btn{background:#22c55e;color:#fff;padding:12px 20px;text-decoration:none;border-radius:5px}section{padding:60px 8%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.grid>div{border:1px solid #ddd;padding:20px;border-radius:8px}form{display:flex;flex-direction:column;gap:10px;max-width:500px}input,textarea{padding:10px}button{padding:12px;background:#0056d2;color:#fff;border:none}footer{text-align:center;padding:20px;background:#0f172a;color:#fff}