:root{--ink:#172c30;--muted:#6b7f83;--line:#e3eae9;--teal:#17695c;--teal-dark:#105345;--bg:#f7f9f8;--soft:#edf5f1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #8cc6b5;outline-offset:4px}button{border:0}svg{flex-shrink:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(32px,calc((100vw - 1160px)/2));gap:23px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.6px;font-weight:500;white-space:nowrap}.brand b{font-weight:720}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:var(--teal);color:white;border-radius:10px}.header-divider{height:19px;width:1px;background:var(--line)}.workspace-label{color:var(--muted);font-size:13px}.header-right{margin-left:auto;display:flex;align-items:center;gap:28px}.network{font-size:12px;display:flex;align-items:center;gap:7px;color:#49615d}.network i,.chain-value i{height:6px;width:6px;background:#d7ad40;border-radius:50%;display:inline-block}.help-link{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:12px}main{max-width:1116px;margin:auto;padding:51px 28px 0}.eyebrow{color:#78908a;font-size:10px;letter-spacing:1.7px;font-weight:650;display:flex;gap:12px;align-items:center}.eyebrow span{color:#b6c5c1}.page-heading h1{font-size:34px;letter-spacing:-1.2px;line-height:1.5;margin:11px 0 8px;font-weight:680}.page-heading h1>span{color:var(--teal)}.page-heading>p{color:var(--muted);margin:0;line-height:1.9;font-size:14px}.workspace-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;margin-top:39px;align-items:start}.journey{padding-top:21px}.journey-label{font-size:12px;display:flex;justify-content:space-between;align-items:center;color:#536b65;font-weight:650;margin-bottom:32px;padding-right:20px}.journey-label>span{font-weight:400;color:#94a29f;font-size:11px}.journey ol{list-style:none;padding:0;margin:0}.journey li{position:relative;display:flex;gap:18px;min-height:110px}.journey li:not(:last-child):after{content:"";position:absolute;left:18px;top:43px;bottom:10px;width:1px;background:#dce5e1}.step-number{position:relative;z-index:1;width:37px;height:37px;border:1px solid #dce5e1;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#98a9a2;background:var(--bg);flex-shrink:0}.journey li.active .step-number{color:#fff;background:var(--teal);border-color:var(--teal);box-shadow:0 0 0 5px #e7f0eb}.journey li.done .step-number{background:#e4f0e8;border-color:#e4f0e8;color:var(--teal)}.journey li strong{display:block;font-size:14px;font-weight:600;margin:1px 0 7px;color:#8e9d98}.journey li.active strong,.journey li.done strong{color:var(--ink)}.journey li p{font-size:12px;line-height:1.7;color:#8d9d97;margin:0}.journey li small{display:inline-block;background:#e9f1ed;color:var(--teal);padding:3px 8px;border-radius:4px;font-size:10px;margin-top:9px}.journey-note{display:flex;gap:12px;margin-top:28px;padding:22px 0;border-top:1px solid var(--line);color:#82968e;max-width:290px}.journey-note strong{font-size:12px;color:#61786e;font-weight:550}.journey-note p{font-size:12px;line-height:1.9;margin:8px 0 0;color:#8a9b93}.action-card{background:#fff;border:1px solid #e1e8e4;border-radius:18px;padding:25px 36px 24px;box-shadow:0 12px 40px -22px #274d3e25;min-height:463px}.card-top{display:flex;justify-content:space-between;align-items:center;color:#779087;font-size:10px;font-weight:600;letter-spacing:.8px}.card-step{font-family:ui-monospace,monospace;font-size:13px;color:#4c6960}.card-step em{font-style:normal;color:#b1beb8;font-size:11px}.state-icon{width:62px;height:62px;margin:31px auto 18px;border-radius:17px;display:flex;align-items:center;justify-content:center}.pi-letter{font-family:Georgia,serif;font-size:43px;line-height:1;font-weight:500;color:#886dc0;background:#f1edf9}.wallet-icon{color:#337eab;background:#ebf4fa}.state-icon.success{color:var(--teal);background:#edf6ef}.action-card h2{font-size:23px;letter-spacing:-.6px;font-weight:650;margin:0 0 11px;text-align:center;line-height:1.5}.card-intro{font-size:12px;line-height:1.95;color:#7b8c84;text-align:center;margin:0 0 24px}.permission-row{display:flex;align-items:center;gap:11px;padding:15px 14px;background:#f8faf9;border:1px solid #edf1ee;border-radius:10px;margin-bottom:24px}.permission-row>svg{margin-left:auto;color:#789a8b}.mini-icon{display:grid;place-items:center;width:32px;height:32px;background:#edf3ef;border-radius:9px;color:#739081}.permission-row strong{font-size:12px;font-weight:550}.permission-row p{font-size:10px;color:#8b9b92;line-height:1.7;margin:4px 0 0}.primary,.secondary{min-height:47px;padding:12px 18px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-size:13px;font-weight:550;transition:background .15s,transform .15s}.primary{background:var(--teal);color:#fff}.primary:hover{background:var(--teal-dark)}.primary>svg:last-child:not(.spin){margin-left:7px}.secondary{border:1px solid #dbe5df;background:#fff;color:#365c4d;margin-top:11px}.secondary:hover{background:#f6f9f7}.button-hint{display:flex;gap:6px;align-items:center;justify-content:center;font-size:10px;color:#95a39b;text-align:center;line-height:1.8;margin:12px 0 0}.text-button{display:flex;justify-content:center;align-items:center;gap:3px;margin:18px auto 0;color:#779086;font-size:11px;background:none;padding:3px}.text-button:hover{color:var(--teal)}.below-card{display:flex;gap:7px;align-items:center;justify-content:center;color:#90a097;font-size:10px;line-height:1.7;padding:17px 0}.verified-account{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:15px}.verified-account>div{display:flex;gap:11px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;font-family:Georgia,serif;background:#f1edf9;color:#886dc0;display:grid;place-items:center;font-size:25px}.verified-account small{display:block;font-size:10px;color:#92a196;margin-bottom:3px}.verified-account strong{font-size:13px;font-weight:600;word-break:break-all}.verified-pill{color:var(--teal);background:var(--soft);font-size:10px;display:flex;gap:3px;align-items:center;padding:3px 6px;border-radius:4px}.expiry{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8a9d92;padding:15px 1px}.expiry b{font-family:ui-monospace,monospace;color:#587a65;font-size:12px;letter-spacing:.5px}.expiry.expired,.expiry.expired b{color:#b96746}.link-label{display:block;font-size:10px;color:#94a498;margin:17px 0 7px}.link-input{width:100%;border:1px solid #e5eae7;border-radius:6px;padding:9px;background:#f9fbfa;color:#90a096;font-family:ui-monospace,monospace;font-size:10px}.identity-box{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:7px}.identity-box>div{padding:15px;border-bottom:1px solid #edf1ee;display:flex;flex-direction:column;gap:7px}.identity-box>div:last-child{border:0}.identity-box>div>span{font-size:10px;color:#8b9c92}.identity-box strong{font-weight:600;font-size:13px;display:flex;gap:5px;align-items:center;overflow-wrap:anywhere}.identity-box code{font-size:12px;color:#365a47;overflow-wrap:anywhere;line-height:1.8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.inline-check{display:inline-flex;background:#edf5ee;color:var(--teal);padding:2px;border-radius:50%;margin-left:4px}.identity-box .not-connected{font-size:12px;color:#a1aea6}.chain-value i{margin-right:3px}.chain-value small{margin-left:auto;font-size:10px;font-weight:400;background:#f5f7f6;color:#8da095;padding:2px 5px;border-radius:3px}.signature-note{margin-top:17px;display:flex;gap:9px;background:#f7faf8;border:1px solid #edf2ee;border-radius:8px;padding:12px;color:#6a8a75}.signature-note p{font-size:11px;line-height:1.8;margin:0}.signature-note strong{display:block;font-weight:550}.green{color:var(--teal)}.success-note{display:flex;align-items:center;gap:7px;font-size:11px;color:#769582;line-height:1.7;margin:15px 0 20px}.payment-info{border:1px solid #e5ece8;border-radius:9px;padding:17px;margin-top:15px;background:#f7faf8}.payment-info strong{font-size:12px}.payment-info p,.payment-info>span{font-size:11px;line-height:1.9;color:#81988b}.message{display:flex;gap:8px;align-items:flex-start;padding:13px;border-radius:8px;font-size:11px;line-height:1.9;margin-top:17px;overflow-wrap:anywhere}.message>svg{margin-top:2px}.message.error{background:#fcf2ee;color:#a35d40;border:1px solid #f3ded5}.message.notice{background:#edf5f5;color:#53807b;border:1px solid #dfecec}.loading{display:flex;align-items:center;justify-content:center;gap:10px;color:#7b9688;height:350px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.guide{margin-top:48px;border-top:1px solid var(--line);padding-top:31px;scroll-margin-top:30px}.section-title>span{font-size:10px;color:#8b9d93}.section-title h2{font-size:18px;font-weight:600;letter-spacing:-.2px;margin:8px 0 23px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.guide-grid article{display:flex;gap:12px}.guide-grid article>span{font-size:11px;color:#8fa698;font-family:ui-monospace,monospace;line-height:1.9}.guide-grid h3{font-size:12px;font-weight:600;margin:0 0 7px}.guide-grid p{font-size:11px;line-height:1.9;color:#8b9c92;margin:0;max-width:235px}.faq{margin:29px 0 44px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:15px 0}summary{cursor:pointer;color:#6c8376;font-size:11px}details p{font-size:11px;color:#8a9e91;line-height:1.9;max-width:740px;margin:12px 0 0}footer{max-width:1060px;margin:auto;padding:20px 0 27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#93a399;font-size:10px}footer i{font-style:normal;padding:0 7px;color:#bdc8c0}
@media(min-width:1400px){main{padding-top:63px}.workspace-grid{gap:85px;grid-template-columns:350px minmax(0,1fr)}.action-card{padding-left:45px;padding-right:45px}}
@media(max-width:900px){.workspace-grid{grid-template-columns:260px minmax(0,1fr);gap:25px}.action-card{padding-left:25px;padding-right:25px}.journey li p{font-size:11px}.page-heading h1{font-size:30px}.guide-grid{gap:20px}footer{margin:0 28px}}
@media(max-width:680px){.topbar{height:65px;padding:0 21px;gap:13px}.brand{font-size:19px}.brand-mark{width:31px;height:31px;border-radius:9px}.workspace-label,.header-divider{display:none}.header-right{gap:17px}.help-link>span{display:none}.network{font-size:10px}main{padding:29px 19px 0}.eyebrow{font-size:9px;letter-spacing:1.2px}.page-heading h1{font-size:27px;letter-spacing:-1px;margin:11px 0 10px}.page-heading>p{font-size:12px;max-width:310px;line-height:1.9}.workspace-grid{display:flex;flex-direction:column;gap:24px;margin-top:29px}.journey{width:100%;padding:0}.journey-label,.journey-note{display:none}.journey ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.journey li{display:flex;flex-direction:column;gap:9px;align-items:center;min-height:66px}.journey li:not(:last-child):after{left:calc(50% + 23px);right:calc(-50% + 23px);width:auto;height:1px;top:17px;bottom:auto}.step-number{width:34px;height:34px;font-size:11px}.journey li strong{font-size:10px;font-weight:550;text-align:center;margin:0;white-space:nowrap}.journey li p,.journey li small{display:none}.action-area{width:100%}.action-card{padding:21px 22px 22px;border-radius:15px;min-height:440px}.card-top{font-size:9px;letter-spacing:.4px}.state-icon{margin-top:27px}.action-card h2{font-size:21px;letter-spacing:-.6px}.card-intro{font-size:11px}.permission-row{padding:13px 10px;gap:8px}.permission-row strong{font-size:11px}.permission-row p{font-size:9px}.primary,.secondary{min-height:47px;font-size:12px}.guide{margin-top:30px;padding-top:26px}.section-title h2{font-size:17px}.guide-grid{grid-template-columns:1fr;gap:21px}.guide-grid p{max-width:none}.guide-grid article{gap:14px}.guide-grid article>span{padding-top:1px}.guide-grid h3{font-size:12px;margin-bottom:5px}.guide-grid p{font-size:11px}.faq{margin-top:27px;margin-bottom:29px}summary{font-size:11px}footer{margin:0 20px;padding-bottom:24px;gap:15px;font-size:9px;line-height:1.8}footer>span:last-child{max-width:150px;text-align:right}.identity-box code{font-size:11px}.button-hint{font-size:9px}.below-card{font-size:9px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spin{animation:none}*{transition:none!important}}
.payment-panel{margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}.payment-title{display:flex;justify-content:space-between;align-items:center}.payment-title>span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.payment-title>small{font-size:10px;color:#8aa092;background:#f0f6f2;border-radius:4px;padding:4px 6px}.payment-amount{text-align:center;margin:25px 0 17px}.payment-amount>span{font-size:40px;font-weight:650;letter-spacing:-1.3px}.payment-amount>b{font-size:14px;margin-left:8px;font-weight:500}.payment-amount>small{display:block;font-size:10px;color:#91a194;margin-top:7px}.order-status{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;color:#9c813b;padding:10px;background:#fbf8ee;border-radius:6px;margin-bottom:17px}.order-status.paid{color:var(--teal);background:#edf6ef}.order-status>small{width:100%;text-align:center;font-size:10px}.status-dot{width:5px;height:5px;background:currentColor;border-radius:50%}.order-details{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.order-details>div{padding:11px 12px;border-bottom:1px solid #edf1ee}.order-details>div:last-child{border:0}.order-details dt{font-size:10px;color:#8c9f91;margin-bottom:5px}.order-details dd{margin:0;font-size:10px;line-height:1.8;overflow-wrap:anywhere;color:#55725e}.payment-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.8;color:#728879;margin:18px 0}.payment-consent input{margin-top:4px;accent-color:var(--teal);flex-shrink:0}.payment-consent strong{font-weight:600;color:var(--ink)}.payment-panel .primary:disabled{opacity:.45;cursor:not-allowed}.transaction-result{margin-top:16px;padding:12px;background:#f7faf8;border:1px solid #e6eee7;border-radius:8px;display:flex;flex-direction:column;gap:7px}.transaction-result>span{font-size:10px;color:#8ba08e}.transaction-result>code{overflow-wrap:anywhere;font-size:10px;line-height:1.8;color:#5b7761}.transaction-result>a{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--teal)}.order-note{font-size:11px;line-height:1.9;color:#9b845b;background:#fbf8f1;padding:12px;border-radius:6px;margin:15px 0}.payment-footnote{font-size:10px;color:#94a494;line-height:1.9;margin-top:17px;text-align:center}.payment-loading{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#8b9e8f;padding:25px}.recover-payment{margin-top:7px}.recover-payment .link-input{margin-top:12px;font-size:11px}.order-history{display:flex;flex-direction:column;gap:0;margin-top:9px}.order-history button{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#f7faf8;padding:12px 7px;border-bottom:1px solid #e6ede7;font-size:10px;color:#6e8774}.order-history button b{font-weight:500}