.status{position:relative;overflow:hidden;animation:panelPulse 4.8s ease-in-out infinite}
.status{padding-top:50px}.test-note{position:absolute;z-index:3;right:22px;top:14px;padding:5px 10px;border:1px solid rgba(241,216,75,.35);border-radius:999px;background:rgba(241,216,75,.07);color:#eadb83;font-size:11px;font-weight:800;letter-spacing:.05em}
.test-banner{position:relative;z-index:4;text-align:center;padding:8px 16px;background:linear-gradient(90deg,#f1d84b,#ffd969,#f1d84b);color:#27311a;font-size:13px;font-weight:900;letter-spacing:.03em;box-shadow:0 3px 18px rgba(0,0,0,.24)}
.status-glow{position:absolute;width:260px;height:260px;left:-130px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(16,224,189,.2),transparent 68%);animation:glowDrift 6s ease-in-out infinite;pointer-events:none}
.status:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.055) 45%,transparent 68%);transform:translateX(-120%);animation:panelShine 5s ease-in-out infinite;pointer-events:none}
.stats,.bar,.bar-note{position:relative;z-index:1}.counter{display:inline-block;min-width:.7em}.bar{position:relative}.bar span{transform-origin:left center;animation:barFill 1.5s cubic-bezier(.2,.8,.2,1) both}.bar i{position:absolute;z-index:2;top:0;bottom:0;left:-120px;width:100px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);filter:blur(2px);animation:barSweep 2.8s 1.2s ease-in-out infinite}.count b{box-shadow:0 7px 18px rgba(0,0,0,.22);animation:numberFloat 3s ease-in-out infinite}.count b:nth-of-type(2){animation-delay:.18s}.count b:nth-of-type(3){animation-delay:.36s}
@keyframes barFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes barSweep{0%{left:-120px}55%,100%{left:calc(100% + 120px)}}@keyframes panelPulse{0%,100%{border-color:#3b80a6;box-shadow:0 22px 60px rgba(0,0,0,.28)}50%{border-color:#59b9c7;box-shadow:0 24px 70px rgba(16,224,189,.15)}}@keyframes glowDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(220px,90px)}}@keyframes panelShine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}@keyframes numberFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px);border-color:#4c8fba}}
@media(prefers-reduced-motion:reduce){.status,.status-glow,.status:after,.bar span,.bar i,.count b{animation:none!important}.bar span{transform:none}}

/* Visual clarity refinements */
fieldset{border:0!important;outline:0!important;margin:0;padding:0;min-width:0}
.hero{padding-top:84px}
.hero h1{max-width:820px;margin:34px auto 26px;font-size:86px;font-size:clamp(66px,7.1vw,104px);line-height:.9;letter-spacing:-.065em;text-wrap:balance}
.hero h1 span{color:#f7fbff;text-shadow:0 8px 32px rgba(100,190,225,.12)}
.hero h1 em{background:linear-gradient(100deg,#f5d84e 5%,#ffe77a 48%,#efc936 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;padding-bottom:.08em}
.hero .sub{color:#f3f8fc;font-size:21px;letter-spacing:.01em}
.claim{background:linear-gradient(145deg,rgba(18,61,99,.98),rgba(7,35,61,.98));border-color:#39799d}
.networks{border:0!important;outline:0!important;background:transparent}
.networks span{border-color:#477b9e;background:rgba(7,35,59,.52);box-shadow:none}
.networks b{color:#f8fcff;font-weight:900;letter-spacing:.01em}
.networks small{color:#c6d8e4;font-weight:600}
.label-row{color:#f1f7fb}.label-row span{color:#c4d6e2}
.input-row{border-color:#477a9b;background:#061b30;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.input-row input{color:#f7fbff;font-weight:600}.input-row input::placeholder{color:#8faabe;opacity:1;font-weight:500}
.input-row button{background:linear-gradient(135deg,#5a87a8,#487493);color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.16)}
.privacy{color:#a8bfce}
@media(max-width:720px){.hero{padding-top:56px}.hero h1{font-size:64px;line-height:.92;letter-spacing:-.055em;margin-top:26px;margin-bottom:24px}.hero h1 em{margin-top:12px}.hero .sub{font-size:17px;line-height:1.65}.claim h2{font-size:30px}.networks b{font-size:18px}.networks small{font-size:12px}.input-row input{font-size:15px}}
@media(max-width:380px){.hero h1{font-size:58px}}

.tutorial-detail{margin-top:76px}.tutorial-title{text-align:center;max-width:720px;margin:0 auto 38px}.tutorial-title>span{color:var(--mint);font-weight:900;letter-spacing:.12em}.tutorial-title h2{font-size:44px;margin:10px 0 14px}.tutorial-title p{color:#a9c1d1;line-height:1.75;margin:0}.tutorial-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tutorial-steps article{display:flex;gap:20px;padding:25px;border:1px solid #285c7c;border-radius:20px;background:linear-gradient(145deg,rgba(11,48,79,.92),rgba(6,31,53,.9))}.tutorial-steps article>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:rgba(16,224,189,.1);border:1px solid rgba(16,224,189,.35);color:var(--mint);font-size:18px;font-weight:900}.tutorial-steps h3{margin:2px 0 9px;color:#f5fbff}.tutorial-steps p{margin:0;color:#a9c0cf;line-height:1.72}.network-guide{margin-top:24px;padding:28px;border:1px solid #2d6688;border-radius:22px;background:rgba(8,39,66,.82)}.network-guide h3{font-size:22px;margin:0 0 18px}.network-guide>div{display:grid;grid-template-columns:105px 1fr;gap:15px;padding:14px 0;border-top:1px solid rgba(84,139,171,.22)}.network-guide b{color:var(--mint)}.network-guide span{color:#bfd2de;line-height:1.55}.safety-box{margin-top:24px;padding:28px;border-radius:22px;border:1px solid rgba(241,216,75,.36);background:linear-gradient(135deg,rgba(241,216,75,.08),rgba(16,224,189,.04))}.safety-box>b{color:#ffe36d;font-size:21px}.safety-box ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;margin:20px 0 0;padding:0;list-style:none}.safety-box li{position:relative;padding-left:26px;color:#c5d6e1;line-height:1.6}.safety-box li:before{content:"✓";position:absolute;left:0;color:var(--mint);font-weight:900}
@media(max-width:720px){.tutorial-detail{margin-top:56px}.tutorial-title h2{font-size:34px}.tutorial-steps{grid-template-columns:1fr}.tutorial-steps article{padding:20px 18px;gap:14px}.tutorial-steps article>span{flex-basis:42px;height:42px}.network-guide,.safety-box{padding:22px 18px}.network-guide>div{grid-template-columns:1fr;gap:6px}.safety-box ul{grid-template-columns:1fr}}
@media(max-width:720px){.status{padding-top:48px}.test-note{right:14px;top:12px}}

@media(min-width:900px){.hero{max-width:1280px;padding-top:62px;padding-bottom:10px}.hero h1{position:relative;display:flex;align-items:baseline;justify-content:center;max-width:1180px;white-space:nowrap;font-size:78px;font-size:clamp(66px,5.7vw,92px);line-height:1;margin:34px auto 22px;letter-spacing:-.055em}.hero h1:before{content:"";position:absolute;z-index:-1;left:7%;right:7%;top:12%;bottom:0;background:radial-gradient(ellipse,rgba(38,112,154,.24),transparent 68%);filter:blur(18px)}.hero h1 span,.hero h1 em{display:inline;margin:0}.hero h1 em{margin-left:.2em}.hero .sub{margin-top:18px}.hero .status{margin-top:42px}.hero .count{margin-bottom:20px}html[lang="en"] .hero h1{font-size:62px;letter-spacing:-.045em}}
@media(min-width:900px){.hero{padding-top:74px}.hero h1{display:block;max-width:850px;white-space:normal;font-size:88px;font-size:clamp(76px,7vw,108px);line-height:.9;margin:34px auto 28px}.hero h1 span,.hero h1 em{display:block;margin:0}.hero h1 em{margin-top:12px}.hero h1:before{left:0;right:0;top:5%;bottom:-8%}html[lang="en"] .hero h1{font-size:76px;line-height:.94;max-width:1050px}html[lang="en"] .hero h1 em{margin-top:10px}}
.status{padding-top:25px}@media(max-width:720px){.status{padding-top:20px}}
.status{width:100%;max-width:1000px;margin-left:auto!important;margin-right:auto!important}
.hero{position:relative}.hero-side{display:none}
@media(min-width:1250px){.hero-side{position:absolute;top:230px;display:flex;width:176px;flex-direction:column;gap:9px;padding:17px;border:1px solid rgba(65,132,169,.35);border-radius:18px;background:linear-gradient(145deg,rgba(8,42,70,.72),rgba(4,25,44,.62));box-shadow:0 16px 40px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:left}.hero-side-left{left:20px}.hero-side-right{right:20px}.hero-side>b{margin-bottom:4px;color:#94b5c9;font-size:12px;letter-spacing:.14em}.hero-side>span{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:10px;background:rgba(24,75,105,.34);color:#dcebf3}.hero-side i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(16,224,189,.1);color:var(--mint);font-size:11px;font-style:normal;font-weight:900}.hero-side em{font-size:13px;font-style:normal;font-weight:750}.hero-side-right>span{border:1px solid rgba(16,224,189,.09)}}
@media(min-width:1250px){.hero-side{top:248px;width:190px;padding:4px 24px 4px 0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:12px}.hero-side-left{left:38px;align-items:flex-end;border-right:1px solid rgba(241,216,75,.22)}.hero-side-right{right:38px;align-items:flex-start;padding:4px 0 4px 24px;border-left:1px solid rgba(16,224,189,.22)}.hero-side:after{content:"";position:absolute;top:26px;width:34px;height:1px}.hero-side-left:after{right:-34px;background:linear-gradient(90deg,rgba(241,216,75,.35),transparent)}.hero-side-right:after{left:-34px;background:linear-gradient(90deg,transparent,rgba(16,224,189,.35))}.hero-side>b{margin-bottom:2px;color:#d6c766;font-size:11px;letter-spacing:.18em}.hero-side-right>b{color:#63cdbb}.hero-side>span{width:148px;gap:9px;padding:7px 11px;border:1px solid rgba(65,132,169,.26);border-radius:999px;background:rgba(8,42,70,.38);color:#dcebf3;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.hero-side-left>span{flex-direction:row-reverse}.hero-side i{width:23px;height:23px;border-radius:50%;background:rgba(16,224,189,.09);font-size:10px}.hero-side-left i{background:rgba(241,216,75,.09);color:#e9d760}.hero-side em{font-size:12px;letter-spacing:.02em}}
@media(min-width:1250px){.hero-side-right{top:133px}}

@media(min-width:900px){html[lang="en"] .hero .status{margin-top:96px}}

/* Keep the localized headline compact at desktop and phone widths. */
.hero h1{max-width:1100px;line-height:1.08;letter-spacing:-.045em;overflow-wrap:normal}
.hero h1 span,.hero h1 em{display:block;margin-left:0}
html[lang="zh-CN"] .hero h1{font-size:clamp(35px,4vw,58px)}
html[lang="zh-CN"] .hero h1 em{font-size:clamp(31px,3.5vw,50px);margin-top:12px}
html[lang="en"] .hero h1{font-size:clamp(35px,4vw,58px)}
html[lang="en"] .hero h1 em{font-size:clamp(31px,3.5vw,50px);margin-top:12px}
@media(max-width:720px){
  .hero h1{max-width:100%;line-height:1.16;margin:26px auto 22px;letter-spacing:-.035em}
  html[lang="zh-CN"] .hero h1,html[lang="en"] .hero h1{font-size:clamp(28px,8vw,36px)}
  html[lang="zh-CN"] .hero h1 em,html[lang="en"] .hero h1 em{font-size:clamp(25px,7vw,32px);margin-top:10px}
}

/* Keep the desktop step and network guides clear of the headline and stats. */
@media(min-width:1250px) and (max-width:1499px){.hero-side{display:none}}
@media(min-width:1500px){
  .hero-side{top:210px;width:180px}
  .hero-side-left{left:-100px}
  .hero-side-right{right:-100px;top:210px}
}
@media(min-width:900px){html[lang="zh-CN"] .hero .status{margin-top:96px}}

/* Stronger mobile hero typography while keeping the headline within three lines. */
@media(max-width:720px){
  .hero h1{line-height:1.12;max-width:100%}
  html[lang="zh-CN"] .hero h1,html[lang="en"] .hero h1{font-size:clamp(36px,10vw,42px)}
  html[lang="zh-CN"] .hero h1 em,html[lang="en"] .hero h1 em{font-size:clamp(31px,9vw,37px);line-height:1.15;margin-top:12px}
}

/* Final headline scale for desktop and mobile. */
@media(min-width:721px){
  html[lang="zh-CN"] .hero h1,html[lang="en"] .hero h1{font-size:clamp(58px,5.2vw,72px)}
  html[lang="zh-CN"] .hero h1 em,html[lang="en"] .hero h1 em{font-size:clamp(50px,4.5vw,62px)}
}
@media(max-width:720px){
  html[lang="zh-CN"] .hero h1,html[lang="en"] .hero h1{font-size:clamp(40px,11.5vw,46px)}
  html[lang="zh-CN"] .hero h1 em,html[lang="en"] .hero h1 em{font-size:clamp(35px,10vw,40px)}
}

/* Smooth illustrative progress between the scheduled value updates. */
.status .bar span{transition:width 1s linear}

/* Editorial warm UI. This is the final visual layer; site copy and behavior stay intact. */
:root{--bg:#f7f4ed;--panel:#fffdf8;--line:#dacfc0;--text:#252321;--muted:#5c5a58;--mint:#205c55;--yellow:#ad512b}
body{background:#f7f4ed;color:#252321}
.grid{background:radial-gradient(circle at 85% 9%,rgba(225,165,118,.17),transparent 35%),radial-gradient(circle at 3% 50%,rgba(115,151,137,.09),transparent 36%),linear-gradient(90deg,rgba(75,64,53,.045) 1px,transparent 1px),#f7f4ed;background-size:auto,auto,84px 84px,auto}
.nav{max-width:1180px;height:78px;margin:16px auto 0;padding:0 26px;border:1px solid #1e3c38;border-radius:8px;background:#183c37;box-shadow:0 10px 24px rgba(27,54,48,.13)}
.brand,.nav nav a{color:#fffdf6}.nav nav a:hover{color:#f5c590}.token{width:42px;height:42px;border-radius:5px;background:#e6b16e;box-shadow:none;color:#173b36}.nav select{border:1px solid #89a49b;border-radius:5px;background:#254c45;color:#fff}
.hero{max-width:1120px;padding:68px 28px 20px;text-align:left}.hero-side{display:none!important}.eyebrow{padding:9px 13px;border:1px solid #d5bd9d;border-radius:4px;background:#f3e9d9;color:#6b4935;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.eyebrow i{background:#bb7142;box-shadow:none}
.hero h1,html[lang="en"] .hero h1,html[lang="zh-CN"] .hero h1{display:block;max-width:1030px;margin:34px 0 21px;font-size:clamp(48px,5.1vw,74px);line-height:1.08;letter-spacing:-.05em;text-align:left;text-wrap:balance}.hero h1:before{display:none}.hero h1 span{display:block;color:#212b29;text-shadow:none}.hero h1 em,html[lang="en"] .hero h1 em,html[lang="zh-CN"] .hero h1 em{display:block;margin:8px 0 0;padding:0;background:none;-webkit-background-clip:initial;background-clip:initial;color:#a94e2a;font-size:clamp(42px,4.6vw,67px);line-height:1.12;text-shadow:none}
.hero .sub{max-width:750px;margin:26px 0 10px;color:#394742;font-size:19px;line-height:1.5}.warning{color:#4b6259;font-weight:650}
.hero .status,html[lang="en"] .hero .status,html[lang="zh-CN"] .hero .status{margin-top:62px}.status{padding:38px 34px 26px;border:1px solid #d2c7b7;border-top:5px solid #c17243;border-radius:8px;background:#fffdf8;box-shadow:0 16px 32px rgba(61,50,38,.08)}.status-glow,.status:after{display:none}.stats div+div{border-left:1px solid #e5dfd4}.stats small{color:#5c645d}.stats strong{color:#273831}.mint,.bar-note b{color:#1f695b}.bar{height:11px;background:#e4e8e0}.bar span{background:linear-gradient(90deg,#2d7564,#83a886 67%,#e0aa67)}.bar-note,.count{color:#48534c}.count{justify-content:flex-start;margin:20px 0 40px}.count b{border:1px solid #cfc9bc;border-radius:5px;background:#fffdf8;box-shadow:none;color:#263d37}
.claim{max-width:1064px;padding:36px;border:1px solid #d6cdbd;border-radius:8px;background:#fffdf8;box-shadow:0 18px 35px rgba(61,50,38,.08)}.claim h2{color:#253a33}.claim-top p{color:#56635b}.selected{border:1px solid #9eb9a9;border-radius:4px;background:#e6f1e9;color:#225c50}.networks{border:0!important;background:transparent!important}.networks span{border:1px solid #cfc9bb;border-radius:6px;background:#f8f6f0;box-shadow:none}.networks b{color:#263b34}.networks small{color:#59675d}.networks input:checked+span{border:2px solid #2b7968;background:#e8f1e9;box-shadow:0 5px 12px rgba(36,96,75,.1)}.networks i{background:#286f60;color:#fff}.label-row,.label-row span{color:#3d4b42}.input-row{border:1px solid #b9c9b9;border-radius:6px;background:#fff;box-shadow:none}.input-row:focus-within{border-color:#2b7968;box-shadow:0 0 0 3px rgba(43,121,104,.14)}.dot{border-color:#2b7968}.input-row input{color:#26372f}.input-row input::placeholder{color:#777f76}.input-row button{border-radius:5px;background:#205e53;box-shadow:none;color:#fff}.input-row button:hover{background:#18493f}.privacy{color:#5b655c}
.content{max-width:1100px}.section-head{text-align:left}.section-head span,.tutorial-title>span{color:#8f4a2e}.section-head h2,.tutorial-title h2{color:#283b32}.cards{gap:18px}.cards article,.tutorial-steps article{border:1px solid #d9d2c5;border-radius:7px;background:#fffdf8;box-shadow:0 10px 24px rgba(61,50,38,.06)}.cards article>b,.tutorial-steps article>span{color:#a9542f}.cards p,.faq p,.tutorial-title p,.tutorial-steps p{color:#58645a}.cards h3,.tutorial-steps h3{color:#273a32}.tutorial-title{text-align:left;margin-left:0}.tutorial-steps article>span{border-color:#ead6c1;border-radius:5px;background:#f8eadc}.network-guide{border:1px solid #d9d2c5;border-radius:7px;background:#fffdf8}.network-guide h3{color:#273a32}.network-guide b{color:#226858}.network-guide span{color:#536157}.network-guide>div{border-color:#e8e2d8}.safety-box{border:1px solid #e4cda8;border-radius:7px;background:#fff7e9}.safety-box>b{color:#87421f}.safety-box li{color:#514d42}.safety-box li:before{color:#23705e}.faq details,.faq details:last-child{border-color:#d8d1c5}.faq summary{color:#293d34}footer{border-color:#d9d2c6;color:#5a645b}footer b{color:#33463b}
.claim-modal{background:rgba(25,39,33,.6)}.claim-modal-card{border:1px solid #d4cabb;border-radius:8px;background:#fffdf8;box-shadow:0 28px 72px rgba(20,32,25,.25);color:#263a31}.claim-modal-card:before{border-color:#d6c5aa;border-radius:5px;background:#f5e8d5;box-shadow:none;color:#9c542f}.claim-modal-card h2{color:#253a32}.claim-modal-card #claimModalText,.claim-modal-card p{color:#536157}.claim-modal-card #claimReferralCount:not(:empty){border-color:#c0d6c6;background:#e9f3eb;color:#226254}.claim-close{background:#ede9e0;color:#394b3f}.claim-copy:not([hidden]){border-color:#205e53;border-radius:5px;background:#205e53;box-shadow:none;color:#fff}
@media(max-width:720px){.nav{height:68px;margin:8px 8px 0;padding:0 13px;border-radius:6px}.nav select{margin-left:auto}.hero{padding:44px 17px 10px}.hero h1,html[lang="en"] .hero h1,html[lang="zh-CN"] .hero h1{font-size:clamp(36px,9vw,48px);line-height:1.12;margin:24px 0 17px}.hero h1 em,html[lang="en"] .hero h1 em,html[lang="zh-CN"] .hero h1 em{font-size:clamp(30px,8vw,43px);line-height:1.14}.hero .sub{font-size:16px}.hero .status,html[lang="en"] .hero .status,html[lang="zh-CN"] .hero .status{margin-top:36px}.status{padding:24px 16px;border-radius:6px}.stats div+div{border:0}.count{justify-content:center}.claim{margin:0 12px 44px;padding:23px 17px;border-radius:6px}.section-head,.tutorial-title{text-align:left}.cards article,.tutorial-steps article,.network-guide,.safety-box{border-radius:6px}}
.status{animation:none}.test-note{border-color:#ddc5a9;background:#f7e9d9;color:#69432e}