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