diff --git a/public/images/logo/logo-outlined.png b/public/images/logo/logo-outlined.png
new file mode 100644
index 0000000..bceeee5
Binary files /dev/null and b/public/images/logo/logo-outlined.png differ
diff --git a/resources/views/emails/certificate-expired.blade.php b/resources/views/emails/certificate-expired.blade.php
index 0441929..88145d1 100644
--- a/resources/views/emails/certificate-expired.blade.php
+++ b/resources/views/emails/certificate-expired.blade.php
@@ -1,26 +1,102 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Certificate Expired Alert</title>
+    <style>
+        body {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.5;
+            color: #374151;
+            margin: 0;
+            padding: 0;
+            background-color: #f9fafb;
+        }
+        .container {
+            max-width: 600px;
+            margin: 40px auto;
+            background-color: #ffffff;
+            border-radius: 12px;
+            overflow: hidden;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        }
+        .header {
+            padding: 30px 40px;
+            background-color: #fef2f2;
+            text-align: center;
+        }
+        .header img {
+            height: 32px;
+            margin-bottom: 15px;
+        }
+        .content {
+            padding: 40px;
+        }
+        .title {
+            font-size: 24px;
+            font-weight: 700;
+            color: #991b1b;
+            margin-bottom: 20px;
+        }
+        .details {
+            background-color: #fef2f2;
+            padding: 20px;
+            border-radius: 8px;
+            margin: 25px 0;
+            border: 1px solid #fee2e2;
+        }
+        .details p {
+            margin: 5px 0;
+            font-size: 14px;
+        }
+        .footer {
+            padding: 30px 40px;
+            background-color: #f9fafb;
+            text-align: center;
+            font-size: 12px;
+            color: #6b7280;
+            border-top: 1px solid #e5e7eb;
+        }
+        .button {
+            display: inline-block;
+            padding: 12px 24px;
+            background-color: #dc2626;
+            color: #ffffff;
+            text-decoration: none;
+            border-radius: 6px;
+            font-weight: 600;
+            margin-top: 10px;
+        }
+    </style>
 </head>
-<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333;">
-    <div style="max-width: 600px; margin: 0 auto; padding: 20px;">
-        <h2 style="color: #a94442;">URGENT: Certificate Has Expired</h2>
-        
-        <p>Hello {{ $certificate->user->first_name ?? 'User' }},</p>
-        
-        <p>This is a critical notification that your SSL certificate has <strong>ALREADY EXPIRED</strong>.</p>
-        
-        <div style="background-color: #fee; padding: 15px; border-radius: 5px; margin: 20px 0; border: 1px solid #ebccd1;">
-            <p><strong>Common Name:</strong> {{ $certificate->common_name }}</p>
-            <p><strong>Organization:</strong> {{ $certificate->organization }}</p>
-            <p><strong>Key Strength:</strong> {{ $certificate->key_bits }}-bit</p>
-            <p><strong>Expired On:</strong> {{ $certificate->valid_to->format('d M Y H:i:s') }}</p>
+<body>
+    <div class="container">
+        <div class="header">
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
+        </div>
+        <div class="content">
+            <h1 class="title">URGENT: Certificate Has Expired</h1>
+            
+            <p>Hello {{ $certificate->user->first_name ?? 'User' }},</p>
+            
+            <p>This is a critical notification that your SSL certificate has <strong>ALREADY EXPIRED</strong>.</p>
+            
+            <div class="details">
+                <p><strong>Common Name:</strong> {{ $certificate->common_name }}</p>
+                <p><strong>Organization:</strong> {{ $certificate->organization }}</p>
+                <p><strong>Key Strength:</strong> {{ $certificate->key_bits }}-bit</p>
+                <p><strong>Expired On:</strong> {{ $certificate->valid_to->format('d M Y H:i:s') }}</p>
+            </div>
+            
+            <p>Your services using this certificate may be inaccessible or showing security warnings. Please renew immediately.</p>
+            
+            <a href="{{ config('app.frontend_url', 'http://localhost:3000') }}/dashboard" class="button">Renew Now</a>
+        </div>
+        <div class="footer">
+            <p>&copy; {{ date('Y') }} TrustLab. All rights reserved.</p>
+            <p>This is an automated system message. Please do not reply to this email.</p>
         </div>
