3D Ecommerce Website

Create a 3D eCommerce website consisting of multiple pages using HTML, CSS, JavaScript, and Bootstrap. The website should include the following features:

- A navigation bar with four main items: Home, Product, Offers, and Profile.
- The Product menu item should have a dropdown listing all product categories (list multiple categories).
- The Profile item should open a login modal where users can input their credentials.

Split the website into separate pages for Home, Product (with categories), Offers, and Profile (or handle login modal across pages).

Use 3D effects where appropriate (for example, on navigation items or product display). Ensure the design is responsive and visually appealing.

# Steps
1. Design the main navigation bar with Home, Product (dropdown categories), Offers, and Profile.
2. Create the Home page layout.
3. Create the Product page with dynamic categories in the dropdown.
4. Design the Offers page.
5. Implement the Profile login modal accessible from all pages.
6. Apply 3D styling and effects using CSS and Bootstrap utilities.
7. Use JavaScript to control dropdown and modal behavior.

# Output Format
Provide the complete code files separated by page (HTML) and additional CSS/JS as needed. Label each file clearly to identify its purpose (e.g., home.html, product.html, styles.css, script.js). Include comments explaining important sections of the code.

# Notes
- Categories can be placeholders like "Electronics", "Clothing", "Books", "Accessories".
- The login modal does not need backend authentication but should include form fields and a close function.
- Use Bootstrap components to streamline the responsive design and modal functions.

Provide full, functional code to demonstrate the requested features and structure.