@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');
:root{--k0:#030a1c;--kg:rgba(14,26,52,.6);--kl:rgba(110,190,255,.18);--kt:#eaf3ff;--km:#8aa2c4;--ka:#3ee0ff;--kb:#7c6bff;--kok:#34d399}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--k0);color:var(--kt);font:15px/1.55 Sora,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}h1,h2,h3{letter-spacing:-.02em}.mu{color:var(--km)}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0}.aur{position:fixed;inset:0;z-index:0;background:radial-gradient(50vmax 40vmax at 15% 0%,rgba(62,224,255,.14),transparent 60%),radial-gradient(50vmax 40vmax at 100% 20%,rgba(124,107,255,.18),transparent 60%),linear-gradient(rgba(3,10,28,.2),rgba(3,10,28,.6))}
.pillbar{position:fixed;top:12px;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 12px}
.pill{width:min(1120px,100%);height:58px;display:flex;align-items:center;gap:18px;padding:0 10px 0 22px;border-radius:99px;background:rgba(10,20,44,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--kl);box-shadow:0 14px 50px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)}
.lg{font-weight:800;font-size:19px;letter-spacing:-.04em}.lg b{background:linear-gradient(100deg,var(--ka),var(--kb));-webkit-background-clip:text;background-clip:text;color:transparent}
.lk{display:flex;gap:2px;margin:0 auto}.lk>a,.more>button{padding:8px 16px;border-radius:99px;color:var(--km);font-weight:500;font-size:14px;transition:.2s}.lk>a:hover,.more>button:hover,.lk>a.on{color:var(--kt);background:rgba(255,255,255,.07)}
.more{position:relative}.dd{position:absolute;top:44px;right:0;min-width:190px;background:rgba(10,20,44,.96);border:1px solid var(--kl);border-radius:18px;padding:8px;display:none;box-shadow:0 20px 60px rgba(0,0,0,.5)}.more.open .dd{display:block}.dd a{display:block;padding:10px 14px;border-radius:12px;color:var(--km)}.dd a:hover,.dd a.on{background:rgba(255,255,255,.07);color:var(--kt)}
.ac{display:flex;align-items:center;gap:8px}.bal{font-weight:700;padding:8px 14px;border-radius:99px;background:rgba(52,211,153,.14);color:var(--kok)}.av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--ka),var(--kb));color:#031024;font-weight:800}
.b{display:inline-block;padding:9px 18px;border-radius:99px;border:1px solid var(--kl);background:rgba(255,255,255,.05);font-weight:600;font-size:14px;transition:.2s}.b:hover{border-color:var(--ka)}.b.pri{background:linear-gradient(100deg,var(--ka),var(--kb));color:#031024;border-color:transparent}.b.off{opacity:.5}
.tape{position:relative;z-index:5;margin:82px auto 0;width:min(1120px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:99px;background:rgba(10,20,44,.5);border:1px solid var(--kl);backdrop-filter:blur(10px);overflow:hidden}
.lv{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--ka);white-space:nowrap;display:flex;gap:7px;align-items:center}.lv i{width:7px;height:7px;border-radius:50%;background:var(--ka);box-shadow:0 0 10px var(--ka);animation:bl 1.4s infinite}@keyframes bl{50%{opacity:.3}}
.tr{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.mv{display:flex;gap:28px;width:max-content;animation:mv 55s linear infinite}@keyframes mv{to{transform:translateX(-50%)}}
.ti{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;color:var(--km)}.ti i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;background:linear-gradient(135deg,var(--kb),var(--ka));color:#031024}.ti b{color:var(--kt);font-weight:600}.ti em{font-style:normal;color:var(--kok);font-weight:700}.ti small{opacity:.7}
main{position:relative;z-index:2;width:min(1120px,calc(100% - 24px));margin:0 auto;padding:26px 0 40px}
.gl{background:var(--kg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--kl);border-radius:28px;padding:22px;position:relative;overflow:hidden;margin-bottom:16px}
.t3{transition:transform .18s ease-out,box-shadow .25s,border-color .25s;will-change:transform;position:relative}.t3::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .2s;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.14),transparent 60%)}.t3.on{box-shadow:0 26px 60px rgba(0,0,0,.5),0 0 44px rgba(62,224,255,.15);border-color:rgba(62,224,255,.5)}.t3.on::after{opacity:1}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:520px}.kick{font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--ka)}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.04;margin:14px 0}.hero h1 span{background:linear-gradient(100deg,var(--ka),var(--kb),#d07bff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:480px;font-size:16px}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.ctas .b{padding:13px 26px;font-size:15px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{padding:6px 14px;border-radius:99px;font-size:13px;background:rgba(255,255,255,.06);border:1px solid var(--kl);color:var(--km)}
.ow{display:flex;flex-direction:column;align-items:center;gap:20px}.orb{position:relative;width:min(340px,80vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;cursor:pointer;user-select:none;touch-action:none;background:radial-gradient(circle at 32% 26%,#b8f6ff,#3b9dff 38%,#2a2f9a 70%,#0b1040);box-shadow:0 0 110px rgba(62,224,255,.45),inset -36px -46px 90px rgba(3,10,40,.65),inset 20px 20px 50px rgba(255,255,255,.18);animation:fl 6s ease-in-out infinite;transition:box-shadow .3s}@keyframes fl{50%{transform:translateY(-14px)}}
.rg{position:absolute;inset:-26px;border-radius:50%;border:2px solid rgba(124,230,255,.4);transform:rotateX(72deg);animation:rs 9s linear infinite}.rg.b{inset:-48px;border-color:rgba(160,130,255,.35);transform:rotateX(72deg) rotateY(14deg);animation-duration:14s;animation-direction:reverse}@keyframes rs{to{transform:rotateX(72deg) rotateZ(360deg)}}
.in{text-align:center;position:relative}.in small{font-size:11px;font-weight:700;letter-spacing:.2em;opacity:.8}.in b{display:block;font-size:46px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.in em{font-style:normal;opacity:.8}
.orb.charging{animation:chg 1.4s ease-in forwards}@keyframes chg{0%{box-shadow:0 0 110px rgba(62,224,255,.45);transform:scale(1)}100%{box-shadow:0 0 220px 30px rgba(255,255,255,.8),0 0 120px rgba(62,224,255,.9);transform:scale(1.14)}}
.orb.burst{animation:bs .9s ease-out}@keyframes bs{0%{transform:scale(1.14)}30%{transform:scale(1.4);box-shadow:0 0 260px 60px rgba(255,255,255,.9)}100%{transform:scale(1)}}
.chg{padding:12px 24px;border-radius:99px;border:1px dashed var(--kl);color:var(--km);font-weight:600}.chg:not(:disabled):hover{color:var(--kt);border-color:var(--ka)}.chg:disabled{opacity:.5;cursor:default}
.bento{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:10px}.bx .blk,.bx .gl{margin:0;height:100%}.blk{margin:26px 0 8px}.bh{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.bh h2{font-size:22px}.bh small{color:var(--km)}
.car{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 12px;scrollbar-width:none;scroll-snap-type:x mandatory}.car::-webkit-scrollbar{display:none}.fc{flex:0 0 170px;scroll-snap-align:start;background:var(--kg);border:1px solid var(--kl);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:3px;cursor:pointer;overflow:hidden;backdrop-filter:blur(10px)}.fc i{font-style:normal;font-size:46px;height:80px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(62,224,255,.16),rgba(124,107,255,.2));margin:14px 0 8px;overflow:hidden}.fc i img{width:100%;height:100%;object-fit:cover}.fc b{font-size:14px}.fc small{color:var(--kok);font-weight:700}.bd2{position:absolute;top:12px;left:12px;font-size:10px;font-weight:700;padding:3px 10px;border-radius:99px;background:linear-gradient(100deg,var(--kb),var(--ka));color:#031024}
.sm{position:absolute;right:10px;bottom:8px;font:700 9px/1 Sora;letter-spacing:.1em;text-decoration:none;color:var(--km);border:1px dashed var(--km);padding:2px 6px;border-radius:5px}
.pts{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pc{position:relative;text-align:center;padding:18px 10px;border-radius:22px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:linear-gradient(170deg,color-mix(in srgb,var(--c) 22%,#050b1e),#050b1e 75%);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:2px}.pc i{font-style:normal;font-size:30px;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 28%,#050b1e)}.pc small{color:var(--km);font-size:11px}.pc em{position:absolute;top:8px;right:8px;font-style:normal;font-size:9px;font-weight:700;color:var(--ka)}
.rows{display:grid;gap:10px}.rw{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:22px;background:var(--kg);border:1px solid var(--kl);cursor:pointer;overflow:hidden;backdrop-filter:blur(10px)}.rw .ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-style:normal;font-size:26px;background:linear-gradient(135deg,rgba(62,224,255,.16),rgba(124,107,255,.2));flex:none;overflow:hidden}.rw .ic img{width:100%;height:100%;object-fit:cover}.tx{flex:1;min-width:0}.tx b{display:block}.tx small{color:var(--km)}.bd{font-style:normal;font-size:10px;padding:2px 8px;border-radius:99px;background:rgba(124,107,255,.25);color:#c7bfff}.pr{font-weight:800;color:var(--kok);font-size:18px}.pr small{font-size:11px;margin-left:3px;color:var(--km)}
.lock{position:absolute;inset:0;display:grid;place-items:center;background:rgba(3,10,28,.78);font-weight:700;font-size:12px;color:#fbbf24;z-index:3}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.steps b{font-size:40px;font-weight:800;background:linear-gradient(100deg,var(--ka),var(--kb));-webkit-background-clip:text;background-clip:text;color:transparent}
.pr2{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--kl)}.pr2:last-child{border:0}.pr2 span{flex:1}.pr2 b{color:var(--kok)}.pr2 small{color:var(--km)}.s-paid{color:var(--kok)!important}.s-pending{color:#fbbf24!important}.s-rejected{color:#f87171!important}
.pt{font-size:34px;margin:6px 0 14px}.seg{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}.seg button{padding:8px 18px;border-radius:99px;border:1px solid var(--kl);color:var(--km);background:rgba(255,255,255,.04);text-transform:capitalize}.seg .on{background:linear-gradient(100deg,var(--ka),var(--kb));color:#031024;border-color:transparent;font-weight:700}
.wgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.wr{display:grid;place-items:center;min-height:300px}.wr svg{width:240px;transform:rotate(-90deg)}.wr circle{fill:none;stroke-width:12}.tr0{stroke:rgba(255,255,255,.08)}.tr1{stroke:url(#x);stroke:var(--ka);stroke-linecap:round;filter:drop-shadow(0 0 10px var(--ka));transition:stroke-dashoffset 1s}.wr .mid{position:absolute;text-align:center}.mid small{letter-spacing:.2em;font-size:11px;color:var(--km)}.mid b{display:block;font-size:38px;font-weight:800}.mid em{font-style:normal;color:var(--km);font-size:12px}
.mth{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:12px 0}.mth button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 8px;border-radius:20px;border:1px solid var(--kl);background:rgba(255,255,255,.04);transition:.2s}.mth button:hover{border-color:var(--ka);transform:translateY(-3px)}.mth i{font-style:normal;font-size:28px}.mth small{color:var(--km)}
.soc{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.cp{display:flex;gap:10px;margin:10px 0}.cp input,.mb input{flex:1;width:100%;background:rgba(3,10,28,.7);border:1px solid var(--kl);color:var(--kt);border-radius:16px;padding:12px 16px;font:inherit;outline:none}
.gate{text-align:center;max-width:520px;margin:50px auto}.gate p{margin:6px 0 18px}.doc{max-width:800px}.doc details{border-bottom:1px solid var(--kl);padding:12px 0}.doc summary{cursor:pointer;font-weight:600}.doc p,.doc li{color:var(--km);margin-top:8px}.doc h3{margin:18px 0 4px}.doc ul{padding-left:20px}
.ft{position:relative;z-index:2;text-align:center;padding:24px;color:var(--km);font-size:12px}
.mo{position:fixed;inset:0;z-index:100;background:rgba(3,10,28,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}.mb{position:relative;width:min(420px,100%);background:#0a1530;border:1px solid var(--kl);border-radius:28px;padding:26px}.mb form{display:grid;gap:10px;margin-top:14px}.x{position:absolute;right:16px;top:12px;font-size:18px;color:var(--km)}.err{color:#f87171;min-height:18px}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(14px);background:linear-gradient(100deg,var(--ka),var(--kb));color:#031024;font-weight:700;padding:12px 24px;border-radius:99px;opacity:0;transition:.3s;z-index:9990}.toast.show{opacity:1;transform:translateX(-50%)}
.lite .orb,.lite .rg{animation:none}.lite .mv{animation-duration:90s}
@media(max-width:900px){.hero,.bento,.wgrid,.steps{grid-template-columns:1fr}.pill{height:auto;flex-wrap:wrap;border-radius:26px;padding:10px 14px;gap:6px 10px}.lk{order:3;flex-basis:100%;overflow-x:auto;margin:0;padding-bottom:2px}.lk>a,.more>button{white-space:nowrap}.ac{margin-left:auto}.dd{right:auto;left:0}.tape{margin-top:132px}.hero{min-height:0}}
@media(prefers-reduced-motion:reduce){.orb,.rg,.mv{animation:none}}