<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>NDX Group</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      background-color: #1f1f23;
      font-family: Arial, sans-serif;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    .card {
      background: linear-gradient(to bottom, #2b2b30, #1f1f23);
      padding: 40px;
      border-radius: 10px;
      box-shadow: 0 10px 40px rgba(0,0,0,0.4);
      text-align: center;
      max-width: 400px;
    }
    .logo {
      width: 100%;
      max-width: 200px;
      margin: 0 auto 30px;
      display: block;
    }
    .info {
      font-size: 16px;
      line-height: 1.6;
    }
    .info b {
      display: block;
    }
    a {
      color: #ffa726;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
      color: #ffb74d;
    }
    .footer {
      margin-top: 20px;
      font-size: 14px;
      color: #bbb;
    }
  </style>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      const yearSpan = document.getElementById("year");
      yearSpan.textContent = new Date().getFullYear();
    });
  </script>
</head>
<body>
  <div class="card">
    <img src="logo.png" alt="NDX Group Logo" class="logo">
    <div class="info">
      <b>NDX Group</b>
      ul. Szkolna 42<br>
      05-077 Zakręt<br>
      POLAND<br><br>
      NIP: 1132484389<br>
      REGON: 142558930<br>
      VAT-EU: PL1132484389<br>
      <br>
    </div>
    <div class="footer">
       &copy; 2010–<span id="year"></span>
    </div>
  </div>
</body>
</html>