Refactor code structure for improved readability and maintainability

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;
+        }
       }
     `,
   ];