@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101112;--panel:#18191b;--line:#303134;--muted:#929398;--red:#e65455;--text:#f3f1ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:24px}.brand{display:flex;align-items:center;font-weight:700;font-size:24px;letter-spacing:-1px}.brandmark{font-size:42px;color:var(--red);margin-right:12px}.brandmark span{font-size:24px}.division{font-size:16px;font-weight:400;color:var(--muted);margin-left:20px;letter-spacing:0}nav{display:flex;gap:30px;align-items:center;color:var(--muted)}nav button{background:none;border:0;color:inherit}nav .selected{color:var(--text)}.demo{font-size:12px;border:1px solid #514035;border-radius:30px;padding:9px 13px;color:#d6b399;white-space:nowrap}.demo i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d6b399;margin-right:6px}main{max-width:1160px;margin:auto;padding:55px 30px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--red)}.intro{display:flex;justify-content:space-between;align-items:center;margin:16px 0 42px}h1{font-family:Manrope,Arial,sans-serif;font-size:60px;line-height:1.1;letter-spacing:-3px;font-weight:500;margin:0 0 20px}.intro p{color:var(--muted);line-height:1.8;font-size:15px}.intro-note{border-left:1px solid var(--line);padding:5px 35px}.small-cross{color:var(--red);font-size:36px}.intro-note .muted{font-size:10px;letter-spacing:2px}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.swap-card,.route-card,.progress-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:15px}h2{margin:0;font-size:20px;font-weight:500;letter-spacing:-.5px}.pill{border:1px solid #3b3c3f;border-radius:6px;font-size:10px;padding:5px 8px;color:#b1b1b5}.notice{font-size:11px;color:#c6a6a3;background:#251d1e;border:1px solid #3c292b;padding:11px;border-radius:6px;margin:22px 0}.label{display:flex;justify-content:space-between;font-size:12px;margin:0 0 10px;color:#c8c8cb}.label span{font-size:11px;color:var(--muted)}.label b{font-weight:400}.asset-box{background:#111214;border:1px solid #343538;border-radius:10px;padding:19px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-box>div:first-child{min-width:0}.asset-box input{background:none;border:0;outline:none;color:var(--text);font-size:32px;width:100%;font-weight:500;appearance:textfield}.asset-box input::-webkit-inner-spin-button{appearance:none}.network{display:block;color:var(--muted);font-size:11px;margin-top:7px}.asset{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:end}.coin{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:21px}.rbnt{background:#e65054;color:white;font-weight:700}.usdt{background:#398e7c;color:#fff}.max{border:0;background:#312224;color:#f08c8d;font-size:9px;border-radius:4px;padding:5px}.route-divider{display:flex;align-items:center;gap:12px;height:47px;color:var(--muted)}.route-divider>span{border:1px solid var(--line);border-radius:50%;width:26px;height:26px;text-align:center;line-height:24px}.route-divider small{font-size:10px}.receive strong{font-size:32px;font-weight:500}.address-label{margin-top:24px}.address{width:100%;border:1px solid #38393c;background:#131416;border-radius:7px;color:#bdbdc1;padding:13px 12px;font-family:monospace;font-size:11px}.quote-line{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:19px 0}.quote-line span:last-child{color:#c9c9cd}.fees{border-top:1px solid var(--line);padding-top:15px}.fees>div{display:flex;justify-content:space-between;margin-bottom:12px;font-size:11px}.fees span{color:var(--muted)}.fees b{font-weight:400}.fees small{color:#686a70;margin-left:5px}.fees .net{border-top:1px solid var(--line);padding-top:15px;margin-top:15px;font-size:12px}.fees .net span{color:var(--text)}.primary{width:100%;background:var(--red);color:#fff;border:0;border-radius:8px;padding:16px;text-align:left;font-weight:600}.primary span{float:right}.primary:hover{background:#ee6667}.primary:disabled{opacity:.45;cursor:not-allowed}.under-button{text-align:center;color:#7d7e83;font-size:10px;margin:13px 0 0}#error{color:#ee999a;font-size:12px;line-height:1.5}#error:empty{display:none}aside{display:grid;gap:20px}.route-card{background:radial-gradient(ellipse at 20% 45%,#39212266,transparent 60%),var(--panel)}.route-card .eyebrow{color:#9b9ba1;font-size:9px}.route-art{display:flex;align-items:center;justify-content:center;padding:32px 0}.network-node{display:flex;flex-direction:column;align-items:center;gap:9px}.large-coin{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;font-size:43px;margin-bottom:5px;box-shadow:0 0 0 7px #ffffff03}.bsc{background:#2d291c;color:#edc75b;border:1px solid #60502c;font-size:56px}.network-node b{font-weight:500;font-size:13px}.network-node small{color:var(--muted);font-size:10px}.route-path{width:85px;border-top:1px dashed #666;position:relative;margin:0 20px 52px}.route-path span{position:absolute;top:-13px;left:35%;background:#1c1b1d;color:var(--red);padding:3px 8px}.route-stats{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:11px}.route-stats span{color:var(--muted);display:block;margin-bottom:7px}.route-stats b{font-weight:400}.progress-card p{font-size:12px;margin-top:15px}.muted{color:var(--muted)}ol{list-style:none;padding:0;margin:25px 0 0;counter-reset:step}li{position:relative;padding:0 0 28px 40px;font-size:12px;color:#8b8c92;counter-increment:step}li:last-child{padding-bottom:0}li:before{content:counter(step);position:absolute;left:0;top:-4px;width:25px;height:25px;border:1px solid #414247;border-radius:50%;display:grid;place-items:center;font-size:10px;background:var(--panel);z-index:1}li:not(:last-child):after{content:'';height:100%;position:absolute;top:20px;left:13px;border-left:1px solid #35363a}li span{display:block;font-size:10px;color:#707178;margin-top:6px}li.active{color:var(--text)}li.active:before{border-color:var(--red);color:var(--red)}li.done:before{content:'✓';border-color:#689b87;color:#99cbb6}.scenario{border:1px dashed #36373b;border-radius:10px;padding:18px 22px}.scenario label{display:block;font-size:11px;margin-bottom:12px}.scenario select{width:100%;padding:10px;background:#202124;border:1px solid #393a3d;border-radius:6px;color:#ccc;font-size:12px}.scenario p{color:#73757c;font-size:10px;margin-bottom:0}.activity{margin:45px 0 0}.activity .muted{font-size:12px;margin:8px 0 20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-size:9px;letter-spacing:1px;color:#777a80;font-weight:500;padding:17px;border-bottom:1px solid var(--line);background:#18191b}td{padding:20px 17px;border-bottom:1px solid #25262a}td small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.empty{text-align:center;padding:35px;color:#999}.empty span{display:block;color:#62646a;margin-top:7px;font-size:11px}.success{color:#9cc8b5}.failed{color:#ed9696}.refunded{color:#dfbd81}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:26px 0;margin-top:45px;color:#63656a;font-size:10px}.receipt{margin-top:20px;border-top:1px solid var(--line);padding-top:14px;color:#b9cbbb;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.secondary{width:100%;border:1px solid #80514f;color:#f0bcba;background:#332324;padding:12px;border-radius:7px;margin-top:16px}dialog{max-width:570px;width:calc(100% - 32px);border:1px solid #45464a;border-radius:16px;background:#1b1c1f;color:var(--text);padding:35px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:20px 0}dialog h3{font-size:15px;margin-top:25px}dialog p{font-size:13px;line-height:1.8;color:#aeb0b6}.close{float:right;background:none;border:0;color:white;font-size:26px}input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #ee999a;outline-offset:4px}@media(max-width:800px){header{padding:0 22px;height:78px}nav{display:none}.division{display:none}main{padding:35px 20px 0}h1{font-size:48px}.intro-note{display:none}.workspace{grid-template-columns:1fr}.swap-card,.route-card,.progress-card{padding:22px}.intro{margin-bottom:28px}footer{gap:20px;line-height:1.6}.brand{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.portal-mark{display:grid;place-items:center;width:36px;height:36px;margin-right:12px;border:1px solid #674043;border-radius:10px;background:#2b1e21;color:var(--red);font-size:27px;font-weight:400;letter-spacing:0}.token-logo{object-fit:contain;border-radius:0;flex-shrink:0}.network-logo{background:#202124;border:1px solid #37383b;box-shadow:none}.network-logo img{object-fit:contain}.network-label{display:flex;align-items:center;gap:6px}.network-label img{object-fit:contain;flex-shrink:0}@media(max-width:400px){header{padding:0 14px;gap:10px}.brand{font-size:17px;letter-spacing:-.5px}.portal-mark{width:29px;height:29px;margin-right:8px}.demo{font-size:10px;padding:8px}}
.live-panel{border:1px solid #40564e;background:linear-gradient(120deg,#1b2522,#18191b 65%);border-radius:16px;padding:28px;margin-bottom:28px}.live-panel h2{margin-top:12px}.live-panel .eyebrow{color:#a3cbb9}.live-panel>.muted{font-size:12px;line-height:1.7;max-width:720px}.live-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:24px}.live-result{font-size:13px;line-height:1.8;color:#c4dccf;overflow-wrap:anywhere;min-height:48px}.live-panel .secondary{border-color:#405c4f;color:#c4dccf;background:#25352d}.live-disclaimer{font-size:11px;line-height:1.7;color:#909b95;border-top:1px solid #33423b;padding-top:16px;margin-bottom:0}.live-panel button:disabled{opacity:.5;cursor:wait}@media(max-width:800px){.live-grid{grid-template-columns:1fr;gap:12px}.live-panel{padding:22px}.live-panel .card-title{align-items:start}.live-panel .pill{max-width:95px;text-align:center}}
.validation-summary{margin:0 0 30px;padding:26px;border:1px solid #383b3f;border-radius:14px;background:#181a1c}.validation-summary h2{margin-top:10px}.validation-summary>.muted{font-size:12px;line-height:1.7}.validation-summary .secondary{width:auto;margin:0}.validation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.validation-grid article{padding:18px;border:1px solid #34473e;background:#1b2420;border-radius:9px}.validation-grid .validation-blocked{background:#2a231b;border-color:#5d4b36}.validation-label{font-size:9px;letter-spacing:1.2px;color:#adb9b2}.validation-grid h3{font-size:15px;line-height:1.5;font-weight:500;margin:12px 0}.validation-grid p,.validation-footnote{font-size:11px;line-height:1.8;color:#aab0ad}.validation-grid a,.recorded-order a{font-size:11px;color:#c3dccc;display:inline-block;margin:8px 12px 0 0;text-decoration:underline}.validation-footnote{border-top:1px solid #343638;margin:20px 0 0;padding-top:14px}.recorded-reference{overflow-wrap:anywhere;font-family:monospace;font-size:11px!important}.recorded-order{padding:24px;border:1px solid #383b3f;border-radius:12px;background:#181a1c;margin-top:20px}.recorded-order h3{font-size:16px;font-weight:500}.recorded-order p{color:#aab0ad;font-size:12px;line-height:1.8}@media(max-width:800px){.validation-grid{grid-template-columns:1fr}.validation-summary{padding:20px}.validation-summary .card-title{align-items:start;flex-wrap:wrap}}