Major website redesign: Complete CSS architecture overhaul

- Reorganized CSS into modular architecture (core.css, pages.css, responsive.css, components.css)
- Implemented comprehensive design system with CSS custom properties for theming
- Added responsive navigation with hamburger menu and dropdown systems
- Created modern card-based component system for courses, expertise, and services
- Enhanced all HTML pages with updated styling and improved user experience
- Added extensive animation system with smooth transitions and hover effects
- Implemented mobile-first responsive design with comprehensive breakpoints
- Established industry-specific color theming system
- Moved old CSS files to backup folder for reference
- Updated all service, education, and industry pages with consistent styling

css/backup/expertise-fix.css

@@ -0,0 +1,37 @@
+/* Expertise Cards Heading Styles */
+.exp-item h3 {
+  font-size: 1.8rem;
+  line-height: 1.2;
+  margin-top: 0.5rem;
+  margin-bottom: 1.2rem;
+  color: #52eef5;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+  white-space: nowrap;
+  overflow: visible;
+  text-overflow: clip;
+}
+
+/* Responsive adjustments */
+@media (max-width: 1024px) {
+  .exp-item h3 {
+    font-size: 1.6rem;
+    white-space: nowrap;
+  }
+}
+
+@media (max-width: 768px) {
+  .exp-item h3 {
+    font-size: 1.5rem;
+    margin-bottom: 1rem;
+    white-space: nowrap;
+  }
+}
+
+@media (max-width: 480px) {
+  .exp-item h3 {
+    font-size: 1.4rem;
+    margin-bottom: 0.8rem;
+    white-space: nowrap;
+  }
+}