<!DOCTYPE html><html lang="id"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>404 - Halaman Tidak Ditemukan | RoyalXp</title><style>*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0b00;font-family:"Segoe UI",sans-serif;color:#fff;overflow:hidden}.bg{position:fixed;inset:0;background:radial-gradient(ellipse at 20% 50%,#2a1a00 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,#1a1200 0%,transparent 60%);z-index:0}.particles{position:fixed;inset:0;z-index:0;pointer-events:none}.p{position:absolute;border-radius:50%;animation:float linear infinite;opacity:.15}.box{position:relative;z-index:1;text-align:center;padding:3rem 2rem;max-width:520px}.logo{font-size:1.1rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#f5c400;margin-bottom:2.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.logo-icon{width:28px;height:28px;background:linear-gradient(135deg,#f5c400,#ff9900);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 0 12px rgba(245,196,0,.5)}.code{font-size:8rem;font-weight:900;background:linear-gradient(135deg,#f5c400,#ffb700,#ff9900);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;letter-spacing:-4px;filter:drop-shadow(0 0 40px rgba(245,196,0,.5))}.title{font-size:1.5rem;font-weight:600;color:#ffe680;margin:1.2rem 0 .6rem}.sub{color:#a89060;font-size:.95rem;margin-bottom:2rem}a.btn{display:inline-block;padding:.75rem 2.2rem;background:linear-gradient(135deg,#f5c400,#ff9900);border-radius:50px;color:#0d0b00;text-decoration:none;font-weight:700;font-size:.9rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 18px rgba(245,196,0,.35)}a.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(245,196,0,.55)}.brand{margin-top:2.5rem;font-size:.75rem;color:#5a4a20;letter-spacing:2px;text-transform:uppercase}.dot{display:inline-block;width:6px;height:6px;background:#f5c400;border-radius:50%;margin:0 6px;vertical-align:middle;box-shadow:0 0 6px rgba(245,196,0,.7)}@keyframes float{0%{transform:translateY(110vh) rotate(0deg)}100%{transform:translateY(-10vh) rotate(360deg)}}</style></head><body><div class="bg"></div><div class="particles" id="pt"></div><div class="box"><div class="logo"><span class="logo-icon">&#9733;</span>RoyalXp</div><div class="code">404</div><div class="title">Halaman Tidak Ditemukan</div><div class="sub">Konten yang kamu cari tidak tersedia atau telah dihapus.</div><a class="btn" href="/">&#8592; Kembali ke Beranda</a><div class="brand"><span class="dot"></span>RoyalXp<span class="dot"></span>2026<span class="dot"></span></div></div><script>!function(){var c=document.getElementById('pt'),n=18;for(var i=0;i<n;i++){var d=document.createElement('div');d.className='p';var s=Math.random()*8+4;d.style.cssText='width:'+s+'px;height:'+s+'px;left:'+Math.random()*100+'%;bottom:-10px;background:rgba(245,'+(150+Math.floor(Math.random()*100))+',0,1);animation-duration:'+(Math.random()*14+8)+'s;animation-delay:'+(Math.random()*8)+'s;';c.appendChild(d);}}();</script></body></html>