diff --git a/clients/web/assets/style.css b/clients/web/assets/style.css
index 001076e..d00a72a 100644
--- a/clients/web/assets/style.css
+++ b/clients/web/assets/style.css
@@ -121,11 +121,15 @@ body {
 
 .portal-card {
     background: var(--ui-parchment);
-    border: 1px solid rgba(200,164,72,0.3);
-    border-top: 3px solid var(--ui-gold-dark);
-    border-radius: 6px;
+    border-radius: 8px;
+    box-shadow: 
+        0 20px 60px rgba(0,0,0,0.55),
+        0 0 3px 3px rgba(42,21,8,0.9)
+    ;
+    /* box-shadow: 0 4px 16px rgba(0,0,0,0.18); */
+    /* border: 1px solid rgba(200,164,72,0.3); */
+    /* border-top: 3px solid var(--ui-gold-dark); */
     padding: 1.75rem 2rem;
-    box-shadow: 0 4px 16px rgba(0,0,0,0.18);
     margin-bottom: 1.5rem;
 }
 
@@ -404,16 +408,22 @@ a:hover { text-decoration: underline; }
 
 /* ── Login card (§11) ───────────────────────────────────────────────── */
 .login-card {
-    width: 340px;
-    margin-top: 5vh;
+    background: var(--ui-parchment);
     border-radius: 8px;
-    overflow: hidden;
     box-shadow:
         0 20px 60px rgba(0,0,0,0.55),
-        0 0 0 1px rgba(200,164,72,0.35),
-        0 0 0 5px rgba(42,21,8,0.9),
-        0 0 0 6px rgba(200,164,72,0.2);
-    background: var(--ui-parchment);
+        0 0 3px 3px rgba(42,21,8,0.9)
+    ;
+    /* box-shadow:
+         0 20px 60px rgba(0,0,0,0.55),
+         0 0 0 1px rgba(200,164,72,0.35),
+         0 0 0 5px rgba(42,21,8,0.9),
+         0 0 0 6px rgba(200,164,72,0.2);
+    */
+    /* border-top: 3px solid var(--ui-gold-dark); */
+    width: 340px;
+    margin-top: 5vh;
+    overflow: hidden;
 }
 
 /* Decorative header — row of triangular flèches like the actual board */