From 8818bd23fc226fe8b7dd95b5f8e6f32ec8b420ab Mon Sep 17 00:00:00 2001 From: Nazneen Date: Mon, 18 May 2026 22:59:21 +0530 Subject: [PATCH] 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