diff --git a/resources/views/front/career/index.blade.php b/resources/views/front/career/index.blade.php
index 9ac6c9b..2892c80 100644
--- a/resources/views/front/career/index.blade.php
+++ b/resources/views/front/career/index.blade.php
@@ -469,6 +469,25 @@
     padding-left: 2rem;
     position: relative;
   }
+
+  /* Mermaid diagram readability and aesthetics */
+  .mermaid .nodeLabel, 
+  .mermaid .node text,
+  .mermaid text,
+  .mermaid .node .label {
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.2) !important;
+  }
+
+  .mermaid .node.decisionNode .nodeLabel,
+  .mermaid .node.decisionNode text,
+  .mermaid .node.decisionNode .label {
+    text-shadow: none !important;
+    color: #1e293b !important;
+  }
+
+  .mermaid svg {
+    filter: drop-shadow(0px 10px 20px rgba(15, 23, 42, 0.05));
+  }
 </style>
 @endpush