From 8818bd23fc226fe8b7dd95b5f8e6f32ec8b420ab Mon Sep 17 00:00:00 2001
From: Nazneen <nazneenparveen687@gmail.com>
Date: Mon, 18 May 2026 22:59:21 +0530
Subject: [PATCH 1/2] feat: improve card UI in light mode with better shadows
 and spacing

---
 apps/web/src/app.css | 45 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/apps/web/src/app.css b/apps/web/src/app.css
index 772a760..84e91c9 100644
--- a/apps/web/src/app.css
+++ b/apps/web/src/app.css
@@ -68,3 +68,48 @@ a {
 a:hover {
   color: var(--primary-dark);
 }
+
+
+.premium-card {
+  background: #ffffff;
+  border-radius: 16px;
+  padding: 20px;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
+  transition: all 0.3s ease;
+}
+
+.premium-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
+}
+
+.card-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 40px;
+}
+
+.page-container {
+  background: #f9fafb;
+  min-height: 100vh;
+}
+
+.brand-text {
+  font-weight: 600;
+  font-size: 16px;
+  color: #374151;
+}
+
+
+button {
+  border-radius: 8px;
+  padding: 10px 16px;
+  background: #4f46e5;
+  color: white;
+  transition: 0.3s;
+}
+
+button:hover {
+  background: #4338ca;
+}
\ No newline at end of file

From 05cb739edf0a3ed5b0b3a73490f91f6bc01eac70 Mon Sep 17 00:00:00 2001
From: Nazneen <nazneenparveen687@gmail.com>
Date: Wed, 20 May 2026 23:58:09 +0530
Subject: [PATCH 2/2] style: improve card spacing and add smooth hover shadow

---
 apps/web/src/routes/+page.svelte | 44 ++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/apps/web/src/routes/+page.svelte b/apps/web/src/routes/+page.svelte
index 363a491..33cf664 100644
--- a/apps/web/src/routes/+page.svelte
+++ b/apps/web/src/routes/+page.svelte
@@ -256,6 +256,15 @@
     padding: 3rem 0;
   }
 
+  @media (max-width: 640px) {
+  .features {
+    display: grid;
+    grid-template-columns: 1fr; /* single column */
+    gap: 16px;
+    padding: 0 12px;
+  }
+}
+
   .feature-card {
     background: var(--bg-card);
     border: 1px solid var(--border);
@@ -266,6 +275,41 @@
       border-color 0.2s ease;
   }
 
+  .feature-card {
+  min-height: 140px;
+  padding: 16px;
+}
+
+.feature-card {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-lg);
+  padding: 2rem;
+  min-height: 140px;
+
+  /* normal shadow (very light) */
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+
+  /* smooth transition */
+  transition: all 0.25s ease;
+}
+
+
+
+.feature-card:hover {
+  /* halka lift */
+  transform: translateY(-3px);
+
+  /* stronger but soft shadow */
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
+}
+
+@media (max-width: 640px) {
+  .feature-card {
+    margin-bottom: 12px;
+  }
+}
+
   .feature-card:hover {
     transform: translateY(-4px);
     border-color: var(--primary);