diff --git a/public/frontend/event-site-en.html b/public/frontend/event-site-en.html
index 8c555e1..ebbac03 100644
--- a/public/frontend/event-site-en.html
+++ b/public/frontend/event-site-en.html
@@ -3947,6 +3947,9 @@
       padding-left: 80px !important;
       text-align: center !important;
     }
+    .audience-tracks-layout .audience-stage .stage-main {
+      font-size: clamp(32px, 2.9vw, 44px) !important;
+    }
     .audience-tracks-layout .audience-detail {
       justify-content: center;
       gap: 34px;
@@ -3968,40 +3971,60 @@
       border: 0 !important;
       border-left: 0 !important;
       border-radius: 0 !important;
-      background: linear-gradient(105deg,#c9f1fc 0%,#cbdff8 48%,#ead8f5 100%) !important;
-      background-size: 300% 100% !important;
-      background-position: left center !important;
-      box-shadow: inset -1px 0 rgba(66,126,174,.16),inset 0 1px rgba(255,255,255,.72) !important;
+      background:
+        radial-gradient(circle at 16% 14%,rgba(138,232,255,.48),transparent 38%),
+        radial-gradient(circle at 88% 86%,rgba(204,64,218,.10),transparent 42%),
+        linear-gradient(145deg,#07a0d8 0%,#078fc9 52%,#1568b0 100%) !important;
+      box-shadow: inset -1px 0 rgba(255,255,255,.16),inset 0 1px rgba(255,255,255,.12) !important;
     }
     .audience-tracks-layout .audience-type:nth-child(2) {
-      background-position: center center !important;
+      background:
+        radial-gradient(circle at 12% 12%,rgba(138,232,255,.32),transparent 34%),
+        radial-gradient(circle at 92% 90%,rgba(204,64,218,.18),transparent 38%),
+        linear-gradient(145deg,#078fc9 0%,#1455a5 58%,#3d3d96 100%) !important;
     }
     .audience-tracks-layout .audience-type:nth-child(3) {
-      background-position: right center !important;
-      box-shadow: inset 0 1px rgba(255,255,255,.72) !important;
+      background:
+        radial-gradient(circle at 18% 16%,rgba(138,232,255,.20),transparent 36%),
+        radial-gradient(circle at 86% 86%,rgba(204,64,218,.30),transparent 42%),
+        linear-gradient(145deg,#1568b0 0%,#3d3d96 52%,#4b2f8d 100%) !important;
+      box-shadow: inset 0 1px rgba(255,255,255,.12) !important;
     }
     .audience-tracks-layout .audience-type strong {
-      color: #152d50 !important;
-      font-size: 18px !important;
+      color: #fff !important;
+      font-size: 20px !important;
     }
     .audience-tracks-layout .audience-type > span {
       margin-top: 12px;
-      color: rgba(36,81,126,.55) !important;
-      font-size: 10px;
+      color: rgba(186,236,255,.78) !important;
+      font-size: 12px !important;
       font-weight: 700;
       line-height: 1;
       letter-spacing: .14em;
     }
     .audience-tracks-layout .audience-type:hover {
-      background: linear-gradient(105deg,#c9f1fc 0%,#cbdff8 48%,#ead8f5 100%) !important;
-      background-size: 300% 100% !important;
-      filter: saturate(1.08) brightness(1.02);
-      box-shadow: 0 17px 34px rgba(63,75,161,.18),inset 0 1px rgba(255,255,255,.8) !important;
+      filter: saturate(1.06) brightness(1.05);
+      box-shadow: 0 17px 34px rgba(19,79,143,.22),inset 0 1px rgba(255,255,255,.18) !important;
       transform: none !important;
     }
-    .audience-tracks-layout .audience-type:nth-child(1):hover { background-position: left center !important; }
-    .audience-tracks-layout .audience-type:nth-child(2):hover { background-position: center center !important; }
-    .audience-tracks-layout .audience-type:nth-child(3):hover { background-position: right center !important; }
+    .audience-tracks-layout .audience-type:nth-child(1):hover {
+      background:
+        radial-gradient(circle at 16% 14%,rgba(138,232,255,.48),transparent 38%),
+        radial-gradient(circle at 88% 86%,rgba(204,64,218,.10),transparent 42%),
+        linear-gradient(145deg,#07a0d8 0%,#078fc9 52%,#1568b0 100%) !important;
+    }
+    .audience-tracks-layout .audience-type:nth-child(2):hover {
+      background:
+        radial-gradient(circle at 12% 12%,rgba(138,232,255,.32),transparent 34%),
+        radial-gradient(circle at 92% 90%,rgba(204,64,218,.18),transparent 38%),
+        linear-gradient(145deg,#078fc9 0%,#1455a5 58%,#3d3d96 100%) !important;
+    }
+    .audience-tracks-layout .audience-type:nth-child(3):hover {
+      background:
+        radial-gradient(circle at 18% 16%,rgba(138,232,255,.20),transparent 36%),
+        radial-gradient(circle at 86% 86%,rgba(204,64,218,.30),transparent 42%),
+        linear-gradient(145deg,#1568b0 0%,#3d3d96 52%,#4b2f8d 100%) !important;
+    }
     .audience-tracks-layout .audience-detail > p {
       position: relative;
       order: 2;
@@ -4030,6 +4053,7 @@
     @media (max-width: 680px) {
       .audience-tracks-layout .audience-card { border-radius: 20px !important; }
       .audience-tracks-layout .audience-focus { padding-right: 44px !important; padding-left: 44px !important; }
+      .audience-tracks-layout .audience-stage .stage-main { font-size: clamp(28px, 8vw, 36px) !important; }
       .audience-tracks-layout .audience-detail { gap: 22px; }
       .audience-tracks-layout .audience-types { grid-template-columns: 1fr !important; gap: 0 !important; }
       .audience-tracks-layout .audience-type,