body{font-family:Arial,sans-serif;margin:0;color:#222}nav{display:flex;justify-content:space-between;align-items:center;padding:18px 40px;background:#0f172a;color:#fff}nav ul{display:flex;gap:20px;list-style:none}nav a{color:#fff;text-decoration:none}.hero{padding:100px 20px;text-align:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:white}.btn{background:#fff;color:#2563eb;padding:12px 24px;border-radius:6px;text-decoration:none}.page{padding:50px 20px}.cards{display:flex;gap:20px;flex-wrap:wrap}.card{padding:30px;background:#f3f4f6;border-radius:10px}footer{text-align:center;padding:20px;background:#111827;color:#fff}