resolve merge conflict with upstream main

Author: srushti-panara

docusaurus.config.ts

@@ -192,7 +192,7 @@ const config: Config = {
             },
             {
               label: "🗺️ Roadmap",
-              to: "/roadmaps",
+              href: "https://github.com/orgs/recodehive/projects/9",
             },
             {
               label: "🤝 Community",

package-lock.json

@@ -46,13 +46,13 @@
     "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-slot": "^1.2.3",
     "@tsparticles/engine": "^4.0.5",
-    "@tsparticles/react": "^4.0.5",
-    "@tsparticles/slim": "^4.0.5",
+    "@tsparticles/react": "^4.1.0",
+    "@tsparticles/slim": "^4.1.0",
     "@vercel/analytics": "^1.5.0",
     "canvas-confetti": "^1.9.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "date-fns": "^4.3.0",
+    "date-fns": "^4.4.0",
     "dotenv": "^17.4.2",
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.6.0",
@@ -83,7 +83,7 @@
     "@typescript-eslint/eslint-plugin": "^8.59.4",
     "@typescript-eslint/parser": "^8.60.0",
     "autoprefixer": "^10.5.0",
-    "eslint": "^9.38.0",
+    "eslint": "^10.4.1",
     "eslint-plugin-react": "^7.37.5",
     "husky": "^9.1.7",
     "lint-staged": "^17.0.5",

package.json

@@ -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;
   }
-}
-
-
-
-
+}