TASK
Create a premium stylish web app which allows users to perform financial calculations. They should be able to input values, and the system will perform the calculations and display the results.

TECHNICAL
- **Architecture**: Static Web Application (HTML/CSS/JS).
- **Core Stack**: HTML5, CSS, JavaScript (ES6+), React, htm.
- **Dependencies**: Tailwind CSS (via CDN), Chart.js (via CDN), React (via CDN), htm (via CDN).
- **Calculation Logic**: JavaScript for client-side performance and easy static hosting.
- **Hosting**: Netlify (Static hosting).

DESIGN
Use HTML, CSS, Javascript for design. Use a dark charcoal theme an accent of a rich subtle gradient in the background, which has a high quality premium aesthetic.
Concept: A modern, tech-forward aesthetic using glassmorphism (frosted glass effects) to create depth and layering. It feels dynamic and contemporary.
Background: Dark charcoal with very subtle, slow-moving abstract gradients in the background (deep blues or purples) to provide depth.
Cards: Content is contained in semi-transparent "frosted glass" cards with soft white borders.
Typography: Clean, geometric sans-serif fonts throughout (e.g., Outfit or DM Sans).
Accents: Vibrant but professional accent colors (e.g., Electric Blue or Teal) for buttons and active states.
Layout: Grid-based layout. Hero section with a dynamic background effect.
Interactivity: Cards lift and glow slightly on hover. Smooth parallax scrolling effects.
Vibe: Innovative, Modern, High-Tech.
Sidebar: Navigation between cards should be done via a sidebar on the left of the screen.

CALCULATORS
Implement financial calculators focused on Options Pricing:
1. Black-Scholes Model (Call & Put Prices)
2. Option Greeks (Delta, Gamma, Theta, Vega, Rho)
3. Implied Volatility Calculator
4. Put-Call Parity Checker
5. Binomial Option Pricing Model
6. Option Strategy Profit/Loss Visualizer

IMPLEMENTATION STRATEGY
1. **Project Initialization**:
   - Create a simple `index.html` file.
   - Include Tailwind CSS via CDN: `<script src="https://cdn.tailwindcss.com"></script>`.
   - Include Chart.js via CDN: `<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>`.
   - Include React and ReactDOM via CDN (e.g., unpkg).
   - Include htm via CDN (e.g., unpkg) and bind it to React: `const html = htm.bind(React.createElement);`.
2. **Design System Implementation**:
   - Configure Tailwind theme in a `<script>` tag within `index.html` to define colors (Charcoal, Electric Blue).
   - Use utility classes for glassmorphism (backdrop-blur, white-opacity backgrounds).
3. **Component Development**:
   - Build a responsive `Layout` component with the animated background using React functional components and `html` tagged templates.
   - Create a reusable `CalculatorCard` component.
   - Develop a `ResultChart` component using a library like Chart.js wrapped in a React component.
4. **Logic Implementation**:
   - Write pure functions for each financial calculation (e.g., `calculateCompoundInterest(...)`).
   - Connect UI inputs to these functions.
5. **Testing & Optimization**:
   - Verify accuracy of calculations against known standards.
   - Ensure responsive design works on mobile and desktop.
   - Check for errors e.g. strings (style="background:..."), which is valid HTML but React throws a hard error on it

TESTING
You must rigorously test the web app in a headless browser e.g. Chrome and test that it loads properly, and that each card loads correctly. Fix any errors and test again.

EXPLAIN HOW TO OPEN
After completion, explain to the user that they can open the index.html file in their browser.

UPLOAD & DEPLOYMENT
After completion, explain in detail how to publish this web app on Netlify:

1. **Prepare the Files**:
   - Ensure all your files (`index.html`, `styles.css`, `script.js`, etc.) are in a single folder.

2. **Deploy to Netlify**:
   - Go to [Netlify](https://www.netlify.com/) and sign up or log in.
   - Navigate to the "Sites" tab.
   - Drag and drop your project folder into the "Want to deploy a new site without connecting to Git?" area.
   - Netlify will upload and publish your site immediately.

3. **Domain Setup**:
   - Once deployed, click "Domain settings" in the site overview.
   - Click "Add custom domain" to register a new domain or connect one you already own.
   - Follow the instructions to update your DNS records if using an external registrar.