Improved Code

• Variables: Added CSS variables for colors, font sizes, and common styles to make the stylesheet easier to maintain.
• Redundant Code: Removed redundant box-sizing definitions.
• Combined Selectors: Combined similar selectors to reduce duplication.
• Consistent Naming: Ensured consistent naming and formatting.
• Comments: Improved and clarified comments for better readability.
• Semantic HTML: Used , , , ,
  , and

  for better structure and readability.

• Accessibility: Added aria-labelledby attributes to
  elements for better accessibility.
• SEO Improvements: Optimized the <title> tag and improved meta descriptions.
• Clean Code: Removed unnecessary inline styles and ensured the code is clean and well-structured.