feat: redesign warning dialog — lock icon + title on same row

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/app/home/warning-dialog/warning-dialog.component.html

@@ -6,10 +6,39 @@
   file, You can obtain one at http://mozilla.org/MPL/2.0/.
 -->
 
-<h1 mat-dialog-title>{{ 'labels.text.' + title | translate }}</h1>
-<mat-dialog-content>{{ 'labels.text.Warning message' | translate }}</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-raised-button color="primary" mat-dialog-close (click)="dialogRef.close()">
-    {{ 'labels.buttons.' + buttonText | translate }}
-  </button>
-</mat-dialog-actions>
+<div class="warn-dialog">
+  <!-- Icon + Header -->
+  <div class="warn-header">
+    <div class="warn-header__icon-wrap">
+      <i class="fa fa-lock"></i>
+    </div>
+    <span class="warn-header__title">Security Information</span>
+  </div>
+
+  <!-- Content -->
+  <mat-dialog-content class="warn-body">
+    <p class="warn-body__text">{{ 'labels.text.Warning message' | translate }}</p>
+    <div class="warn-body__meta">
+      <div class="warn-body__meta-item">
+        <i class="fa fa-lock"></i>
+        <span>SSL/TLS 256-bit Encrypted</span>
+      </div>
+      <div class="warn-body__meta-item">
+        <i class="fa fa-check-circle"></i>
+        <span>ISO 27001 Certified</span>
+      </div>
+      <div class="warn-body__meta-item">
+        <i class="fa fa-university"></i>
+        <span>RBI Regulated Entity</span>
+      </div>
+    </div>
+  </mat-dialog-content>
+
+  <!-- Actions -->
+  <mat-dialog-actions class="warn-actions" align="end">
+    <button mat-flat-button color="primary" class="warn-actions__btn" mat-dialog-close (click)="dialogRef.close()">
+      <i class="fa fa-check warn-actions__btn-icon"></i>
+      {{ 'labels.buttons.' + buttonText | translate }}
+    </button>
+  </mat-dialog-actions>
+</div>