
    <!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>