feat: Add Responsive Privacy Policy Page to the Website

[yuvraj-k-singh]

📝 Description

Added a fully responsive and well-structured Privacy Policy page that clearly explains the website’s data collection practices, user privacy rights, and security measures. The page should match the overall website design and be easily accessible from the footer or navigation menu.

🎨 Keeping the Design Consistent

• Dual-Theme Support: I used the project's exact CSS naming tokens to support both light and dark modes. It automatically defaults to your sleek dark mode layout, but transitions beautifully if a user switches themes.
• Color Token Matching: In dark mode, it uses the deep background (#060b13) and elevated cards (#0a1322). In light mode, it shifts to clean, accessible slate grays and crisp whites to keep readability high.
• Neon Accents: I added the project's signature neon green color (#22c55e / #16a34a) as a left-border highlight next to each section header (1. Information We Collect, etc.). It acts as a great visual anchor and makes scanning the document effortless.
• Smooth Interaction: The navigation elements and theme toggle button have smooth hover effects and color transitions built-in.

📱 Responsiveness & Structural Engineering

• Fluid Layout Boundaries: Implemented a mobile-first flow using flexible padding metrics and a optimal text line-length wrapper (max-width: 850px). This limits horizontal text stretching on ultra-wide monitors, maximizing scannability.
• Media Query Breakpoints: Added strategic breakpoints at 768px to elegantly downscale text margins, heading weights, and card padding for smaller viewport form factors (tablets and mobile devices).
• Semantic HTML5 Build: Built using standard native semantic structural nodes (<header>, <main>, <article>, <section>) to optimize search visibility and ensure screen-reader accessibility.

📝 Authentic Open-Source Policy Copy

Replaced generic, non-applicable placeholder copy with a custom, highly relevant open-source privacy declaration covering:

1. Log Files & Hosting Metrics: Transparent details regarding automated deployment logs.
2. Local Client-Side Storage: Express documentation on why and how the platform utilizes browser localStorage locally to save user configurations (e.g., game progress scores, interface settings, and favorites lists) without external database dependencies.
3. Third-Party Sandboxing: Explicit disclaimers regarding outbound links to external GitHub repositories, dev tools, and frameworks.

---

🔗 Linked Issue

Closes #445

---

📋 Contribution Checklist

• My code strictly adheres to the project guidelines (Standard library only, procedural code, clean spacing).
• I have verified that my files are placed in the correct directory.
• I have tested my changes thoroughly on my local machine.
• I have included interactive emojis and clean console/UI outputs.
• GSSoC 2026: I have been formally assigned to this issue and noted it above.

[vercel]

@yuvraj-k-singh is attempting to deploy a commit to the Anuj's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

🎉 Thank you for your contribution!

Your Pull Request has been merged successfully.

We appreciate the time and effort you put into improving this project. Contributions like yours help the repository grow and stay useful for everyone.

If you'd like to contribute again, please check the open issues and make sure you are assigned before opening another Pull Request.

Thanks again for your support! 🙌