:root{
  --bg:#020b12;
  --panel:rgba(255,255,255,.075);
  --panel-strong:rgba(255,255,255,.12);
  --line:rgba(190,255,245,.18);
  --text:#fff;
  --muted:#a0aec0;
  --cyan:#00d9f5;
  --green:#00f5a0;
  --blue:#0066ff;
  --gold:#f5c15d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}.page-bg{position:fixed;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(circle at 72% 36%,rgba(0,245,160,.22),transparent 26%),radial-gradient(circle at 18% 22%,rgba(0,102,255,.28),transparent 28%),linear-gradient(145deg,#020811 0%,#041722 48%,#03110f 100%)}
.page-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 40%,#000 0 38%,transparent 78%)}
.city{position:absolute;left:0;right:0;bottom:20%;height:210px;background:linear-gradient(to top,rgba(0,216,245,.12),transparent 70%);filter:blur(1px);opacity:.75}.city:before{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:120px;background:repeating-linear-gradient(90deg,rgba(86,255,224,.25) 0 8px,transparent 8px 42px),linear-gradient(to top,rgba(0,0,0,.25),transparent);clip-path:polygon(0 100%,0 50%,5% 50%,5% 30%,10% 30%,10% 60%,15% 60%,15% 20%,20% 20%,20% 55%,24% 55%,24% 35%,30% 35%,30% 65%,36% 65%,36% 24%,44% 24%,44% 54%,50% 54%,50% 28%,57% 28%,57% 62%,64% 62%,64% 36%,70% 36%,70% 58%,77% 58%,77% 18%,84% 18%,84% 48%,91% 48%,91% 32%,100% 32%,100% 100%)}
.globe{position:absolute;right:7%;top:12%;width:min(52vw,720px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(92,255,223,.2);background:radial-gradient(circle,rgba(0,217,245,.08),transparent 60%);box-shadow:0 0 100px rgba(0,217,245,.18),inset 0 0 70px rgba(0,245,160,.08)}.globe:before,.globe:after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(0,245,160,.18)}.globe:after{inset:24%;border-color:rgba(0,217,245,.18);transform:rotate(28deg);box-shadow:0 0 0 28px rgba(0,217,245,.025),0 0 0 70px rgba(0,245,160,.018)}
.grid-floor{position:absolute;left:-10%;right:-10%;bottom:-8%;height:45%;background:linear-gradient(to top,rgba(0,245,160,.12),transparent 68%);transform:perspective(700px) rotateX(62deg);transform-origin:bottom}.grid-floor:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,245,160,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,245,.18) 1px,transparent 1px);background-size:70px 70px}
.leaf{position:absolute;bottom:-42px;width:260px;height:160px;border-radius:100% 10% 100% 10%;background:linear-gradient(135deg,#1fde7d,#0b5f3c);filter:blur(.2px);opacity:.28;transform:rotate(-22deg)}.leaf-left{left:4%}.leaf-right{right:5%;transform:rotate(205deg)}
.site-header{width:min(1200px,calc(100% - 40px));height:76px;margin:22px auto 0;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid rgba(255,255,255,.09);background:rgba(2,14,24,.45);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 22px 70px rgba(0,0,0,.28)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.01em;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--green),var(--cyan));display:grid;place-items:center;box-shadow:0 0 22px rgba(0,245,160,.45)}.brand-mark span{width:14px;height:14px;border:2px solid #002018;border-radius:50%;position:relative}.brand-mark span:before,.brand-mark span:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#002018}.brand-mark span:before{right:-8px;top:-5px}.brand-mark span:after{left:-8px;bottom:-5px}.nav{display:flex;align-items:center;gap:26px;font-size:14px;color:rgba(255,255,255,.72)}.nav a{position:relative;padding:10px 0}.nav a.active,.nav a:hover{color:#fff}.nav a.active:after{content:"";position:absolute;left:50%;bottom:2px;width:22px;height:2px;border-radius:99px;background:var(--gold);transform:translateX(-50%);box-shadow:0 0 12px rgba(245,193,93,.7)}.header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.lang{border:0;background:transparent;color:rgba(255,255,255,.8);font:inherit;font-size:14px}.login{padding:11px 18px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.04)}
.hero{width:min(1200px,calc(100% - 40px));margin:70px auto 0;display:grid;grid-template-columns:1fr 1.02fr;gap:34px;align-items:center}.eyebrow{color:rgba(0,245,160,.88);letter-spacing:.18em;font-size:12px;font-weight:700}.hero h1{margin:18px 0 20px;font-size:clamp(44px,6vw,78px);line-height:1.03;letter-spacing:-.06em;background:linear-gradient(90deg,var(--green),var(--cyan) 48%,#8ee9ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(0,245,160,.12)}.lead{max-width:620px;color:rgba(228,242,255,.78);font-size:18px;line-height:1.85}.pills{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.pills span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px);color:#d9fff7;font-size:14px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:16px;font-weight:750}.btn.primary{background:linear-gradient(135deg,var(--green),var(--cyan) 55%,var(--blue));color:#001615;box-shadow:0 14px 36px rgba(0,217,245,.28)}.btn.ghost{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.045);color:#fff}.hero-art{position:relative;min-height:620px}.phone-wrap{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);animation:float 5s ease-in-out infinite}.phone{width:250px;height:510px;border-radius:42px;padding:26px 18px;background:linear-gradient(160deg,#0c1d29,#061018);border:1px solid rgba(255,255,255,.22);box-shadow:0 35px 110px rgba(0,0,0,.55),0 0 80px rgba(0,245,160,.2);position:relative}.phone:before{content:"";position:absolute;inset:8px;border-radius:34px;border:1px solid rgba(0,245,160,.08);pointer-events:none}.phone-speaker{width:70px;height:6px;border-radius:999px;background:rgba(255,255,255,.18);margin:0 auto 24px}.wallet-head{display:flex;justify-content:space-between;color:#dff;font-size:13px}.balance-card{margin-top:18px;padding:18px;border-radius:24px;background:linear-gradient(145deg,rgba(0,245,160,.22),rgba(0,102,255,.18));border:1px solid rgba(255,255,255,.15)}.balance-card small,.balance-card em{display:block;color:rgba(255,255,255,.68);font-style:normal;font-size:12px}.balance-card strong{display:block;font-size:25px;margin:8px 0}.chart{height:96px;margin:24px 0 18px;display:flex;align-items:end;gap:10px}.chart span{flex:1;border-radius:999px;background:linear-gradient(to top,var(--green),var(--cyan));opacity:.9}.chart span:nth-child(1){height:42%}.chart span:nth-child(2){height:70%}.chart span:nth-child(3){height:52%}.chart span:nth-child(4){height:88%}.chart span:nth-child(5){height:63%}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-grid i{display:grid;place-items:center;height:42px;border-radius:14px;background:rgba(255,255,255,.08);font-style:normal;color:#bff}.list-line{height:12px;border-radius:99px;background:rgba(255,255,255,.12);margin-top:24px}.list-line.short{width:68%;margin-top:12px}.glow-base{position:absolute;left:50%;bottom:42px;width:420px;height:90px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,245,160,.55),rgba(0,217,245,.18) 42%,transparent 72%);filter:blur(16px)}.float-card,.success-card{position:absolute;border:1px solid rgba(196,255,243,.2);background:rgba(7,24,35,.58);backdrop-filter:blur(18px);border-radius:22px;padding:16px;box-shadow:0 22px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);animation:float 6s ease-in-out infinite}.float-card small,.success-card small{display:block;color:rgba(226,246,255,.62);font-size:12px}.float-card strong,.success-card strong{display:block;margin-top:5px;font-size:20px}.card-value{left:5%;top:18%;width:190px}.card-value svg{width:100%;height:52px;margin-top:8px}.card-value path{fill:none;stroke:url(#x);stroke-width:4;stroke-linecap:round}.card-value path{stroke:var(--green)}.card-contract{left:12%;bottom:30%;display:flex;gap:12px;align-items:center}.mini-icon{width:40px;height:40px;border-radius:14px;background:rgba(0,245,160,.14);display:grid;place-items:center;color:var(--green)}.card-node{right:8%;bottom:23%;width:170px}.node-map{height:70px;position:relative;margin-top:10px;border-radius:16px;background:radial-gradient(circle at 25% 50%,rgba(0,245,160,.3),transparent 12%),radial-gradient(circle at 70% 34%,rgba(0,217,245,.3),transparent 12%),rgba(255,255,255,.045)}.node-map i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.node-map i:nth-child(1){left:24%;top:48%}.node-map i:nth-child(2){left:67%;top:31%}.node-map i:nth-child(3){left:52%;top:66%}.node-map i:nth-child(4){left:80%;top:58%}.success-card{right:0;top:28%;display:flex;align-items:center;gap:12px}.success-card span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),#9cffd8);color:#002018;font-weight:900}.orb{position:absolute;border-radius:50%;filter:blur(14px);opacity:.62}.orb-one{width:180px;height:180px;right:12%;top:8%;background:rgba(0,217,245,.28)}.orb-two{width:140px;height:140px;left:22%;bottom:15%;background:rgba(0,245,160,.24)}.features{width:min(1200px,calc(100% - 40px));margin:10px auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:28px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.06);backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(0,0,0,.2)}.feature-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin-bottom:20px;font-size:25px;background:rgba(0,245,160,.12);box-shadow:0 0 28px rgba(0,245,160,.2)}.feature-card h2{margin:0 0 12px}.feature-card p{color:var(--muted);line-height:1.75}.feature-card a{color:#71f7ff;font-weight:700}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}.phone-wrap{animation-name:phoneFloat}@keyframes phoneFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-16px)}}
@media (max-width:980px){.nav{display:none}.hero{grid-template-columns:1fr;margin-top:50px}.hero-art{min-height:560px;order:-1}.features{grid-template-columns:1fr}.site-header{width:calc(100% - 24px)}.header-actions .lang{display:none}.hero h1{font-size:46px}.lead{font-size:16px}.success-card{right:2%;top:18%}.card-value{left:0}.card-contract{left:2%;bottom:22%}.card-node{right:1%;bottom:14%}}
@media (max-width:560px){.hero,.features{width:calc(100% - 28px)}.hero-art{min-height:500px}.phone{width:210px;height:430px}.float-card{transform:scale(.82)}.card-value{top:10%;left:-18px}.success-card{right:-18px}.card-contract{display:none}.card-node{display:none}.login{padding:10px 13px}.brand span:last-child{font-size:15px}}