:root{
  --bg:#0b0e11; --bg2:#12161c; --card:#151a21; --line:#232a33;
  --txt:#eaecef; --dim:#848e9c; --yel:#f0b90b; --yel2:#d9a600;
  --ok:#0ecb81; --bad:#f6465d;
  --r:14px; --ff:"Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:radial-gradient(1200px 600px at 50% -180px,#1b222c 0,var(--bg) 55%) fixed,var(--bg);
  color:var(--txt);font-family:var(--ff);-webkit-font-smoothing:antialiased;
  font-size:15px;line-height:1.55;min-height:100vh;display:flex;flex-direction:column;
}
a{color:var(--yel);text-decoration:none}
a:hover{text-decoration:underline}

.announce{
  background:linear-gradient(90deg,rgba(240,185,11,.14),rgba(240,185,11,.04));
  border-bottom:1px solid rgba(240,185,11,.22);
  font-size:13px;padding:9px 16px;text-align:center;color:#f5dfa0;
}
.announce b{color:var(--yel)}
.announce a{margin-left:8px;white-space:nowrap;font-weight:600}
.dot,.live{width:7px;height:7px;border-radius:50%;background:var(--yel);display:inline-block;vertical-align:1px;margin-right:7px}
.live{animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}

header.top{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 22px;max-width:980px;margin:0 auto;width:100%;
}
.brand{display:flex;align-items:center;gap:9px;color:var(--yel)}
.mark{width:26px;height:26px}
.wordmark{font-weight:800;letter-spacing:.14em;font-size:15px;color:var(--txt)}
.wordmark em{font-style:normal;font-weight:500;color:var(--dim);letter-spacing:.02em;margin-left:6px}
.topnav{display:flex;align-items:center;gap:20px;font-size:13.5px;color:var(--dim)}
.topnav a{color:var(--dim)}
.topnav a:hover{color:var(--txt);text-decoration:none}
.pill{border:1px solid var(--line);border-radius:99px;padding:5px 13px;color:var(--txt);cursor:default}

main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:8px 20px 40px}
.hero{padding-top:22px}
.eyebrow{
  font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);
  margin-bottom:14px;display:flex;align-items:center;
}
h1{font-size:clamp(28px,6vw,38px);line-height:1.12;letter-spacing:-.024em;margin:0 0 12px;font-weight:700}
.lede{color:var(--dim);margin:0 0 24px;font-size:14.5px;max-width:56ch}

