Now I have the original CSS. Let me recreate the page matching this exact styling:

Now let me update the page to match the exact styling from your original CSS with the cream background, dark blue headings, and gold accents:

I have reverted the page to match the exact styling from your original CSS file. The design now features the dark ink-colored cover section (#0a0e1a) with gold/yellow accents (#f5c842, #c9960a), a cream-colored content area (#faf8f3) with the paper background, deep blue headings (#0d2463), a sticky navigation with the proper border styling, executive summary cards with colored accent bars, professional data tables with the correct header styling, and all 5 portfolio charts displayed in bordered containers matching your original design system.

Now I have a good understanding of the structure. Let me create the Next.js version of this professional portfolio website with all the chart images properly embedded. I'll update the globals.css and page.tsx:

Good, I have the current setup. Now let me create the complete portfolio optimization website with all the images properly integrated:

Now I'll create a comprehensive portfolio website based on the template you provided, with all charts correctly integrated:

I have created a comprehensive portfolio optimization website based on your CSS template. The page now includes all 9 sections from your original HTML: Executive Summary with key metrics cards, Data & Assets table with all 20 Malaysian equities, Methodology section with formula blocks, Feasible Set with Figure 1, Efficient Frontier with Figures 2 and 3, Tangency Portfolio with constituent weights, Capital Market Line with Figure 4, Complete Portfolio Selection with Figure 5, and Risk Disclosure. All 5 charts are properly displayed with captions in the exact styling from your CSS file.