<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Password Changed</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
max-width: 600px;
margin: 0 auto;
padding: 20px;
}
.header {
background-color: #2196F3;
color: white;
padding: 20px;
text-align: center;
border-radius: 5px 5px 0 0;
}
.content {
background-color: #f9f9f9;
padding: 30px;
border-radius: 0 0 5px 5px;
}
.warning {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 12px;
margin: 20px 0;
}
.button {
display: inline-block;
padding: 12px 24px;
background-color: #2196F3;
color: white;
text-decoration: none;
border-radius: 4px;
margin: 20px 0;
}
.footer {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #ddd;
font-size: 12px;
color: #666;
text-align: center;
}
</style>
</head>
<body>
<div class="header">
<h1>✓ Password Changed Successfully</h1>
</div>
<div class="content">
<p>Hello {{ name }},</p>
<p>This email confirms that your password for your {{ app_name }} account was successfully changed on {{ changed_at }}.</p>
<div class="warning">
<strong>⚠️ Security Notice:</strong> If you didn't make this change, please secure your account immediately.
</div>
<p>If this wasn't you, someone may have accessed your account. Please take the following steps immediately:</p>
<ol>
<li>Reset your password using a secure device</li>
<li>Review your recent account activity</li>
<li>Contact our support team if you notice any suspicious activity</li>
</ol>
<p style="text-align: center;">
<a href="{{ support_url }}" class="button">Contact Support</a>
</p>
<p>Best regards,<br>The {{ app_name }} Team</p>
</div>
<div class="footer">
<p>This email was sent to {{ email }}</p>
<p>© 2025 {{ app_name }}. All rights reserved.</p>
</div>
</body>
</html>