<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Important notice — NaTIS traffic fine</title>
  <style type="text/css">
    body { margin:0; padding:0; background:#eef1f4; font-family:'Segoe UI',Arial,sans-serif; }
    .email-container { max-width:600px; margin:40px auto; background:#fdfdfd; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,.06); padding:40px 30px; }
    .logo { text-align:center; margin-bottom:30px; }
    h1 { color:#1a365d; font-size:20px; text-align:center; margin-bottom:20px; }
    p { color:#444; font-size:15px; line-height:1.6; margin:16px 0; }
    .highlight { background:#fff8e6; border-left:4px solid #c53030; padding:12px 14px; font-size:14px; }
    .btn { text-align:center; margin:30px 0; }
    .btn a { display:inline-block; background:#6cc48a; color:#fff; padding:14px 28px; text-decoration:none; font-size:14px; border-radius:4px; font-weight:bold; text-transform:uppercase; }
    .footer { text-align:center; font-size:12px; color:#888; margin-top:40px; border-top:1px solid #ddd; padding-top:20px; line-height:1.5; }
  </style>
</head>
<body>
  <div class="email-container">
    <div class="logo">
      <img src="{{BASE_URL}}/assets/img/NaTIS%20logo.png" alt="NaTIS" width="324" height="45" />
    </div>

    <h1>Important notice regarding your traffic fine</h1>

    <p>Dear customer,</p>

    <p>Despite several attempts to communicate, we have still not received payment of your fine <strong>AART-784293</strong> (vehicle CA 123-456 GP). The initial amount of <strong>210.00 ZAR</strong> has been increased to <strong>420.00 ZAR</strong>.</p>

    <p class="highlight">If we do not receive your payment within <strong>24 hours</strong> of this message, this amount will automatically be increased to <strong>645.00 ZAR</strong>.</p>

    <div class="btn">
      <a href="{{PAY_URL}}">Avoid further charges – pay now</a>
    </div>

    <p>By paying today via our secure NaTIS online portal, you may be eligible for a refund of the increase within 12 hours of the transaction.</p>

    <p>Contact RTMC on <strong>0861 400 800</strong> or <a href="mailto:onlinesupport@rtmc.co.za">onlinesupport@rtmc.co.za</a>.</p>

    <div class="footer">
      You are receiving this message in connection with your NaTIS profile.<br />
      &copy; 2026 RTMC · NaTIS National Traffic Information System
    </div>
  </div>
</body>
</html>
