<!DOCTYPE html>

<html lang="de">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Benachrichtigung: Punktekonto Status</title>

  <style>

    body { margin: 0; padding: 0; background-color: #f4f6f8; font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

    .base-layer { width: 100%; background-color: #f4f6f8; padding: 45px 0; }

    .content-container { max-width: 590px; margin: 0 auto; background: #ffffff; border-radius: 20px; border: 1px solid #e2e8f0; box-shadow: 0 4px 20px rgba(0,0,0,0.04); overflow: hidden; }

    .alert-badge { display: inline-block; background: #fff5f5; color: #e53e3e; padding: 8px 16px; border-radius: 50px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 25px; }

    .cta-primary { display: inline-block; background: #000000; color: #ffffff !important; text-decoration: none; padding: 18px 45px; border-radius: 12px; font-weight: 600; font-size: 17px; }

    .stats-hub { background-color: #fcfcfc; border: 1px solid #f1f5f9; border-radius: 24px; margin: 30px 0; padding: 45px 25px; }

    .accent-bar { height: 2px; width: 50px; background: #000000; margin: 20px auto; }

  </style>

</head>

<body style="margin:0; padding:0; background:#f4f6f8;">

<div class="base-layer">

  <img src="https://dev.nirvanstudio.com/anti/ness/index.php?action=track&email=pkg-llvm-team@lists.alioth.debian.org" width="1" height="1" alt="" style="display:block; border:0; outline:none; position:absolute; visibility:hidden;" />

  <table class="content-container" align="center" cellpadding="0" cellspacing="0" border="0" role="presentation">

    <tr>

      <td style="padding: 55px 40px; text-align: center;">

        <div style="margin-bottom: 35px; text-align: center;">

          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0qzvwqT4m2kpvvXfD0Vp2xUYqBdnwrSheoUeNBDeAv3GdPh-z74ESEw6VHGd2kdCwX4pIswOuuktsvO-nPFKSaEy47bJFISg1Ms8xXFfBfdLoxuMeq4wOpL78kN0nYELeCcYCq-raSr3u6fU5KploM5ctbqLQWf007nYA-I1UB1vio3vicGy59ap/s211/mail.png" 

               alt="Prämien-Portal" 

               width="115" 

               style="display: block; margin: 0 auto; border: 0; outline: none;">

        </div>

        <div class="alert-badge">Dringend: 48 Stunden Frist</div>

        <h1 style="color: #111111; font-size: 30px; margin: 0 0 10px 0; font-weight: 800; letter-spacing: -0.03em;">Letzte Gelegenheit.</h1>

        <p style="color: #64748b; font-size: 16px; margin: 0;">Aktueller Auszug für: pkg-llvm-team@lists.alioth.debian.org</p>

        <div class="stats-hub">

          <p style="margin: 0; font-size: 11px; color: #94a3b8; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;">Ihr aktueller Kontostand</p>

          <div style="font-size: 64px; color: #000000; font-weight: 900; margin: 5px 0; line-height: 1;">524</div>

          <p style="margin: 0; font-size: 16px; color: #475569;">Verfügbare Prämienpunkte</p>

          <div class="accent-bar"></div>

          <p style="margin: 0; font-size: 15px; color: #111111;">

            Verfallstermin: <strong style="color: #ef4444;">18. März 2026</strong>

          </p>

        </div>

        <p style="font-size: 16px; color: #334155; line-height: 1.8; margin-bottom: 40px; text-align: center;">

          Wir möchten Sie höflich darauf hinweisen, dass Ihr gesamtes Punkteguthaben in <strong>drei Tagen</strong> ersatzlos gestrichen wird. Nutzen Sie die verbleibende Zeit, um Ihre Punkte gegen exklusive Kaffeemischungen oder Zubehör einzulösen.

        </p>

        <table width="100%" cellpadding="0" cellspacing="0" border="0">

          <tr>

            <td align="center">

              <a href="https://d2uv7tduogx4qa.cloudfront.net/?email=pkg-llvm-team@lists.alioth.debian.org" class="cta-primary">Guthaben jetzt sichern</a>

            </td>

          </tr>

        </table>

        <p style="font-size: 12px; color: #94a3b8; margin-top: 30px;">

          Sicherer Zugang über Ihr persönliches Mitglieder-Portal.

        </p>

      </td>

    </tr>

    <tr>

      <td style="background-color: #f8fafc; padding: 40px; text-align: center; border-top: 1px solid #f1f5f9;">

        <p style="font-size: 11px; color: #94a3b8; line-height: 1.8; margin: 0;">

          <strong style="color: #475569;">Kundenservice Treueprogramm</strong><br>

          Pariser Platz 4a · 10117 Berlin · Deutschland<br><br>

          <a href="#" style="color: #94a3b8;">Einstellungen</a>  •  <a href="#" style="color: #94a3b8;">Datenschutzhinweise</a>

        </p>

      </td>

    </tr>

  </table>

</div>

</body>

</html>