.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}

/* Palette-only refresh. Layout, spacing and typography remain from the source. */
:root{--bg:#f0f1fb;--panel:#ffffff;--line:#c7cbe4;--text:#232744;--muted:#5c6482;--mint:#5144ad;--yellow:#9b4d72}
body{background:#f0f1fb;color:#232744}
.grid{background:radial-gradient(circle at 50% 12%,#e8e9fa 0,#f0f1fb 50%,#e9ebf8 100%),linear-gradient(rgba(92,98,154,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(92,98,154,.065) 1px,transparent 1px);background-size:100% 100%,68px 68px,68px 68px}
.nav{border-color:#d8daed;background:rgba(255,255,255,.88)}.brand{color:#242747}.token{background:linear-gradient(145deg,#6757cb,#4a3ca5);box-shadow:0 8px 20px rgba(76,60,165,.2);color:#fff}nav a{color:#3b4265}nav a:hover{color:#5844b0}select{border-color:#c6cae2;background:#fff;color:#293050}
.eyebrow{border-color:#c8c0ec;background:#ebe8fa;color:#514199}.eyebrow i{background:#6653c0;box-shadow:0 0 11px rgba(102,83,192,.25)}
.hero h1 span{color:#242747;text-shadow:none}.hero h1 em{background:linear-gradient(100deg,#7b3e70,#9a4b78,#6542a4);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.hero .sub{color:#38405f}.warning{color:#4d507f}
.status{border-color:#cbd0e8;background:linear-gradient(120deg,#fff,#f8f8fe);box-shadow:0 20px 48px rgba(49,52,112,.1);animation:none}.status-glow{background:radial-gradient(circle,rgba(115,96,207,.11),transparent 68%)}.status:after{display:none}.test-note{border-color:#d8c6e1;background:#f4ebf4;color:#704166}.stats small{color:#636b87}.stats strong{color:#282d4d}.mint,.bar-note b{color:#5847ad}.bar{background:#e2e5f4}.bar span{background:linear-gradient(90deg,#6555c7,#9b71c1 72%,#dc94a7)}.bar-note,.count{color:#535d7d}.count b{border-color:#c4c8e2;background:#fff;color:#35345f;box-shadow:0 5px 12px rgba(53,55,112,.07)}
.claim{border-color:#cbd0e7;background:linear-gradient(140deg,#fff,#f9f8ff);box-shadow:0 24px 58px rgba(49,52,112,.1)}.claim h2{color:#282d4e}.claim-top p{color:#5d6581}.selected{border-color:#c8bde9;background:#f0edfa;color:#5a43a8}.networks span{border-color:#cbd0e5;background:#f8f9fe;box-shadow:none}.networks b{color:#303657}.networks small{color:#68708d}.networks input:checked+span{border-color:#6854bd;background:#eeebfa;box-shadow:0 8px 20px rgba(101,84,189,.12)}.networks i{background:#6854bd;color:#fff}.label-row,.label-row span{color:#3e4564}.input-row{border-color:#bfc5de;background:#fff;box-shadow:none}.input-row:focus-within{border-color:#7660c4;box-shadow:0 0 0 3px rgba(118,96,196,.14)}.dot{border-color:#6755bd}.input-row input{color:#252b4b}.input-row input::placeholder{color:#78809c}.input-row button{background:linear-gradient(135deg,#6a57be,#5543aa);box-shadow:0 6px 16px rgba(95,76,178,.17);color:#fff}.privacy{color:#616b86}.result.ok{background:#e8f3ef;color:#286855}.result.error{background:#fae9ee;color:#9b3e59}
.section-head span,.tutorial-title>span,.cards article>b,.network-guide b{color:#624cae}.section-head h2,.tutorial-title h2{color:#282d4b}.cards article,.tutorial-steps article,.network-guide{border-color:#d4d7ea;background:#fff;box-shadow:0 10px 26px rgba(49,52,112,.06)}.cards h3,.tutorial-steps h3,.network-guide h3{color:#2b3050}.cards p,.faq p,.tutorial-title p,.tutorial-steps p,.network-guide span{color:#5f6885}.tutorial-steps article>span{border-color:#d5c9ef;background:#f0ebfa;color:#624aad}.safety-box{border-color:#dfc8d9;background:#faf2f8}.safety-box>b{color:#813d68}.safety-box li{color:#515a75}.safety-box li:before{color:#5e4cae}.faq details,.faq details:last-child{border-color:#d1d5e7}.faq summary{color:#303858}footer{border-color:#d2d5e7;color:#68718e}footer b{color:#49536f}
.hero-side-left,.hero-side-right{border-color:#c8c9e5}.hero-side>b,.hero-side-right>b{color:#63529a}.hero-side>span{border-color:#d1d4e9;background:#e6e8f4;color:#333b5e;box-shadow:none}.hero-side i,.hero-side-left i{background:#d7d0f2;color:#5543a3}.hero-side-left:after,.hero-side-right:after{background:#c9cbe6}
.claim-modal{background:rgba(29,32,72,.5)}.claim-modal-card{border-color:#cbcce5;background:linear-gradient(155deg,#fff,#f6f5fd);box-shadow:0 28px 70px rgba(30,32,85,.2);color:#282e4e}.claim-modal-card:before{border-color:#d2c8ef;background:#edeafa;box-shadow:none;color:#6750b8}.claim-modal-card h2{color:#272d4d}.claim-modal-card #claimModalText,.claim-modal-card p{color:#5e6784}.claim-modal-card #claimReferralCount:not(:empty){border-color:#d2c9eb;background:#f0edfa;color:#5945a9}.claim-close{border-color:#d9dbeb;background:#f0f1f9;color:#545d7b}.claim-copy:not([hidden]){border-color:#7862c2;background:linear-gradient(115deg,#7863cb,#5c49ad);box-shadow:0 10px 24px rgba(91,73,173,.18);color:#fff}

/* wlsjos full-width navigation seam 2026-11-10 */
.nav{
  max-width:none;
  padding-inline:max(24px,calc((100% - 1132px)/2));
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,249,255,.86));
  border-bottom:1px solid rgba(112,104,166,.14);
  box-shadow:0 14px 28px -26px rgba(57,51,111,.45);
}
@media (max-width:760px){.nav{padding-inline:15px}}

/* wlsjos id/es responsive language support */
.nav select{max-width:min(45vw,190px);min-width:0;text-overflow:ellipsis;white-space:nowrap}
html[lang="id"] h1,html[lang="es"] h1{overflow-wrap:anywhere;hyphens:auto}
html[lang="id"] .hero,html[lang="es"] .hero{min-width:0}
@media(max-width:760px){.nav{gap:8px}.nav .brand{min-width:0;max-width:calc(100% - 150px);font-size:clamp(13px,3.8vw,16px);line-height:1.15}.nav select{max-width:145px;font-size:13px;padding:8px 24px 8px 9px}html[lang="id"] h1,html[lang="es"] h1{font-size:clamp(27px,7.5vw,36px);line-height:1.14}html[lang="id"] h1 em,html[lang="es"] h1 em{overflow-wrap:anywhere}}
@media(max-width:390px){.nav .brand{max-width:calc(100% - 130px)}.nav select{max-width:125px}}
@media (min-width:721px) and (max-width:980px){
  html[lang="id"] .nav,html[lang="es"] .nav{height:auto;min-height:96px;flex-wrap:wrap;row-gap:10px;padding-block:14px}
  html[lang="id"] .nav nav,html[lang="es"] .nav nav{order:3;width:100%;margin-left:0;justify-content:center;gap:clamp(14px,3vw,32px)}
  html[lang="id"] .nav select,html[lang="es"] .nav select{margin-left:auto}
}