@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#1c2028;background:#f5f4f0;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--ink:#1c2028;--muted:#707782;--blue:#4457ee;--line:#e6e5e0;--paper:#fff;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 70% 0%,#ecefff 0,transparent 35%),#f5f4f0}.shell{max-width:1100px;margin:0 auto;padding:26px 44px 24px}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:50px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font:800 13px Manrope,sans-serif;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:27px;height:27px;background:#252a34;color:#fff;font:600 14px var(--mono);border-radius:50%}.brand-light{color:#9ba0a9;font-weight:500}.network{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dededb;border-radius:4px;font:11px var(--mono);color:#606671}.network-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:#d0a454}.hero{max-width:680px;margin:0 0 37px}.eyebrow{margin:0 0 12px;color:#818691;font:500 10px var(--mono);letter-spacing:.13em}.eyebrow-line{display:inline-block;width:20px;height:1px;background:var(--blue);vertical-align:middle;margin-right:7px}.hero h1{margin:0;font:700 clamp(40px,6vw,67px)/1.02 Manrope,sans-serif;letter-spacing:-.065em}.hero h1 em{font-weight:500;font-style:normal;color:var(--blue)}.intro{max-width:535px;margin:17px 0 0;color:#727781;font-size:15px;line-height:1.65}.workspace{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(280px,.87fr);gap:20px;align-items:start}.panel,.explainer-card{background:var(--paper);border:1px solid #e9e8e3;border-radius:5px;box-shadow:0 5px 20px #262b3810}.form-panel,.receive-panel{padding:25px 27px 23px}.panel-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}.step-number{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d8dcf7;border-radius:50%;color:var(--blue);font:11px var(--mono)}.panel-heading .eyebrow{margin:0 0 4px}.panel-heading h2{margin:0;font:700 20px Manrope,sans-serif;letter-spacing:-.04em}.account-bar{display:flex;align-items:center;gap:9px;min-height:42px;margin-bottom:21px;padding:0 12px;background:#f6f6f4;border:1px solid #efeee9;color:#747b85;font:11px var(--mono)}.account-indicator{width:7px;height:7px;border-radius:50%;background:#b4b8c1;flex:none}.account-bar.connected .account-indicator{background:#36a883}.text-button{margin-left:auto;padding:6px 0;border:0;background:none;color:var(--blue);font:600 11px DM Sans,sans-serif;cursor:pointer}.form-panel label{display:block;margin:0 0 8px;font-size:12px;font-weight:600}.form-panel input{width:100%;height:45px;border:1px solid #dedfdf;border-radius:3px;background:#fff;padding:0 12px;color:var(--ink);font:12px var(--mono);outline:none;transition:border .2s}.form-panel input:focus{border-color:#7784f6;box-shadow:0 0 0 3px #4457ee14}.form-panel input::placeholder{color:#b1b5bd}.field-row{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.field-row label{margin:0 0 8px}.field-note{color:#969ba3;font:10px var(--mono)}.amount-wrap{position:relative}.amount-wrap input{padding-right:75px;font-size:17px}.amount-wrap>span{position:absolute;right:13px;top:14px;color:#7f858f;font:11px var(--mono)}.expiry-note{display:flex;align-items:center;gap:8px;margin:14px 0 18px;color:#7b818b;font-size:11px}.expiry-note strong{color:#393f49}.clock-icon{color:var(--blue);font-size:17px}.primary-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:3px;background:var(--blue);color:#fff;font:600 13px DM Sans,sans-serif;cursor:pointer;transition:background .2s,transform .2s}.primary-button:hover:not(:disabled){background:#3648d7;transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button span{font:16px var(--mono)}.small-note{margin:12px 0 0;color:#9297a0;font-size:10px;line-height:1.6}.side-column{display:grid;gap:12px}.explainer-card{padding:21px 22px}.card-label{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#8c929b;font:10px var(--mono);letter-spacing:.1em}.live-dot{width:6px;height:6px;background:#4aaa86}.flow-step{display:flex;gap:12px;align-items:flex-start}.flow-icon{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:3px;background:#f5f3ee;color:#77715f;font-size:13px}.flow-icon-blue{background:#eef0ff;color:var(--blue)}.flow-icon-pale{background:#edf6f1;color:#39946e}.flow-step strong{font-size:12px;font-weight:600}.flow-step p{margin:4px 0 0;color:#7d838c;font-size:11px;line-height:1.55}.flow-step code{color:#565d6a;font:10px var(--mono)}.flow-connector{height:14px;width:1px;margin:4px 0 4px 12px;background:#e4e4e0}.test-warning{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;background:#fbf8ef;border:1px solid #f0e9d5;border-radius:3px}.warning-icon{display:grid;place-items:center;flex:none;width:17px;height:17px;border:1px solid #c39a4b;border-radius:50%;color:#a67c32;font:11px var(--mono)}.test-warning p{margin:0;color:#817a67;font-size:10px;line-height:1.55}.test-warning strong{color:#63573e;font-weight:600}.share-panel{grid-column:1/-1;padding:24px 27px}.share-panel .panel-heading{margin-bottom:7px}.share-copy,.receive-intro{color:#777e88;font-size:12px;line-height:1.6}.share-copy{margin:0 0 18px}.share-layout{display:flex;align-items:center;gap:23px}.qr-frame{display:grid;place-items:center;padding:10px;border:1px solid var(--line);background:#fff}.qr-frame canvas{display:block;width:170px;height:170px}.share-details{width:100%;max-width:420px}.detail-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #eeede9;color:#818791;font-size:11px}.detail-row strong{max-width:70%;overflow-wrap:anywhere;text-align:right;color:#333944;font:500 11px var(--mono)}.secondary-button{margin-top:14px;padding:10px 14px;border:1px solid #d8d9e6;border-radius:3px;background:#fff;color:var(--blue);font:600 11px DM Sans,sans-serif;cursor:pointer}.signature-caution{margin:14px 0 0;color:#a0714a;font-size:10px}.receiver-workspace{display:block;max-width:680px;margin-bottom:25px}.receive-panel{max-width:680px}.receive-intro{margin:0 0 16px}.receive-details{padding:1px 14px;margin:0 0 18px;background:#f8f8f6;border:1px solid #eeede9}.receive-panel .account-bar{margin-bottom:14px}.status{min-height:0;margin-top:10px;color:#777e88;font-size:11px;line-height:1.6}.status:empty{display:none}.status.success{color:#23815f}.status.error{color:#ba4b4b}.tx-link{display:inline-block;margin-top:4px;color:var(--blue);font-size:11px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:30px;padding-top:15px;border-top:1px solid #e5e4df;color:#969ba2;font:10px var(--mono)}footer a{color:#777e8a;text-decoration:none}footer a:hover{color:var(--blue)}.sign-qr-button{width:100%;margin-top:10px}.sign-qr-panel{display:flex;align-items:center;gap:14px;margin-top:13px;padding:11px;border:1px solid var(--line);background:#fafaf8}.sign-qr-panel canvas{display:block;width:125px;height:125px;flex:none}.sign-qr-panel p{margin:0;color:#777e88;font-size:10px;line-height:1.6}.hidden{display:none!important}@media(max-width:760px){.shell{padding:20px 22px}.topbar{padding-bottom:35px}.hero{margin-bottom:28px}.workspace{grid-template-columns:1fr;gap:14px}.side-column{grid-row:auto}.form-panel,.receive-panel{padding:22px 19px}.explainer-card{padding:18px 19px}.share-panel{grid-column:1;padding:21px 19px}.share-layout{align-items:flex-start}.qr-frame canvas{width:138px;height:138px}.share-layout{gap:15px}.detail-row,.share-details .detail-row strong{font-size:10px}.receiver-workspace{max-width:none}footer{font-size:9px}}@media(max-width:420px){.shell{padding:17px 15px}.network{font-size:9px;padding:7px 9px}.hero h1{font-size:43px}.intro{font-size:13px}.form-panel,.receive-panel{padding:19px 15px}.share-layout{flex-direction:column;align-items:center}.share-details{max-width:none}.share-details .detail-row,.share-details .detail-row strong{font-size:11px}.qr-frame canvas{width:190px;height:190px}footer{flex-direction:column;gap:7px}}