diff --git a/public/styles/home.css b/public/styles/home.css
new file mode 100644
index 0000000000000000000000000000000000000000..bf0a1b7ff8bab2c4042a8b57558fc6de79fd9288
--- /dev/null
+++ b/public/styles/home.css
@@ -0,0 +1,112 @@
+body {
+    font-family: 'Roboto', sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f6f9;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    color: #333;
+}
+
+/* Home Container */
+.home-container {
+    width: 100%;
+    max-width: 1200px;
+    padding: 30px;
+    background-color: #ffffff;
+    border-radius: 12px;
+    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
+    margin: 20px;
+    box-sizing: border-box;
+}
+
+/* Title */
+h1 {
+    font-size: 36px;
+    color: #333;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+/* Section */
+.section {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 30px;
+    justify-content: space-between;
+    margin-top: 20px;
+}
+
+/* Card */
+.card {
+    flex: 1;
+    min-width: 280px;
+    padding: 20px;
+    background-color: #ffffff;
+    border-radius: 10px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease;
+    text-align: center;
+}
+
+.card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
+}
+
+/* Card Title */
+.card h2 {
+    font-size: 24px;
+    color: #ff7e5f;
+    margin-bottom: 15px;
+}
+
+/* Card Description */
+.card p {
+    font-size: 16px;
+    color: #555;
+    line-height: 1.6;
+}
+
+/* Button */
+.card button {
+    padding: 12px 20px;
+    background-color: #ff7e5f;
+    color: white;
+    font-size: 16px;
+    border: none;
+    border-radius: 8px;
+    cursor: pointer;
+    margin-top: 15px;
+    transition: background-color 0.3s ease;
+}
+
+.card button:hover {
+    background-color: #feb47b;
+}
+
+/* Footer */
+footer {
+    margin-top: 40px;
+    text-align: center;
+    font-size: 14px;
+    color: #777;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .home-container {
+        padding: 20px;
+    }
+    
+    .section {
+        flex-direction: column;
+        align-items: center;
+    }
+    
+    .card {
+        margin-bottom: 20px;
+    }
+}
\ No newline at end of file
diff --git a/public/styles/login&register.css b/public/styles/login&register.css
index e1580bb17b7e58238cbf315a450686942ab81866..13a880126fb97c411e9e24a926fae41cc0b71737 100644
--- a/public/styles/login&register.css
+++ b/public/styles/login&register.css
@@ -75,7 +75,7 @@ a {
 }
 
 a:hover {
-    color: #feb47b;
+    color: #2f7df3;
 }
 
 /* Error message */