<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="5;url=https://cloudmc-usa.stonexpositioning.com/">
<title>We&#39;ve Moved</title>
<style>
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#172033;background:radial-gradient(circle at 20% 20%,#dbeafe 0,transparent 35%),radial-gradient(circle at 80% 80%,#ede9fe 0,transparent 35%),#f8fafc}
.card{width:100%;max-width:620px;padding:56px 48px;text-align:center;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 30px 70px rgba(15,23,42,.10),0 4px 12px rgba(15,23,42,.04)}
.icon{width:72px;height:72px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:#2563eb;color:#fff;font-size:32px;box-shadow:0 12px 30px rgba(37,99,235,.25)}
h1{margin-bottom:18px;font-size:38px;line-height:1.15;letter-spacing:-1.2px}
.description{max-width:470px;margin:0 auto 32px;color:#64748b;font-size:17px;line-height:1.7}
.button{display:inline-block;padding:15px 26px;color:#fff;background:#2563eb;font-size:16px;font-weight:600;text-decoration:none;border-radius:12px;box-shadow:0 8px 20px rgba(37,99,235,.22);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,99,235,.30)}
.redirect{margin-top:30px;color:#94a3b8;font-size:14px}
.redirect strong{color:#64748b}
.loader{width:160px;height:4px;margin:14px auto 0;overflow:hidden;border-radius:999px;background:#e2e8f0}
.loader::after{content:"";display:block;width:100%;height:100%;background:#2563eb;border-radius:inherit;animation:countdown 5s linear forwards;transform-origin:left}
@keyframes countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:600px){.card{padding:42px 24px;border-radius:22px}h1{font-size:31px}.description{font-size:16px}}
</style>
</head>
<body>
<main class="card">
<div class="icon">&#8594;</div>
<h1>We&#39;ve Moved!</h1>
<p class="description">We have a new home. Our website is now available at a new address. Please update your bookmarks so you can continue to find us.</p>
<a class="button" href="https://cloudmc-usa.stonexpositioning.com/">Go to the new website &nbsp;&#8594;</a>
<div class="redirect">Automatically redirecting in <strong id="seconds">5</strong> seconds<div class="loader"></div></div>
</main>
<script>
let seconds=5;
const counter=document.getElementById("seconds");
const timer=setInterval(function(){
    seconds--;
    counter.textContent=Math.max(seconds,0);
    if(seconds<=0){
        clearInterval(timer);
    }
},1000);
</script>
</body>
</html>