diff --git a/frontend/src/components/ui/DesignSystemStyles.astro b/frontend/src/components/ui/DesignSystemStyles.astro
index 7593bf1..0393eb8 100644
--- a/frontend/src/components/ui/DesignSystemStyles.astro
+++ b/frontend/src/components/ui/DesignSystemStyles.astro
@@ -550,6 +550,13 @@
     box-shadow: var(--shadow-md);
   }
 
+  .ui-card-interactive:focus-visible,
+  .ui-card-interactive:focus-within {
+    border-color: var(--color-primary);
+    box-shadow: var(--focus-ring), var(--shadow-md);
+    border-radius: var(--radius-lg);
+  }
+
   .ui-card-glass {
     background: var(--ui-glass-bg);
     border-color: var(--ui-glass-border);