[x-cloak]{display:none!important}
h1,h2,h3,.font-display{font-family:Unbounded,sans-serif;letter-spacing:-.03em}
.grad{background:linear-gradient(110deg,#ff6a2b,#f3b544,#4fd1e0,#ff6a2b);background-size:300% auto;animation:shine 8s linear infinite}
.text-grad{background:linear-gradient(110deg,#ff6a2b,#f3b544,#4fd1e0,#ff6a2b);background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 8s linear infinite}
.glass{background:rgba(23,26,34,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}
.glow{box-shadow:0 0 60px -10px rgba(255,106,43,.6)}
.marquee{animation:marquee 40s linear infinite}
.float{animation:float 7s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(40px)}
.tilt{transition:transform .3s ease-out;transform-style:preserve-3d}
.input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:.8rem;padding:.75rem 1rem;color:#f7f3ec;outline:none}
.input:focus{border-color:#ff6a2b;box-shadow:0 0 0 3px rgba(255,106,43,.2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.8rem;padding:.75rem 1.4rem;font-weight:700;color:#0f1117;background:linear-gradient(110deg,#ff6a2b,#f3b544,#4fd1e0,#ff6a2b);background-size:300% auto;animation:shine 8s linear infinite;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;padding:.6rem 1.1rem;border:1px solid rgba(255,255,255,.15);font-weight:600}
.btn-ghost:hover{background:rgba(255,255,255,.06)}
.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.b-paid,.b-completed,.b-active{background:rgba(74,222,128,.15);color:#4ade80}
.b-pending,.b-queued,.b-processing{background:rgba(243,181,68,.15);color:#f3b544}
.b-failed,.b-expired,.b-cancelled{background:rgba(248,113,113,.15);color:#f87171}
table.t{width:100%;font-size:.9rem}table.t th{text-align:left;color:#9aa0ad;font-weight:500;padding:.6rem;border-bottom:1px solid rgba(255,255,255,.1)}table.t td{padding:.7rem .6rem;border-bottom:1px solid rgba(255,255,255,.06)}
.word{display:inline-block;opacity:0}
.cursor-dot{position:fixed;width:400px;height:400px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,106,43,.18),transparent 60%);transform:translate(-50%,-50%);z-index:0;transition:opacity .3s}
@keyframes shine{to{background-position:300% center}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes float{50%{transform:translateY(-18px) rotate(1deg)}}