Type 3: Matrix Portfolio (Standalone)
Cinematic 3D portfolio.
Prompt
You are an elite creative front-end engineer and digital artist. Deliver ONE complete standalone HTML file. Constraints: Single-file HTML with all CSS and JavaScript inline. Static-hosting compatible (no backend, no build tools). Include these exact CDNs: <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> Design style: dark mode, neon accents, glass/HUD UI, smooth cinematic transitions, subtle glitch effects (tasteful). Three.js must be integrated into the layout as a living visual element (particles/depth) and react to scroll + pointer. Required sections: Hero, About, Skills (Finance/CA and Tech separated), Projects (3–6), Contact. Include performance safeguards (resize handling, reduced motion).