Merge pull request #1793 from hrx01-dev/Enhanced-ThankyouCard-inCommunity

Enhanced the Thank you card in community section

Author: sanjay-kv

src/css/custom.css

@@ -1189,13 +1189,64 @@ html[data-theme="light"] .interview-prep-page .technical-outer {
 }
 
 .modern-card-shadow {
+  /* layered soft shadows for a realistic elevated card */
   box-shadow:
-    0 20px 25px -5px rgba(0, 0, 0, 0.1),
-    0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    0 2px 6px rgba(2, 6, 23, 0.06),
+    /* subtle near shadow */
+    0 12px 24px rgba(2, 6, 23, 0.08),
+    /* mid shadow for depth */
+    0 32px 60px rgba(2, 6, 23, 0.12);
+  /* long soft ambient shadow */
+  transition: box-shadow 280ms cubic-bezier(0.2, 0.9, 0.2, 1),
+    transform 280ms cubic-bezier(0.2, 0.9, 0.2, 1);
+  position: relative;
+  isolation: isolate;
+}
+
+/* subtle rim highlight to help cards 'pop' off dark backgrounds */
+.modern-card-shadow::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  pointer-events: none;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
+  mix-blend-mode: normal;
+  opacity: 1;
 }
 
 .modern-card-shadow-hover {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  transform: translateY(-8px) scale(1.01);
+  box-shadow:
+    0 6px 14px rgba(2, 6, 23, 0.08),
+    0 26px 60px rgba(2, 6, 23, 0.14),
+    0 64px 140px rgba(2, 6, 23, 0.18);
+}
+
+/* Improve depth for common card types */
+.article-card,
+.blog-card,
+.discussion-card,
+.testimonial-carousel,
+.testimonial-author,
+.question-card {
+  transition: transform 280ms cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 280ms ease;
+  will-change: transform, box-shadow;
+}
+
+/* Hover and focus states for accessibility */
+.article-card:hover,
+.blog-card:hover,
+.discussion-card:hover,
+.question-card:hover,
+.article-card:focus,
+.blog-card:focus,
+.discussion-card:focus,
+.question-card:focus {
+  transform: translateY(-6px);
+  box-shadow:
+    0 6px 18px rgba(2, 6, 23, 0.08),
+    0 28px 70px rgba(2, 6, 23, 0.14);
 }
 
 .modern-backdrop-blur {
@@ -2727,13 +2778,9 @@ html[data-theme="dark"] .blog-post-page .markdown h4 {
     z-index: 9999 !important;
     padding: 12px !important;
   }
-  
+
   .docMainContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Main-styles-module {
     padding-left: 16px !important;
     padding-right: 16px !important;
   }
-}
-
-
-
-
+}