*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{color:#222}header{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:#0f172a;color:#fff}nav a{color:#fff;text-decoration:none;margin-left:20px}.hero{padding:100px 8%;text-align:center;background:linear-gradient(135deg,#0f172a,#14b8a6);color:#fff}.hero h1{font-size:3rem}.hero p{margin:20px 0}.btn{background:#fff;color:#0f172a;padding:12px 24px;text-decoration:none;border-radius:8px}.section{padding:70px 8%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:25px}.card{padding:24px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dark{background:#f4f7fa}footer{background:#0f172a;color:#fff;text-align:center;padding:40px}