feat: update module titles and enhance button styles

src/app.js

@@ -154,7 +154,6 @@ function selectModule(moduleId) {
 function resetSuccessIndicators() {
 	elements.codeEditor.classList.remove("success-highlight");
 	elements.lessonTitle.classList.remove("success-text");
-	elements.runBtn.classList.remove("hidden");
 	elements.nextBtn.classList.remove("success");
 	elements.taskInstruction.classList.remove("success-instruction");
 }
@@ -266,7 +265,6 @@ function runCode() {
 		// Add success visual indicators
 		elements.codeEditor.classList.add("success-highlight");
 		elements.lessonTitle.classList.add("success-text");
-		elements.runBtn.classList.add("hidden");
 		elements.nextBtn.classList.add("success");
 		elements.taskInstruction.classList.add("success-instruction");
 

src/index.html

@@ -51,7 +51,7 @@
 								<div class="code-editor">
 									<div class="editor-header">
 										<span>CSS Editor</span>
-										<button id="run-btn" class="btn btn-primary">Run</button>
+										<button id="run-btn" class="btn btn-secondary"><img src="./gear.svg" />Run</button>
 									</div>
 									<div class="editor-content">
 										<pre><code id="editor-prefix"></code></pre>

src/main.css

@@ -2,7 +2,8 @@
 	--primary-color: #dd3b59;
 	--primary-light: #ff5f7f;
 	--primary-dark: #af2740;
-	--secondary-color: #ff7e5f;
+	--secondary-color: #393939;
+	--secondary-dark: #1e1e1e;
 	--text-color: #13181c;
 	--light-text: #777;
 	--bg-color: #f9f9f9;
@@ -158,6 +159,17 @@ body {
 	width: 72%;
 }
 
+.lesson-description pre {
+	display: inline-block;
+	font-family: "JetBrains Mono", "Fira Code", monospace;
+	font-size: 0.9rem;
+	background-color: #f5f5f5;
+	padding: 2rem 3rem 2rem 2rem;
+	border-radius: 6px;
+	overflow-x: auto;
+	margin-bottom: 1.5rem;
+}
+
 /* Challenge Container */
 .challenge-container {
 	display: flex;
@@ -319,6 +331,22 @@ code {
 	background-color: var(--primary-dark);
 }
 
+.btn-secondary {
+	background-color: var(--secondary-color);
+	color: white;
+	border: 1px solid var(--secondary-dark);
+}
+
+.btn-secondary:hover {
+	background-color: var(--secondary-dark);
+}
+
+.btn img {
+	width: 0.8rem;
+	height: 0.8rem;
+	margin-right: 0.3rem;
+}
+
 /* Modal */
 .modal-container {
 	position: fixed;