


<p><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="x-apple-disable-message-reformatting">
<title>23 февраля</title>
</p><style>
  html, body { margin:0 !important; padding:0 !important; height:100% !important; width:100% !important; background:#06140f; font-family:Arial, Helvetica, sans-serif; }
  * { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
  table, td { mso-table-lspace:0pt; mso-table-rspace:0pt; }
  img { -ms-interpolation-mode:bicubic; border:0; outline:none; text-decoration:none; display:block; }
  a { text-decoration:none; }
  .ExternalClass { width:100%; }
  .ExternalClass * { line-height:100%; }

  .wrap { width:100%; background:#06140f; }
  .container { width:600px; max-width:600px; margin:0 auto; }

  .h1 { font:700 34px/1.15 Arial,Helvetica,sans-serif; letter-spacing:0.2px; color:#f4f7ff; text-align:center; }
  .h2 { font:700 18px/1.3 Arial,Helvetica,sans-serif; color:#f4f7ff; letter-spacing:0.3px; text-align:center; }
  .p { font:400 16px/1.6 Arial,Helvetica,sans-serif; color:#d8def0; text-align:center; }
  .small { font:400 12px/1.6 Arial,Helvetica,sans-serif; color:#9aa6c4; text-align:center; }

  .btn {
    display:inline-block;
    font:700 14px/1 Arial,Helvetica,sans-serif;
    letter-spacing:0.6px;
    padding:14px 18px;
    border-radius:12px;
    color:#06140f !important;
    background:#2c7a4c;
    border:1px solid rgba(255,255,255,.08);
  }
  .btn:hover { filter:brightness(1.05); transform:translateY(-1px); transition:0.25s ease; }

  .card {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    overflow:hidden;
    margin-bottom:16px;
  }

  .hero {
    background: radial-gradient(1200px 500px at 20% 0%, rgba(44,122,76,.25), transparent 60%),
                radial-gradient(900px 500px at 80% 10%, rgba(34,97,60,.18), transparent 55%),
                linear-gradient(135deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  }

  @media (prefers-reduced-motion: no-preference) {
    .glow { position:relative; }
    .glow:before {
      content:"";
      position:absolute;
      inset:-2px;
      border-radius:22px;
      background: linear-gradient(90deg, rgba(44,122,76,.0), rgba(44,122,76,.45), rgba(34,97,60,.35), rgba(44,122,76,.0));
      filter: blur(10px);
      opacity:.55;
      animation: sweep 6s ease-in-out infinite;
    }
    @keyframes sweep {
      0% { transform: translateX(-12%); opacity:.25; }
      50% { transform: translateX(12%); opacity:.65; }
      100% { transform: translateX(-12%); opacity:.25; }
    }

    .title-shine {
      background: linear-gradient(90deg, #f4f7ff 0%, #f4f7ff 35%, rgba(44,122,76,.95) 50%, #f4f7ff 65%, #f4f7ff 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      animation: shine 5.5s linear infinite;
      background-size: 220% 100%;
    }
    @keyframes shine {
      0% { background-position:0% 50%; }
      100% { background-position:200% 50%; }
    }

    .floaty { animation: floaty 7s ease-in-out infinite; }
    @keyframes floaty {
      0%,100% { transform:translateY(0px); }
      50% { transform:translateY(-4px); }
    }
  }

  @media screen and (max-width:620px) {
    .container { width:100% !important; max-width:100% !important; }
    .pad { padding:18px !important; }
    .h1 { font-size:28px !important; }
  }

  /* Выравнивание ссылок пожелания */
  .team-wish { text-align:center; font:400 16px/1.6 Arial,Helvetica,sans-serif; color:#d8def0; margin:20px 0 0 0; }
</style>


<div class="wrap">
  <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
    <tbody><tr>
      <td align="center" style="padding:28px 12px;">
        <table role="presentation" cellpadding="0" cellspacing="0" border="0" class="container">

          <!-- HERO -->
          <tbody><tr>
            <td class="card hero glow" style="padding:28px;">
              <div class="h1 title-shine">С Днём защитника Отечества</div>
              <div class="p">Желаем крепкой уверенности, ясных целей и внутреннего спокойствия. Пусть рядом всегда будут люди, на которых можно опереться — так же, как на вас.</div>
            </td>
          </tr>

          <!-- Преимущества -->
          <tr>
            <td style="padding:18px 0;">
              <br><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
                <tbody><tr>
                  <td valign="top" width="50%" class="card floaty" style="padding:16px; border-radius:14px;">
                    <div class="h2">Сила</div>
                    <div class="p">В решениях, в характере, в делах — каждый день.</div>
                  </td>
                  <td width="14"><br></td>
                  <td valign="top" width="50%" class="card floaty" style="padding:16px; border-radius:14px;">
                    <div class="h2">Надёжность</div>
                    <div class="p">Стабильность там, где она особенно важна.</div>
                  </td>
                </tr>
                <tr><td height="14" colspan="3"><br></td></tr>
                <tr>
                  <td valign="top" width="50%" class="card floaty" style="padding:16px; border-radius:14px;">
                    <div class="h2">Уважение</div>
                    <div class="p">К себе, к близким, к делу — это чувствуется.</div>
                  </td>
                  <td width="14"><br></td>
                  <td valign="top" width="50%" class="card floaty" style="padding:16px; border-radius:14px;">
                    <div class="h2">Опора</div>
                    <div class="p">Пусть её будет больше — и в семье, и в работе.</div>
                  </td>
                </tr>
              </tbody></table>
            </td>
          </tr>

          <!-- Видео-поздравление -->
          <tr>
            <td align="center" style="padding:0 0 18px 0;">
              <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="card" style="background:rgba(0,0,0,0.3); border-radius:16px; overflow:hidden;">
                <tbody><tr>
                  <td style="padding:20px; text-align:center;">
                    <div class="h2" style="color:#f4f7ff;">Видео-поздравление от руководства</div>
                    <a href="https://q2.sp-ru.deptech-group.ru/qwwqqwqwwqwqqqwwq/" target="_blank">Смотреть видео</a></td>
                </tr>
              </tbody></table>
            </td>
          </tr>

          <!-- Пожелание команды -->
          <tr>
            <td>
              <p class="team-wish">Пожелание от команды</p>
            </td>
          </tr>

          <!-- Нижний блок / футер -->
          <tr>
            <td style="padding:16px 6px 18px 6px;">
              <div class="small">2026</div>
              <div class="small" style="text-align:right;">
                <a href="https://example.com/unsubscribe" style="color:#9aa6c4; text-decoration:underline;">Отписаться</a>
              </div>
            </td>
          </tr>

        </tbody></table>
      </td>
    </tr>
  </tbody></table>
</div>


