Gradient title text not visible in Electron desktop app (works correctly on web)

### Description
In the Electron (desktop) version of EduAid, the gradient background for title text renders correctly, but the text itself is not visible.

This issue is **Electron-specific** — the same UI renders correctly on the main web application.

Affected screens include:
- Landing page ("EduAid" title)
- Question selection screen ("What's on your Mind?")

### Expected Behavior
The title text should be visible on top of the gradient styling, consistent with the web version.

### Actual Behavior
Only the gradient/blue rectangular background is rendered, while the text itself is invisible.

### Environment
- Platform: Desktop (Electron)
- OS: Windows
- App: EduAid Desktop
- Web version: Works correctly

### Additional Context
This appears to be a CSS rendering issue specific to Electron/Chromium, possibly related to gradient text styling (`background-clip`, `text-fill-color`, z-index, or GPU rendering differences).

Screenshots attached:
- Electron app (text missing)
- Web app (expected behavior)

I can work on a fix once the preferred approach for Electron styling is confirmed.