diff --git a/app/assets/stylesheets/events.css b/app/assets/stylesheets/events.css
index 5b7a66d9a..174171c66 100644
--- a/app/assets/stylesheets/events.css
+++ b/app/assets/stylesheets/events.css
@@ -143,6 +143,27 @@
     }
   }
 
+  .event--golden {
+    --lch-golden: 89.1% 0.178 95.7;
+
+    background-color: var(--color-canvas) !important;
+    background-image: linear-gradient(60deg,
+      oklch(var(--lch-golden) / 0.5) 0%,
+      oklch(var(--lch-golden) / 0.15) 33%,
+      oklch(var(--lch-golden) / 0.05) 66%,
+      oklch(var(--lch-golden) / 0.5) 100%
+    );
+    border-color: var(--color-ink-lighter) !important;
+    box-shadow:
+      0 0 0 1px oklch(var(--lch-golden) / 75%),
+      0 0 0.2em 0.2em oklch(var(--lch-golden) / 25%),
+      0 0 .7em 0.5em oklch(var(--lch-golden) / 25%) !important;
+
+    @media (prefers-color-scheme: dark) {
+      --lch-golden: var(--lch-blue-medium);
+    }
+  }
+
   .event--related {
     --hover-color: var(--card-color);
     --hover-size: 0.15rem;
diff --git a/app/views/events/event/_layout.html.erb b/app/views/events/event/_layout.html.erb
index f0ac58e7c..085c5f480 100644
--- a/app/views/events/event/_layout.html.erb
+++ b/app/views/events/event/_layout.html.erb
@@ -1,5 +1,5 @@
 <%= link_to event.notifiable_target,
-      class: "event event--#{ event.action } panel center center-block flex-inline align-start justify-start gap position-relative",
+      class: "event event--#{ event.action } #{ "event--golden" if event.card.golden? } panel center center-block flex-inline align-start justify-start gap position-relative",
       style: "--card-color: #{ card.closed? ? "var(--color-card-complete)" : card.color }; background-color: color-mix(in srgb, var(--card-color) 10%, var(--color-canvas));
   color: color-mix(in srgb, var(--card-color) 40%, var(--color-ink)); border: 1px solid color-mix(in srgb, var(--card-color) 20%, var(--color-canvas))",
       data: { related_element_target: "related",