-        
-        <p>Your services using this certificate may be inaccessible or showing security warnings. Please renew immediately.</p>
-        
-        <a href="{{ config('app.frontend_url', 'http://localhost:3000') }}/dashboard" style="display: inline-block; padding: 10px 20px; background-color: #d9534f; color: white; text-decoration: none; border-radius: 5px;">Renew Now</a>
     </div>
 </body>
 </html>
diff --git a/resources/views/emails/certificate-expiring.blade.php b/resources/views/emails/certificate-expiring.blade.php
index 1a77bbd..bd4326b 100644
--- a/resources/views/emails/certificate-expiring.blade.php
+++ b/resources/views/emails/certificate-expiring.blade.php
@@ -1,31 +1,113 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Certificate Expiration Alert</title>
+    <style>
+        body {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.5;
+            color: #374151;
+            margin: 0;
+            padding: 0;
+            background-color: #f9fafb;
+        }
+        .container {
+            max-width: 600px;
+            margin: 40px auto;
+            background-color: #ffffff;
+            border-radius: 12px;
+            overflow: hidden;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        }
+        .header {
+            padding: 30px 40px;
+            background-color: #fffbeb;
+            text-align: center;
+        }
+        .header img {
+            height: 32px;
+            margin-bottom: 15px;
+        }
+        .content {
+            padding: 40px;
+        }
+        .title {
+            font-size: 24px;
+            font-weight: 700;
+            color: #92400e;
+            margin-bottom: 20px;
+        }
+        .details {
+            background-color: #f9f9f9;
+            padding: 20px;
+            border-radius: 8px;
+            margin: 25px 0;
+            border: 1px solid #e5e7eb;
+        }
+        .details p {
+            margin: 5px 0;
+            font-size: 14px;
+        }
+        .footer {
+            padding: 30px 40px;
+            background-color: #f9fafb;
+            text-align: center;
+            font-size: 12px;
+            color: #6b7280;
+            border-top: 1px solid #e5e7eb;
+        }
+        .button {
+            display: inline-block;
+            padding: 12px 24px;
+            background-color: #3b82f6;
+            color: #ffffff;
+            text-decoration: none;
+            border-radius: 6px;
+            font-weight: 600;
+            margin-top: 10px;
+        }
+        .note {
+            margin-top: 30px;
+            font-size: 12px;
+            color: #777;
+            font-style: italic;
+        }
+    </style>
 </head>
-<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333;">
-    <div style="max-width: 600px; margin: 0 auto; padding: 20px;">
-        <h2 style="color: #d9534f;">Action Required: Certificate Expiring Soon</h2>
-        
-        <p>Hello {{ $certificate->user->first_name ?? 'User' }},</p>
-        
-        <p>This is a notification that one of your SSL certificates is expiring in <strong>{{ $daysRemaining }} days</strong>.</p>
-        
-        <div style="background-color: #f9f9f9; padding: 15px; border-radius: 5px; margin: 20px 0;">
-            <p><strong>Common Name:</strong> {{ $certificate->common_name }}</p>
-            <p><strong>Organization:</strong> {{ $certificate->organization }}</p>
-            <p><strong>Key Strength:</strong> {{ $certificate->key_bits }}-bit</p>
-            <p><strong>Expiration Date:</strong> {{ $certificate->valid_to->format('d M Y H:i:s') }}</p>
+<body>
+    <div class="container">
+        <div class="header">
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
+        </div>
+        <div class="content">
+            <h1 class="title">Action Required: Certificate Expiring Soon</h1>
+            
+            <p>Hello {{ $certificate->user->first_name ?? 'User' }},</p>
+            
+            <p>This is a notification that one of your SSL certificates is expiring in <strong>{{ $daysRemaining }} days</strong>.</p>
+            
+            <div class="details">
+                <p><strong>Common Name:</strong> {{ $certificate->common_name }}</p>
+                <p><strong>Organization:</strong> {{ $certificate->organization }}</p>
+                <p><strong>Key Strength:</strong> {{ $certificate->key_bits }}-bit</p>
+                <p><strong>Expiration Date:</strong> {{ $certificate->valid_to->format('d M Y H:i:s') }}</p>
+            </div>
+            
+            <p>Please log in to your dashboard to renew this certificate before it expires to ensure uninterrupted service.</p>
+            
+            <a href="{{ config('app.frontend_url', 'http://localhost:3000') }}/dashboard" class="button">Go to Dashboard</a>
+            
+            <p class="note">
+                If you have already renewed this certificate, please ignore this message.<br>
+                You are receiving this email because you have enabled certificate renewal alerts in your account settings.
+            </p>
+        </div>
+        <div class="footer">
+            <p>&copy; {{ date('Y') }} TrustLab. All rights reserved.</p>
+            <p>This is an automated system message. Please do not reply to this email.</p>
         </div>
