diff --git a/static/css/home.css b/static/css/home.css
new file mode 100644
index 0000000..30bcdab
--- /dev/null
+++ b/static/css/home.css
@@ -0,0 +1,61 @@
+:root {
+ --primary-color: #16767b;
+ --secondary-color: #741b5f;
+ --primary-light: #1a8a90;
+ --secondary-light: #8a2170;
+}
+
+.navbar {
+ background-color: var(--primary-color) !important;
+}
+
+.hero-section {
+ background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
+ color: white;
+ padding: 100px 0;
+}
+
+.feature-card {
+ border: none;
+ border-radius: 10px;
+ transition: transform 0.3s;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.feature-card:hover {
+ transform: translateY(-5px);
+}
+
+.feature-icon {
+ font-size: 2.5rem;
+ color: var(--primary-color);
+ margin-bottom: 1rem;
+}
+
+.btn-primary {
+ background-color: var(--primary-color);
+ border-color: var(--primary-color);
+}
+
+.btn-primary:hover {
+ background-color: var(--primary-light);
+ border-color: var(--primary-light);
+}
+
+.btn-outline-primary {
+ color: var(--primary-color);
+ border-color: var(--primary-color);
+}
+
+.btn-outline-primary:hover {
+ background-color: var(--primary-color);
+ border-color: var(--primary-color);
+}
+
+footer {
+ background-color: var(--primary-color) !important;
+}
+
+.nav-link:hover {
+ color: var(--secondary-color) !important;
+}
\ No newline at end of file
diff --git a/templates/home.html b/templates/home.html
index c0d8cc4..b8fdf6b 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -6,69 +6,7 @@
DocuPulse - Legal Document Management
-
+