diff --git a/themepo-elegantfin.css b/themepo-elegantfin.css
index f3ad26e..0922b1c 100644
--- a/themepo-elegantfin.css
+++ b/themepo-elegantfin.css
@@ -217,35 +217,66 @@ body:has(#itemDetailPage) html::after,
 
 /* All show/movie/episode cards */
 .cardScalable {
-  background: rgba(8, 9, 12, 0.15) !important;
-  border: 1px solid rgba(56, 189, 248, 0.12) !important;
+  background:
+    linear-gradient(160deg, rgba(255, 255, 255, 0.05) 0%, transparent 60%),
+    rgba(8, 9, 12, 0.2) !important;
+  border: 1px solid rgba(56, 189, 248, 0.18) !important;
   box-shadow:
-    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
-    0 8px 24px rgba(0, 0, 0, 0.35) !important;
+    0 0 0 1px rgba(255, 255, 255, 0.06) inset,
+    0 4px 6px rgba(0, 0, 0, 0.3),
+    0 16px 40px rgba(0, 0, 0, 0.5) !important;
   backdrop-filter: blur(8px) !important;
   -webkit-backdrop-filter: blur(8px) !important;
+  transition: border-color 200ms, box-shadow 200ms, transform 125ms !important;
 }
 
+/* Subtle sheen on the image itself */
+.cardImageContainer::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    160deg,
+    rgba(255, 255, 255, 0.06) 0%,
+    transparent 50%,
+    rgba(0, 0, 0, 0.2) 100%
+  );
+  pointer-events: none;
+  z-index: 1;
+}
+
+/* Hover: lift + arcane glow */
 .card-hoverable:hover .cardScalable {
-  border-color: rgba(56, 189, 248, 0.3) !important;
+  border-color: rgba(56, 189, 248, 0.5) !important;
   box-shadow:
-    0 0 0 1px rgba(255, 255, 255, 0.07) inset,
-    0 12px 32px rgba(56, 189, 248, 0.1),
-    0 8px 24px rgba(0, 0, 0, 0.4) !important;
+    0 0 0 1px rgba(255, 255, 255, 0.09) inset,
+    0 0 18px rgba(56, 189, 248, 0.18),
+    0 20px 50px rgba(0, 0, 0, 0.55),
+    0 4px 6px rgba(0, 0, 0, 0.3) !important;
 }
 
 /* Library cards (visualCardBox) */
 .visualCardBox,
 .paperList {
   background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, transparent 40%),
-    rgba(8, 9, 12, 0.25) !important;
-  backdrop-filter: blur(16px) saturate(1.6) !important;
-  -webkit-backdrop-filter: blur(16px) saturate(1.6) !important;
-  border: 1px solid rgba(56, 189, 248, 0.14) !important;
+    linear-gradient(160deg, rgba(255, 255, 255, 0.07) 0%, transparent 50%),
+    linear-gradient(180deg, rgba(56, 189, 248, 0.07) 0%, rgba(8, 9, 12, 0.35) 100%) !important;
+  backdrop-filter: blur(20px) saturate(1.8) !important;
+  -webkit-backdrop-filter: blur(20px) saturate(1.8) !important;
+  border: 1px solid rgba(56, 189, 248, 0.18) !important;
   box-shadow:
-    0 0 0 1px rgba(255, 255, 255, 0.05) inset,
-    0 8px 32px rgba(0, 0, 0, 0.4) !important;
+    0 0 0 1px rgba(255, 255, 255, 0.06) inset,
+    0 4px 6px rgba(0, 0, 0, 0.3),
+    0 16px 40px rgba(0, 0, 0, 0.5) !important;
+  transition: border-color 200ms, box-shadow 200ms !important;
+}
+
+.card-hoverable:hover .visualCardBox {
+  border-color: rgba(56, 189, 248, 0.5) !important;
+  box-shadow:
+    0 0 0 1px rgba(255, 255, 255, 0.09) inset,
+    0 0 18px rgba(56, 189, 248, 0.18),
+    0 20px 50px rgba(0, 0, 0, 0.55) !important;
 }
 
 /* Frutiger Aero glassmorphism drawer */