<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#eff6ff">
<title>AXENTRAA | Cloud Infrastructure</title>
<style>
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px;font-family:Arial,sans-serif;color:#102b59;background:radial-gradient(circle at top,#d5eaff,#f5faff 55%,#dcecff)}
.card{width:100%;max-width:620px;background:rgba(255,255,255,.88);border:1px solid #d8e8fc;border-radius:30px;padding:45px 28px;text-align:center;box-shadow:0 20px 65px #477cb52b}
.brand{font-size:36px;font-weight:900;letter-spacing:3px;color:#1260d9}
.sub{font-size:12px;letter-spacing:4px;color:#7188a8;margin-top:9px}
.icon{font-size:65px;margin:35px auto 20px}
.status{display:inline-block;padding:12px 23px;border-radius:30px;background:#e2f9ed;color:#078b4a;font-size:12px;font-weight:bold;letter-spacing:1px}
h1{font-size:clamp(27px,6vw,40px);line-height:1.2;margin:27px 0 15px}
h1 span{color:#1671e9}
p{font-size:15px;line-height:1.9;color:#657b99}
.info{margin-top:30px;padding:23px;border:1px solid #dce9f8;border-radius:20px;text-align:left;background:#f7faff}
.item{display:flex;justify-content:space-between;gap:10px;padding:12px 0;font-size:13px}
.ok{color:#079653;font-weight:bold}
footer{margin-top:30px;color:#8294ad;font-size:11px;letter-spacing:1px}
</style>
</head>
<body>
<main class="card">
<div class="brand">AXENTRAA</div>
<div class="sub">CLOUD INFRASTRUCTURE</div>
<div class="icon">☁️</div>
<div class="status">● SYSTEM ONLINE</div>
<h1>Server Successfully <span>Connected.</span></h1>
<p>Domain berhasil terhubung ke infrastruktur AXENTRAA. Website sedang menunggu konfigurasi layanan.</p>
<div class="info">
<div class="item"><span>Domain Connection</span><span class="ok">● Connected</span></div>
<div class="item"><span>Infrastructure</span><span class="ok">● Online</span></div>
<div class="item"><span>Website Status</span><span class="ok">● Ready</span></div>
</div>
<footer>AXENTRAA | DIGITAL INFRASTRUCTURE | 2026</footer>
</main>
</body>
</html>