I'll build Hamody Academy — a cinematic cyberpunk learning platform. Let me first check the existing setup and generate a design direction.

Tailwind v4 with theme tokens in globals.css, no separate config. I'll build a full cyberpunk RTL Arabic platform. Let me set up the theme, fonts, and pages.

Now I'll build the cyberpunk theme. Let me update globals.css with the neon theme and custom effects.

Now the layout with Arabic font and RTL:

Let me check available dependencies, then build the components.

I'll generate cinematic imagery for the hero and course cards, then build the components.

Now let me build the components. Starting with the shared background and navbar:

Now the hero section:

Now the cinematic video section with custom play overlay:

Now the ranks/leaderboard section:

Now the footer with contact section:

Now the home page assembling everything:

Now the auth pages. Let me create a shared auth shell and the login + forgot-password pages:

Now let me verify it builds and renders correctly in the browser.

All three routes return 200. Let me verify the visuals in the browser.

Captured screenshots

The layout works great, but Arabic text set in the monospace font (JetBrains Mono) renders as empty boxes since it lacks Arabic glyphs. I'll switch the Arabic-containing labels to the Cairo (sans) font while keeping Latin/terminal bits in mono. Let me fix each spot.