diff --git a/.playwright-mcp/colorful-bg.png b/.playwright-mcp/colorful-bg.png
new file mode 100644
index 0000000..6230768
Binary files /dev/null and b/.playwright-mcp/colorful-bg.png differ
diff --git a/.playwright-mcp/floating-modal.png b/.playwright-mcp/floating-modal.png
new file mode 100644
index 0000000..f063f0e
Binary files /dev/null and b/.playwright-mcp/floating-modal.png differ
diff --git a/.playwright-mcp/login-full.png b/.playwright-mcp/login-full.png
new file mode 100644
index 0000000..3fca5d8
Binary files /dev/null and b/.playwright-mcp/login-full.png differ
diff --git a/.playwright-mcp/login-modal.png b/.playwright-mcp/login-modal.png
new file mode 100644
index 0000000..9216e26
Binary files /dev/null and b/.playwright-mcp/login-modal.png differ
diff --git a/ts_web/elements/idp-centercontainer.ts b/ts_web/elements/idp-centercontainer.ts
index 6b9deb7..602e6ac 100644
--- a/ts_web/elements/idp-centercontainer.ts
+++ b/ts_web/elements/idp-centercontainer.ts
@@ -150,19 +150,26 @@ export class IdpCenterContainer extends DeesElement {
 
       /* Right Panel - Form */
       .form-panel {
-        background: var(--card);
+        background: linear-gradient(-255deg, #06152280 -3.35%, #939eff38 32.79%, #22578480 67.41%, #06152280 97.48%), #212121;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         padding: 48px;
         position: relative;
-        border-left: 1px solid var(--border);
+        overflow: hidden;
       }
 
       .form-content {
+        position: relative;
+        z-index: 1;
         width: 100%;
         max-width: 400px;
+        background: var(--card);
+        border: 1px solid var(--border);
+        border-radius: 12px;
+        padding: 32px;
+        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
         transform: translateY(8px);
         opacity: 0;
         transition: all 0.3s ease;
@@ -234,10 +241,12 @@ export class IdpCenterContainer extends DeesElement {
         }
 
         .form-panel {
-          border-left: none;
-          border-top: 1px solid var(--border);
           padding: 32px 24px;
         }
+
+        .form-content {
+          padding: 24px;
+        }
       }
     `,
   ];