diff --git a/package.json b/package.json
index de272130..67ff6cb5 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "express": "^4.15.2"
   },
   "engines": {
-    "node": "8.9.1"
+    "node": "24.x"
   },
   "repository": {
     "type": "git",
diff --git a/project/css/main.css b/project/css/main.css
index 6575a2fc..8a7665b5 100644
--- a/project/css/main.css
+++ b/project/css/main.css
@@ -1,9 +1,26 @@
+:root {
+  --bg: #0A0A0B;
+  --surface: #141416;
+  --surface-hover: #1A1A1E;
+  --border: #2A2A30;
+  --border-accent: #3A3A42;
+  --text: #E8E8EC;
+  --text-muted: #8A8A96;
+  --text-dim: #5A5A66;
+  --accent: #C8FF00;
+  --accent-dim: #8AB300;
+  --warning: #FF6B35;
+  --info: #5B8DEF;
+  --success: #34D399;
+}
 
 body {
-  font-family: Arial, serif;
+  font-family: 'DM Sans', Arial, sans-serif;
   text-align: center;
-  color: #343a40;
+  color: var(--text);
   font-size: 22px;
+  background-color: var(--bg);
+  margin: 0;
 }
 
 h1 {
@@ -11,24 +28,50 @@ h1 {
   font-weight: 700;
   margin-top: 40px;
   font-size: 48px;
+  color: var(--text);
 }
 
 p {
   margin-top: 80px;
+  color: var(--text-muted);
 }
 
 button {
   margin-top: 40px;
 }
 
+.btn-dark {
+  background-color: var(--accent);
+  border-color: var(--accent);
+  color: var(--bg);
+  font-weight: 600;
+  border-radius: 8px;
+  padding: 10px 28px;
+  transition: background-color 0.2s ease, transform 0.1s ease;
+}
+
+.btn-dark:hover {
+  background-color: var(--accent-dim);
+  border-color: var(--accent-dim);
+  color: var(--bg);
+  transform: translateY(-1px);
+}
+
+.btn-dark:active {
+  transform: translateY(0);
+}
+
 .page-header {
-  background-color: #00bda5;
+  background-color: var(--surface);
   padding-top: 40px;
   padding-bottom: 80px;
-  color: #ffffff;
+  color: var(--text);
+  border-bottom: 1px solid var(--border);
 }
 
 #image img {
   height: 200px;
   margin-top: 60px;
+  border-radius: 50%;
+  border: 3px solid var(--accent);
 }
diff --git a/project/html/helpers/head.ejs b/project/html/helpers/head.ejs
index d40b02e2..a6a7c2e6 100644
--- a/project/html/helpers/head.ejs
+++ b/project/html/helpers/head.ejs
@@ -8,7 +8,7 @@
 <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
 
 <!-- Google font CSS -->
-<link href="https://fonts.googleapis.com/css?family=Poppins:400,700" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Poppins:wght@400;700&display=swap" rel="stylesheet">
 
 <!-- this app's own css -->
 <link rel="stylesheet" type="text/css" href="css/main.css"/>
diff --git a/project/html/pages/index.ejs b/project/html/pages/index.ejs
index 7e8a0900..4479981b 100644
--- a/project/html/pages/index.ejs
+++ b/project/html/pages/index.ejs
@@ -9,7 +9,7 @@
   <div class="page-header">
 
   
-    <h1>My Web App</h1>
+    <h1>Lucía Fadul</h1>
   </div>
 
   <p>Click on the button for a surprise.</p>