🧮 Modern Calculator

A fully interactive Calculator Web App built with HTML, CSS, and JavaScript, featuring an animated conic-gradient border, clean layout, and responsive controls. The project includes a start screen, a polished UI, and optimized event handling to ensure smooth and efficient performance.

---

✨ Features

• Animated conic-gradient border with smooth rotation
• Clean dark UI with soft shadows and rounded buttons
• Responsive design suitable for all screen sizes
• Real-time calculations with support for AC, DEL, operators, and equal
• Safe evaluation with error handling for invalid inputs
• Optimized event handling using a listenersAttached flag to avoid duplicate listeners

---

📂 Project Structure

📦 Calculator App
│── index.html
│── style.css
│── script.js

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript

---

🚀 How It Works

• The calculator remains hidden until the user clicks Start.
• When activated, the user can click buttons to build a calculation string.
• Pressing = evaluates the expression safely using try/catch.
• AC clears the display, DEL removes the last character, and operators append to the expression.
• CSS animations run smoothly using @property and conic gradients to create a glowing rotating border.

---

📸 Preview

📥 Getting Started

1. Clone the repository.
2. Open index.html in your browser.
3. Click Start and begin using your calculator.