TODO: Migrate CSS Code to SCSS Syntax

[WinG4merBR]

The website currently contains many styles written in pure CSS, including legacy styles that are hardcoded directly into the .scss files. To improve maintainability, consistency, and take advantage of SCSS features, these files need to be refactored to follow SCSS best practices.

During this migration process, it's crucial that no changes break the existing styling of the page. We need to ensure a smooth transition while keeping the current visual design intact.

⚠️ Warning: The website has a significant amount of hardcoded CSS, which includes legacy styles. Migrating these will require careful attention, especially when dealing with custom margins, padding, and media queries for responsive layouts.

📌 Note: If any issues with margins on larger screens arise, adjustments can be made as needed to preserve layout consistency.

---

Tasks:

• Refactor pure CSS in .scss files to SCSS syntax.
• Replace hardcoded styles with SCSS variables, mixins, and proper nesting where applicable.
• Test thoroughly to ensure no visual regressions occur after migration.
• Fix any margin issues on large screens if necessary to maintain the layout.

---