:root{--ink:#220849;--lime:#d8fb51;--paper:#f7f6f1;--line:#22084924}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.lab-strip{background:var(--lime);display:flex;gap:24px;justify-content:center;align-items:center;padding:11px 20px;font-size:11px;letter-spacing:.04em}header{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 28px}.brand{font-size:25px;font-weight:700;letter-spacing:-1px}.brand span{color:#6e5494;padding-left:5px}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav button{background:none;border:0;color:inherit;cursor:pointer}main{max-width:1280px;padding:0 28px;margin:auto}.hero{padding:62px 0 50px;display:grid;grid-template-columns:1.3fr 1fr;gap:72px;align-items:center}.eyebrow{font:10px monospace;letter-spacing:.14em}.hero h1{font-size:clamp(40px,5.7vw,73px);font-weight:500;line-height:1.13;letter-spacing:-.065em;margin:24px 0}.hero h1 em{font-style:normal;color:#735095}.intro{font-size:16px;line-height:1.8;max-width:490px;opacity:.75}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.hero-tags span{border:1px solid var(--line);border-radius:25px;font-size:11px;padding:7px 12px}.hero-diagram{background:var(--ink);color:var(--paper);padding:35px;border-radius:10px;display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;position:relative;overflow:hidden}.hero-diagram:before{content:'';position:absolute;width:340px;height:340px;border:1px solid #d8fb5144;border-radius:50%;right:-170px;top:-170px;box-shadow:0 0 0 28px #ffffff08,0 0 0 57px #ffffff05}.hero-diagram div{display:flex;flex-direction:column;gap:20px;z-index:1}.hero-diagram span{font:8px monospace;letter-spacing:.07em}.hero-diagram strong{font-size:48px;letter-spacing:-.06em;color:var(--lime);font-weight:500}.hero-diagram small{font-size:11px;opacity:.7}.bridge-arrow{font-size:29px;color:var(--lime)}.hero-diagram p{grid-column:1/-1;border-top:1px solid #fff3;padding-top:20px;font-size:12px;line-height:1.8;opacity:.7;margin:28px 0 0}.notice{border:1px solid var(--line);border-left:3px solid #8060a8;padding:18px 22px;font-size:12px;line-height:1.9;background:#eee8f3;border-radius:5px}.workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin:32px 0}.steps{display:flex;flex-direction:column;gap:24px}.panel{background:#fff;border:1px solid var(--line);padding:30px;border-radius:10px}.step{display:flex;gap:15px;align-items:center;margin-bottom:20px}.step>span:first-child{border:1px solid var(--line);padding:10px;border-radius:50%;font:12px monospace}.step h2{font-size:22px;letter-spacing:-.035em;margin:3px 0}.step p{font:8px monospace;letter-spacing:.12em;margin:0}.badge{margin-left:auto;background:#eee9f4;color:#6e5494;border-radius:22px;padding:5px 10px;font-size:10px}.muted{color:#6f617f;font-size:12px;line-height:1.8}label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}input{width:100%;border:1px solid #22084935;background:#faf9fc;color:var(--ink);border-radius:6px;padding:14px;font-size:15px;outline:none}input:focus{border-color:#735095;box-shadow:0 0 0 3px #73509515}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.button{border:1px solid var(--ink);background:var(--ink);color:white;padding:12px 18px;border-radius:25px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.button span{margin-left:15px}.button.secondary{background:white;color:var(--ink)}.button.subtle{background:var(--lime);color:var(--ink);border-color:transparent}.button:disabled{opacity:.36;cursor:not-allowed}.button:not(:disabled):hover{opacity:.78}.facts{font:11px monospace;line-height:1.7;margin-top:22px}.facts dt{font-family:Arial,sans-serif;font-size:10px;opacity:.6;margin-top:13px}.facts dd{margin:4px 0 0;overflow-wrap:anywhere;background:#f6f3fa;border-radius:4px;padding:8px 10px}.amount-input{display:flex;border:1px solid var(--line);border-radius:6px;align-items:center;padding-right:16px;background:#faf9fc}.amount-input input{border:none;background:transparent;font-size:25px;padding:16px}.amount-input b{font-size:13px;opacity:.6}.quote{background:#eee8f3;border-radius:6px;padding:20px;margin-top:20px}.quote>span{font-size:11px}.quote strong{display:block;font-size:39px;font-weight:500;letter-spacing:-.04em;margin:8px 0}.quote small{font-size:18px}.quote p,.fine{font-size:10px;line-height:1.9;opacity:.65}.receipt{align-self:start;position:sticky;top:20px}.receipt-head{display:flex;justify-content:space-between;align-items:center}.receipt h2{font-size:35px;letter-spacing:-.05em;font-weight:500;margin:18px 0 8px}.status-dot{width:7px;height:7px;background:#9e89bc;border-radius:50%}ol{list-style:none;margin:28px 0 25px;padding:0}ol li{display:flex;gap:14px;align-items:center;padding-bottom:26px;position:relative;opacity:.4}ol li:not(:last-child):after{content:'';position:absolute;left:16px;top:33px;height:22px;width:1px;background:var(--line)}ol li i{display:grid;place-items:center;width:33px;height:33px;border:1px solid #b5a8c7;border-radius:50%;font:12px monospace}ol li b{font-size:12px;font-weight:600}ol li small{display:block;font:9px monospace;margin-top:6px}ol li.done{opacity:1}ol li.done i{background:var(--lime);border-color:var(--lime)}.state{background:#f4f1f8;padding:14px;border-radius:6px;font-size:12px;font-weight:600}.state.success{background:var(--lime)}.message{font-size:13px;line-height:1.8;color:#6e459c;overflow-wrap:anywhere;min-height:24px}.message.error{color:#a43b45}.network{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:36px 0}.network h3{font-size:17px;font-weight:500}.network p{font:10px monospace;line-height:1.8;overflow-wrap:anywhere;opacity:.6}footer{display:flex;justify-content:space-between;gap:25px;padding:15px 0 32px;font-size:11px;opacity:.6}footer p{margin:0;line-height:1.8}@media(max-width:850px){.hero{gap:30px;padding-top:35px}.hero-diagram{padding:25px}.hero-diagram strong{font-size:38px}.workspace{grid-template-columns:1fr}.receipt{position:static}.panel{padding:24px}}@media(max-width:600px){header{padding:22px 18px}.brand{font-size:21px}nav{gap:15px;font-size:10px}nav a:first-child{display:none}main{padding:0 18px}.hero{grid-template-columns:1fr;gap:25px;padding:24px 0 30px}.hero h1{font-size:43px}.intro{font-size:14px}.hero-diagram{padding:25px}.hero-diagram div{gap:14px}.hero-diagram p{margin-top:22px}.lab-strip{font-size:9px;gap:10px}.notice{padding:15px;font-size:11px}.workspace{gap:18px;margin:22px 0}.steps{gap:18px}.panel{padding:20px}.step h2{font-size:19px}.step{gap:11px}.badge{font-size:9px}.network{grid-template-columns:1fr;gap:18px}footer{flex-direction:column;gap:12px}.button{padding:12px 15px}}

/* Action guidance and complete wallet recovery. */
.journey{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:24px}.journey p{font-size:13px;line-height:1.7;margin:9px 0 0}.journey .badge{display:inline-block;margin:0}.workspace{margin-top:22px}.step-hint{border-left:3px solid #b6d830;background:#f5f9e9;color:#36451c;padding:12px 14px;font-size:12px;line-height:1.8;margin-top:20px}.message:empty{display:none}.message.error{padding:10px 12px;background:#fff1f2;border-radius:6px}.native-balance{font-size:13px;font-weight:600;line-height:1.8;overflow-wrap:anywhere}.inline-link{font-size:11px;text-decoration:underline;text-underline-offset:3px}.actions .button{min-height:44px}input[aria-invalid=true]{border-color:#a43b45}.facts dd{user-select:all}select{max-width:100%;width:100%;border:1px solid var(--line);border-radius:6px;background:#faf9fc;color:var(--ink);padding:12px;font:11px monospace}#message{margin:16px 0}#password-help{margin-bottom:0}@media(max-width:600px){.journey{align-items:stretch;flex-direction:column;padding:18px}.journey .button{align-self:flex-start}.actions{align-items:stretch}.actions .button{flex:1 1 100%;text-align:center}.step{flex-wrap:wrap}.badge{margin-left:0}.hero h1{font-size:clamp(33px,9.5vw,43px)}nav{gap:10px}.brand{font-size:19px}}

/* Keep the result of a click visible on narrow screens and long forms. */
body{padding-bottom:110px}#message:not(:empty){position:fixed;bottom:14px;left:18px;right:18px;z-index:100;max-width:760px;max-height:24vh;overflow:auto;margin:0 auto;padding:14px 18px;border:1px solid #73509555;border-radius:10px;background:#fff;color:#220849;box-shadow:0 8px 32px #22084926;font-size:12px;line-height:1.8}#message.error:not(:empty){background:#fff1f2;color:#8a293b;border-color:#a43b4555}@media(max-width:600px){#message:not(:empty){left:12px;right:12px;bottom:12px;padding:12px 14px;font-size:11px}}