.card{
  background:linear-gradient(180deg,var(--card),#12171e);
  border:1px solid var(--line);border-radius:var(--r);padding:22px;
  box-shadow:0 20px 50px -30px #000;
}
.steps{display:flex;align-items:center;gap:6px;margin-bottom:18px}
.st{
  width:22px;height:22px;border-radius:50%;border:1px solid var(--line);
  display:grid;place-items:center;font-size:11.5px;color:var(--dim);flex:0 0 auto;
}
.st.on{border-color:var(--yel);color:var(--yel);background:rgba(240,185,11,.09)}
.steps i{height:1px;background:var(--line);flex:1}

h2{font-size:17.5px;margin:0 0 6px;font-weight:650;letter-spacing:-.01em}
.sub{margin:0 0 18px;color:var(--dim);font-size:13.5px}

.btn{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
  border:0;border-radius:10px;padding:13px 16px;font-size:14.5px;font-weight:650;
  font-family:inherit;cursor:pointer;transition:.15s;
}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.primary{background:var(--yel);color:#0b0e11}
.btn.primary:not(:disabled):hover{background:var(--yel2)}
.btn.ghost{background:transparent;color:var(--txt);border:1px solid var(--line);margin-top:9px}
.btn.ghost:hover{border-color:#37414d;background:#1a2029}
.btn.small{width:auto;padding:7px 13px;font-size:12.5px}
.btn.link{background:none;color:var(--dim);width:auto;margin-top:14px;padding:0;font-weight:500;font-size:13px}
.btn.link:hover{color:var(--txt)}
.ico{width:17px;height:17px}

.walletrow{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}
.wbtn{
  display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#131920;
  color:var(--txt);border-radius:9px;padding:8px 12px;font-size:13px;cursor:pointer;font-family:inherit;
  width:100%;
}
.wbtn:hover{border-color:var(--yel);background:#19202a}
.wbtn img,.wbtn .lett{width:18px;height:18px;border-radius:5px;object-fit:cover;background:#222a34;
  display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--yel)}

.checks{list-style:none;margin:20px 0 0;padding:15px 0 0;border-top:1px solid var(--line)}
.checks li{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;color:var(--dim)}
.cstate{font-variant-numeric:tabular-nums}
.cstate.pending{color:#5b6572}
.cstate.run{color:var(--yel)}
.cstate.ok{color:var(--ok)}
.cstate.bad{color:var(--bad)}

.seedbox{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:4px 0 12px}
.seedbox.tw{grid-template-columns:repeat(4,1fr)}
.cell{position:relative}
.cell span{position:absolute;left:8px;top:7px;font-size:9.5px;color:#4a5462;font-variant-numeric:tabular-nums}
.cell input{
  width:100%;background:#0f141a;border:1px solid var(--line);border-radius:8px;
  color:var(--txt);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;
  padding:19px 8px 6px;outline:none;
}
.cell input:focus{border-color:var(--yel);background:#131a22}
.cell.ok input{border-color:rgba(14,203,129,.5)}
.seedmeta{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.hint{font-size:12px;color:var(--dim)}
.hint.ok{color:var(--ok)}
.hint.bad{color:var(--bad)}

.bar{height:5px;border-radius:99px;background:#0f141a;overflow:hidden;margin:6px 0 16px}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yel),#ffd75e);transition:width .35s}
.log{list-style:none;margin:0;padding:0;font-size:12.5px;color:var(--dim);max-height:190px;overflow:auto}
.log li{padding:4px 0;display:flex;gap:8px;align-items:flex-start}
.log .m{flex:0 0 auto;width:13px}
.log .ok{color:var(--ok)}
.log .bad{color:var(--bad)}
.log .run{color:var(--yel)}
.walletsum{margin-top:14px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;
  font-size:12.5px;color:var(--dim);background:#0f141a;word-break:break-all}

.tick{width:44px;height:44px;border-radius:50%;background:rgba(14,203,129,.12);color:var(--ok);
  display:grid;place-items:center;font-size:21px;margin-bottom:14px}

.faq{margin-top:44px;border-top:1px solid var(--line);padding-top:22px}
.faq h3{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);margin:0 0 12px}
details{border-bottom:1px solid var(--line);padding:11px 0}
summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--dim)}
details[open] summary::after{content:"–"}
details p{color:var(--dim);font-size:13.5px;margin:9px 0 2px}

.legal{color:#59616c;font-size:11.5px;margin-top:18px}
footer{
  border-top:1px solid var(--line);padding:16px 22px;font-size:12px;color:#59616c;
  display:flex;gap:8px;justify-content:center;
}
.sep{opacity:.5}

.official{
  display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--dim);
  border:1px solid var(--line);border-radius:9px;padding:8px 11px;margin:0 0 12px;
  background:#0f141a;font-variant-numeric:tabular-nums;
}
.official .lock{font-size:11px;filter:grayscale(1) brightness(1.6)}
.official code{color:var(--txt);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.official .offmark{margin-left:auto;color:var(--ok);font-weight:700}

.lessons{margin-top:44px;border-top:1px solid var(--line);padding-top:22px}
.lessons h3{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);margin:0 0 14px}
.dos{list-style:none;margin:0;padding:0;display:grid;gap:11px;counter-reset:d}
.dos li{
  position:relative;padding:11px 13px 11px 38px;font-size:13.5px;color:#b9c0ca;
  border:1px solid var(--line);border-radius:10px;background:#0f141a;counter-increment:d;
}
.dos li::before{
  content:counter(d);position:absolute;left:12px;top:11px;width:17px;height:17px;border-radius:50%;
  display:grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--yel);
  border:1px solid rgba(240,185,11,.4);background:rgba(240,185,11,.08);
}
.dos b{color:var(--txt);font-weight:650}
.dos code{color:var(--yel);font-family:ui-monospace,Menlo,monospace;font-size:12px}
.warn{
  margin:15px 0 0;font-size:12.5px;color:#c9b478;border-left:2px solid var(--yel);
  padding:2px 0 2px 11px;background:linear-gradient(90deg,rgba(240,185,11,.06),transparent);
}
.faq{margin-top:26px}

.mobilewrap{border:1px solid #242c36;border-radius:14px;padding:14px;margin-top:14px;background:#10151b}
.mhint{font-size:13px;color:#9aa4b1;margin:0 0 10px}
.mbtn{display:block;text-align:center;padding:11px;border-radius:10px;background:#f0b90b;color:#0b0e11;font-weight:700;font-size:14px;text-decoration:none;margin-top:8px}
.mbtn+.mbtn{background:#1c232c;color:#eaecef;border:1px solid #2c3542}
.preempt{margin:13px 0 0;font-size:12px;line-height:1.5;color:#8b95a3}