*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}body{background:#f5f7fb}header{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.logo{font-size:28px;font-weight:bold;color:#3b82f6}nav a{text-decoration:none;margin:0 10px;color:#333}.btn,.btn-outline{padding:10px 20px;border-radius:8px;cursor:pointer}.btn{background:#3b82f6;color:#fff;border:none}.btn-outline{border:2px solid #3b82f6;background:#fff;color:#3b82f6}.hero{text-align:center;padding:100px 20px}.cards{display:flex;gap:20px;justify-content:center;padding:40px;flex-wrap:wrap}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.08);width:250px}footer{text-align:center;background:#111827;color:#fff;padding:20px}