
      <!DOCTYPE html>
      <html>
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>We will be back soon</title>
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
        <style>
          body {margin: 0; padding: 0; font-family: "Poppins", sans-serif; background: #444; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #333; text-align: center; overflow: hidden; }
          .container { background: rgba(255, 255, 255, 0.95); padding: 40px 60px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); animation: fadeIn 1s ease-in-out; }
          h1 {font-size: 2.5em; color: #314cbc; margin-bottom: 20px; animation: bounce 2s infinite; }
          p { font-size: 1.2em; margin-bottom: 30px; }
          .timer { font-size: 2em; font-weight: bold; letter-spacing: 2px;}
          @keyframes fadeIn {0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); }}
          @keyframes bounce {0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
          footer { position: absolute; bottom: 20px; font-size: 0.9em; color: #555; animation: fadeIn 2s ease-in-out; }
          .footer-msg { font-size: 1em; color: #555; }
          .logo img { max-width: 100px;}
          .auto-refresh-msg {font-size: 0.95em; color: #666; margin-top: 10px; line-height: 1.5; }
        </style>
      </head>
      <body>
        <div class="container">
          <div class="logo">
            <img src="https://tankspotterstagnew.s3.amazonaws.com/uploads/company/avatar/49/TS-BIG-LOGO-png__1_.png" alt="Tank Spotter Logo"/>
          </div>
          <h1>🛢️ Tank Spotter is topping up</h1>
          <p>Just a quick pause — the system will be ready shortly.</p>
          <div class="auto-refresh-msg">
            <p>This page will update automatically.</p>
          </div>
	  <div class="timer">⏱️<spam id="countdown">01:00</div><br>
          <div class="footer-msg">Thanks for waiting with us!</div>
        </div>
      <script>
        let time = 60;
        const countdown = document.getElementById("countdown");
        const interval = setInterval(() => {
          let minutes = Math.floor(time / 60);
          let seconds = time % 60;
          countdown.textContent = (minutes < 10 ? "0" : "") + minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
          time--;
          if (time < 0) {
            clearInterval(interval);
            location.reload();
	  }
       }, 1000);
      </script>
      </body>
      <html>