-        
-        <p>Please log in to your dashboard to renew this certificate before it expires to ensure uninterrupted service.</p>
-        
-        <a href="{{ config('app.frontend_url', 'http://localhost:3000') }}/dashboard" style="display: inline-block; padding: 10px 20px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px;">Go to Dashboard</a>
-        
-        <p style="margin-top: 30px; font-size: 12px; color: #777;">
-            If you have already renewed this certificate, please ignore this message.<br>
-            You are receiving this email because you have enabled certificate renewal alerts in your account settings.
-        </p>
     </div>
 </body>
 </html>
diff --git a/resources/views/emails/inquiry_reply.blade.php b/resources/views/emails/inquiry_reply.blade.php
index d4bb4c4..a8e7269 100644
--- a/resources/views/emails/inquiry_reply.blade.php
+++ b/resources/views/emails/inquiry_reply.blade.php
@@ -2,10 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TrustLab Support Inquiry Reply</title>
     <style>
         body {
-            font-family: 'Inter', system-ui, -apple-system, sans-serif;
-            line-height: 1.6;
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.5;
             color: #374151;
             margin: 0;
             padding: 0;
@@ -14,21 +16,24 @@
         .container {
             max-width: 600px;
             margin: 40px auto;
-            background: #ffffff;
-            border-radius: 16px;
+            background-color: #ffffff;
+            border-radius: 12px;
             overflow: hidden;
-            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-            border: 1px solid #e5e7eb;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
         }
         .header {
+            padding: 30px 40px;
             background-color: #111827;
-            padding: 32px;
             text-align: center;
         }
+        .header img {
+            height: 32px;
+            margin-bottom: 5px;
+        }
         .header h1 {
             color: #ffffff;
-            margin: 0;
-            font-size: 24px;
+            margin: 10px 0 0 0;
+            font-size: 20px;
             font-weight: 700;
         }
         .content {
@@ -38,15 +43,18 @@
             background-color: #f3f4f6;
             border-radius: 12px;
             padding: 24px;
-            margin-bottom: 32px;
+            margin: 25px 0;
             border-left: 4px solid #3b82f6;
+            font-size: 15px;
+            color: #1f2937;
         }
         .footer {
-            padding: 32px;
+            padding: 30px 40px;
+            background-color: #f9fafb;
             text-align: center;
-            font-size: 14px;
+            font-size: 12px;
             color: #6b7280;
-            border-top: 1px solid #f3f4f6;
+            border-top: 1px solid #e5e7eb;
         }
         .original-message {
             margin-top: 40px;
@@ -60,16 +68,19 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1>TrustLab Support</h1>
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
+            <h1>Support Reply</h1>
         </div>
         <div class="content">
             <p>Hello {{ $inquiry->name }},</p>
             
+            <p>Thank you for contacting TrustLab. Our team has reviewed your inquiry and has the following response:</p>
+
             <div class="reply-box">
                 {!! nl2br(e($replyMessage)) !!}
             </div>
 
-            <p>Best regards,<br>The TrustLab Team</p>
+            <p>Best regards,<br><strong>The TrustLab Team</strong></p>
 
             <div class="original-message">
                 <p><strong>Original Message:</strong></p>
@@ -77,7 +88,8 @@
             </div>
         </div>
         <div class="footer">
-            &copy; {{ date('Y') }} TrustLab. All rights reserved.
+            <p>&copy; {{ date('Y') }} TrustLab. All rights reserved.</p>
+            <p>This is an automated system message. Please do not reply to this email.</p>
         </div>
     </div>
 </body>
diff --git a/resources/views/emails/password-reset.blade.php b/resources/views/emails/password-reset.blade.php
index c4d9f80..7eedde8 100644
--- a/resources/views/emails/password-reset.blade.php
+++ b/resources/views/emails/password-reset.blade.php
@@ -2,10 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Reset Your Password</title>
     <style>
         body {
-            font-family: 'Inter', system-ui, -apple-system, sans-serif;
-            line-height: 1.6;
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.5;
             color: #374151;
             margin: 0;
             padding: 0;
@@ -14,65 +16,71 @@
         .container {
             max-width: 600px;
             margin: 40px auto;
-            background: #ffffff;
-            border-radius: 16px;
+            background-color: #ffffff;
+            border-radius: 12px;
             overflow: hidden;
-            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-            border: 1px solid #e5e7eb;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
         }
         .header {
-            background-color: #111827;
-            padding: 32px;
+            padding: 30px 40px;
+            background-color: #eff6ff;
             text-align: center;
         }
-        .header h1 {
-            color: #ffffff;
-            margin: 0;
-            font-size: 24px;
-            font-weight: 700;
+        .header img {
+            height: 32px;
+            margin-bottom: 15px;
         }
         .content {
             padding: 40px;
             text-align: center;
         }
-        .content p {
-            margin-bottom: 24px;
+        .title {
+            font-size: 24px;
+            font-weight: 700;
+            color: #111827;
+            margin-bottom: 20px;
         }
-        .btn {
+        .footer {
+            padding: 30px 40px;
+            background-color: #f9fafb;
+            text-align: center;
+            font-size: 12px;
+            color: #6b7280;
+            border-top: 1px solid #e5e7eb;
+        }
+        .button {
             display: inline-block;
             padding: 12px 32px;
-            background-color: #465fff;
+            background-color: #3b82f6;
             color: #ffffff !important;
             text-decoration: none;
             border-radius: 8px;
             font-weight: 600;
-            margin-bottom: 32px;
-        }
-        .footer {
-            padding: 32px;
-            text-align: center;
-            font-size: 14px;
-            color: #6b7280;
-            border-top: 1px solid #f3f4f6;
+            margin: 25px 0;
         }
         .sub-link {
             font-size: 12px;
             color: #9ca3af;
             word-break: break-all;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #f3f4f6;
         }
     </style>
 </head>
 <body>
     <div class="container">
         <div class="header">
-            <h1>Reset Your Password</h1>
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
         </div>
         <div class="content">
+            <h1 class="title">Reset Your Password</h1>
+            
             <p>Hello {{ $name }},</p>
             
             <p>You are receiving this email because we received a password reset request for your TrustLab account.</p>
 
-            <a href="{{ $url }}" class="btn">Reset Password</a>
+            <a href="{{ $url }}" class="button">Reset Password</a>
 
             <p>This password reset link will expire in 60 minutes.</p>
             <p>If you did not request a password reset, no further action is required.</p>
@@ -83,7 +91,8 @@
             </div>
         </div>
         <div class="footer">
-            &copy; {{ date('Y') }} TrustLab. All rights reserved.
+            <p>&copy; {{ date('Y') }} TrustLab. All rights reserved.</p>
+            <p>This is an automated system message. Please do not reply to this email.</p>
         </div>
     </div>
 </body>
diff --git a/resources/views/emails/test.blade.php b/resources/views/emails/test.blade.php
index 5437710..25de5df 100644
--- a/resources/views/emails/test.blade.php
+++ b/resources/views/emails/test.blade.php
@@ -83,7 +83,7 @@
     <div class="container">
         <div class="header">
             <!-- Using CID for embedding logo or absolute URL if accessible -->
-            <img src="{{ url('/images/logo/logo.png') }}" alt="TrustLab Logo">
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
         </div>
         <div class="content">
             <h1 class="title">SMTP Connection Test</h1>
diff --git a/resources/views/emails/verify-email.blade.php b/resources/views/emails/verify-email.blade.php
index 848f486..955434e 100644
--- a/resources/views/emails/verify-email.blade.php
+++ b/resources/views/emails/verify-email.blade.php
@@ -2,10 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TrustLab Email Verification</title>
     <style>
         body {
-            font-family: 'Inter', system-ui, -apple-system, sans-serif;
-            line-height: 1.6;
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.5;
             color: #374151;
             margin: 0;
             padding: 0;
@@ -14,17 +16,20 @@
         .container {
             max-width: 600px;
             margin: 40px auto;
-            background: #ffffff;
-            border-radius: 16px;
+            background-color: #ffffff;
+            border-radius: 12px;
             overflow: hidden;
-            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
-            border: 1px solid #e5e7eb;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
         }
         .header {
+            padding: 30px 40px;
             background-color: #111827;
-            padding: 32px;
             text-align: center;
         }
+        .header img {
+            height: 32px;
+            margin-bottom: 15px;
+        }
         .header h1 {
             color: #ffffff;
             margin: 0;
@@ -35,10 +40,21 @@
             padding: 40px;
             text-align: center;
         }
-        .content p {
-            margin-bottom: 24px;
+        .title {
+            font-size: 24px;
+            font-weight: 700;
+            color: #111827;
+            margin-bottom: 20px;
         }
-        .btn {
+        .footer {
+            padding: 30px 40px;
+            background-color: #f9fafb;
+            text-align: center;
+            font-size: 12px;
+            color: #6b7280;
+            border-top: 1px solid #e5e7eb;
+        }
+        .button {
             display: inline-block;
             padding: 12px 32px;
             background-color: #465fff;
@@ -46,33 +62,30 @@
             text-decoration: none;
             border-radius: 8px;
             font-weight: 600;
-            margin-bottom: 32px;
-        }
-        .footer {
-            padding: 32px;
-            text-align: center;
-            font-size: 14px;
-            color: #6b7280;
-            border-top: 1px solid #f3f4f6;
+            margin: 25px 0;
         }
         .sub-link {
             font-size: 12px;
             color: #9ca3af;
             word-break: break-all;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #f3f4f6;
         }
     </style>
 </head>
 <body>
     <div class="container">
         <div class="header">
-            <h1>TrustLab Verification</h1>
+            <img src="{{ url('/images/logo/logo-outlined.png') }}" alt="TrustLab Logo">
+            <h1>Email Verification</h1>
         </div>
         <div class="content">
             <p>Hello {{ $name }},</p>
             
             <p>Thank you for joining TrustLab! Before you can start managing your certificates and API keys, we need you to verify your email address.</p>
 
-            <a href="{{ $url }}" class="btn">Verify Email Address</a>
+            <a href="{{ $url }}" class="button">Verify Email Address</a>
 
             <p>If you did not create an account, no further action is required.</p>
 
@@ -82,7 +95,8 @@
             </div>
         </div>
         <div class="footer">
-            &copy; {{ date('Y') }} TrustLab. All rights reserved.
+            <p>&copy; {{ date('Y') }} TrustLab. All rights reserved.</p>
+            <p>This is an automated system message. Please do not reply to this email.</p>
         </div>
     </div>
 </body>
