The area of the largest square is . What’s the combined area of the smaller square and rectangle?
The angle of the larger square can be varied. When it is aligned horizontally, the outer square and the darker blue square coincide (meaning that the lighter blue rectangle effectively does not exist) showing that they have the same area.
Alternatively, if the larger square is tilted at to the horizontal then the lighter blue rectangle is also a square and the two shaded squares have the same combined area as the outer square.