diff --git a/app.py b/app.py
index 00ccc17..4e412cd 100644
--- a/app.py
+++ b/app.py
@@ -1510,7 +1510,7 @@ def public_frontend():
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
 <style>
   * { margin:0; padding:0; box-sizing:border-box; }
-  body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#F3EDE4; color:#1a1a2e; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:100vh; }
+  body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#FCE812; color:#1a1a2e; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:100vh; }
   .empty { text-align:center; padding:3rem; }
   .empty h1 { color:#20228a; font-size:2rem; font-weight:800; margin-bottom:0.8rem; }
   .empty p { color:#666; font-size:1.1rem; max-width:400px; line-height:1.6; }
@@ -1669,7 +1669,7 @@ def public_frontend():
 <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap" rel="stylesheet">
 <style>
   * { margin:0; padding:0; box-sizing:border-box; }
-  body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#F3EDE4; color:#1a1a2e; min-height:100vh; }
+  body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#FCE812; color:#1a1a2e; min-height:100vh; }
 
   /* Header — dark bar like SPIEL Essen */
   .site-header { background:#12121c; padding:1rem 2rem; display:flex; align-items:center; gap:1rem; position:sticky; top:0; z-index:100; box-shadow:0 2px 12px rgba(0,0,0,0.15); }
@@ -1685,8 +1685,8 @@ def public_frontend():
   .main-grid { max-width:1100px; margin:2rem auto; padding:0 1.5rem; display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:1.5rem; }
 
   /* Card — like SPIEL Essen modules */
-  .story-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04); transition:transform 0.2s ease,box-shadow 0.2s ease; display:flex; flex-direction:column; }
-  .story-card:hover { transform:translateY(-3px); box-shadow:0 12px 32px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05); }
+  .story-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 6px 28px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.06); transition:transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1),box-shadow 0.25s ease; display:flex; flex-direction:column; }
+  .story-card:hover { transform:translateY(-6px); box-shadow:0 18px 44px rgba(0,0,0,0.16),0 4px 12px rgba(0,0,0,0.08); }
   .story-card img { width:100%; height:100%; object-fit:cover; display:block; }
   .story-card video { width:100%; height:auto; max-height:600px; object-fit:contain; display:block; background:#000; }
   .story-card { position:relative; }