@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#0a0d0c;--panel:#111715;--panel2:#151d19;--line:#293630;--muted:#91a098;--text:#f2f7f3;--lime:#d9f36a;--lime2:#b8d451;--red:#ff9b8e;--blue:#8ed9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% -10%,#243a2d 0,transparent 32%),var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:var(--lime);text-decoration:none}main{max-width:1240px;margin:auto;padding:22px 34px 30px}header{height:52px;border-bottom:1px solid var(--line);gap:28px}.brand,header{display:flex;align-items:center}.brand{gap:10px;color:var(--text);font-weight:700;letter-spacing:.14em}.logo{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--lime);border-radius:50%;color:var(--lime);font-weight:500}.route-label{font:12px DM Mono;color:var(--muted)}.route-label span{color:var(--lime);padding:0 8px}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.network-state,.status-pill{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted);font:11px DM Mono}.network-state.good,.status-pill.ready{color:var(--lime);border-color:#526b38}.network-state.bad{color:var(--red);border-color:#69443f}.connect,.copy,.text-button{border:1px solid #46554b;background:transparent;color:var(--text);border-radius:7px;padding:10px 14px}.connect:hover,.copy:hover,.text-button:hover{border-color:var(--lime);color:var(--lime)}.staging-banner{margin:20px 0 0;padding:10px 13px;border:1px solid #4d5a31;background:#1b2114;border-radius:7px;color:#dbe7c2;font-size:12px}.banner-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px}.hero{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:46px 0 34px}.eyebrow,.section-kicker{font:11px DM Mono;letter-spacing:.14em;color:var(--lime)}.eyebrow span{color:var(--muted);padding:0 7px}h1{font-size:54px;line-height:1.04;letter-spacing:-.055em;margin:15px 0 12px}h1 em{font-style:normal;color:var(--lime)}.lead{max-width:540px;color:var(--muted);font-size:16px;line-height:1.55;margin:0}.trust-strip{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 22px;gap:10px 22px;color:#c5d2ca;font:11px DM Mono;white-space:nowrap}.trust-strip b{color:var(--lime)}.dashboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);grid-gap:18px;gap:18px;align-items:start}.primary-column{min-width:0}.bridge-card,.how-card,.info-card{background:rgba(17,23,21,.92);border:1px solid var(--line);border-radius:13px}.bridge-card{padding:25px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.card-header h2{font-size:23px;margin:8px 0 0}.empty-state{text-align:center;border-top:1px solid var(--line);padding:42px 15px 25px;color:var(--muted)}.empty-state h3{color:var(--text);font-size:18px;margin:0 0 8px}.empty-state p{font-size:13px;margin:0 auto 20px;max-width:380px}.warning-state{background:#1a1b13}.primary{border:0;background:var(--lime);color:#10150f;border-radius:7px;padding:13px 18px;font-weight:700}.primary:hover{background:#e7ff86}.primary:disabled{opacity:.35;cursor:not-allowed}.bridge-row{display:grid;grid-template-columns:1fr 32px 1fr;grid-gap:12px;gap:12px;align-items:center}.token-panel{background:#0c1110;border:1px solid var(--line);border-radius:10px;padding:17px}.token-panel.destination{background:#101913;border-color:#3e5437}.panel-label{font:10px DM Mono;color:var(--muted);letter-spacing:.13em;margin-bottom:14px}.chain-name{display:flex;align-items:center;gap:9px}.chain-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font:12px DM Mono;font-weight:500}.chain-icon.opbnb{background:#d9f36a;color:#14200e}.chain-icon.bsc{background:#f3b94e;color:#2a1d06}.token-name{color:var(--muted);font:12px DM Mono;margin:17px 0 8px}.balance-line{display:flex;justify-content:space-between;color:var(--muted);font:11px DM Mono;gap:8px}.balance-line b{color:var(--text);font-weight:400;text-align:right}.amount-field{display:flex;align-items:center;border:1px solid #405148;border-radius:7px;margin-top:15px;padding:10px 11px}.amount-field:focus-within{border-color:var(--lime)}.amount-field input{width:100%;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:29px}.amount-field span{font:11px DM Mono;color:var(--muted);margin-right:10px}.amount-field button{border:0;background:#283329;color:var(--lime);border-radius:4px;padding:6px 7px;font:10px DM Mono}.receive-amount{font:29px DM Mono;margin:31px 0 21px;color:var(--lime)}.receive-amount small{font-size:11px;color:var(--muted)}.direction{text-align:center;color:var(--lime);font-size:24px}.fee-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0;padding:14px 2px;color:var(--muted);font:12px DM Mono}.fee-line strong{color:var(--text);font-weight:500}.review{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;padding:15px 0;color:var(--muted);font:11px DM Mono}.review .section-kicker{grid-column:1/-1;margin-bottom:2px}.review b{color:var(--text);font-weight:400;text-align:right}.acknowledgement{display:flex;gap:10px;padding:13px;background:#202717;border:1px solid #536034;border-radius:7px;color:#d8e3c9;font-size:12px;line-height:1.45;margin:10px 0 15px}.acknowledgement input{accent-color:var(--lime);margin-top:2px}.disabled-action{width:100%;padding:14px;text-align:center;border:1px solid #39442e;border-radius:7px;background:#1b2115;color:#c8d5b8;font-size:12px}.error-message{margin-top:12px;color:var(--red);font-size:12px}.progress-card{margin-top:18px}.progress{display:grid;grid-gap:13px;gap:13px}.progress-step{display:flex;align-items:center;gap:12px;color:#68766f}.progress-step span{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;font:11px DM Mono}.progress-step strong{display:block;font-size:13px;font-weight:500}.progress-step small{display:block;color:var(--muted);font:10px DM Mono;margin-top:3px}.progress-step.active{color:var(--text)}.progress-step.active span{background:var(--lime);border-color:var(--lime);color:#11170f}.active-details{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:15px;color:var(--muted);font:10px DM Mono}.text-button{padding:6px 8px;font:10px DM Mono;margin-left:auto}.success-state{display:grid;grid-gap:6px;gap:6px;margin-top:18px;padding:14px;border:1px solid #526b38;background:#172116;border-radius:7px;color:#cde6a9;font-size:12px}.success-state strong{color:var(--lime);font-size:17px}.how-card{padding:22px;margin-top:18px}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:18px}.how-grid div{display:grid;grid-gap:6px;gap:6px}.how-grid span{font:11px DM Mono;color:var(--lime)}.how-grid strong{font-size:13px}.how-grid small{color:var(--muted);font-size:11px;line-height:1.35}.side-column{display:grid;grid-gap:18px;gap:18px}.info-card{padding:20px}.contract-row{display:grid;grid-template-columns:9px 1fr auto;grid-gap:10px;gap:10px;align-items:center;border-top:1px solid var(--line);padding:15px 0 0;margin-top:14px}.contract-row div{min-width:0}.contract-row small,.contract-row strong{display:block}.contract-row strong{font-size:12px}.contract-row small{color:var(--muted);font:10px DM Mono;margin-top:5px;white-space:nowrap}.contract-row>a{color:var(--lime);font-size:16px}.contract-dot{width:8px;height:8px;border-radius:50%;background:var(--lime)}.bsc-dot{background:#f3b94e}.source-dot{background:#91b5ff}.copy{padding:0;border:0;color:var(--lime);font:10px DM Mono}.security-card p{color:#c4d0c8;font-size:12px;margin:13px 0 0}.history-item{display:grid;grid-gap:5px;gap:5px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:12px}.history-item span,.muted{color:var(--muted);font-size:11px}.history-item a{font:10px DM Mono}.security-card p:first-letter{color:var(--lime)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:32px;padding-top:18px;color:var(--muted);font:10px DM Mono}@media(max-width:900px){main{padding:18px 22px}.hero{display:block;padding:38px 0 28px}.trust-strip{margin-top:24px;max-width:430px}.dashboard{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.history-card{grid-column:1/-1}}@media(max-width:620px){main{padding:14px 14px 24px}header{gap:12px}.route-label{display:none}.header-actions{gap:7px}.network-state{display:none}.connect{padding:9px 10px;font-size:12px}h1{font-size:39px}.hero{padding:32px 0 24px}.trust-strip{grid-template-columns:1fr 1fr;font-size:10px;white-space:normal}.bridge-card{padding:17px}.bridge-row{grid-template-columns:1fr;gap:8px}.direction{transform:rotate(0);height:12px}.receive-amount{margin:25px 0 17px}.how-grid{grid-template-columns:1fr 1fr}.side-column{grid-template-columns:1fr}.history-card{grid-column:auto}.active-details,footer{display:grid;grid-gap:8px;gap:8px}.text-button{margin-left:0;width:max-content}}html{font-size:18px}body{line-height:1.6}body,header{font-size:1rem}.brand{font-size:1.3rem}.network-state,.route-label{font-size:.95rem}button,input{font-size:1rem}.connect,.primary{font-size:1rem;font-weight:700}.eyebrow,.panel-label,.section-kicker{font-size:.82rem;letter-spacing:.1em}.hero h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:1.02}.hero .lead,.lead{font-size:1.2rem;line-height:1.7}.trust-strip{font-size:1rem}h2{font-size:2rem}h3{font-size:1.35rem}.bridge-card,.how-card,.info-card{font-size:1rem}.chain-name,.token-name{font-size:1.15rem}.balance-line{font-size:1rem}.amount-field input{font-size:1.65rem}.receive-amount{font-size:1.8rem}.fee-line,.review{font-size:1rem}.review b{font-size:1.05rem}.acknowledgement{font-size:.98rem;line-height:1.55}.status-pill{font-size:.88rem}.contract-row strong,.disabled-action,.error-message{font-size:1rem}.contract-row small,.copy,.history-item a,.history-item span,.muted,.security-card p{font-size:.92rem}.how-grid strong{font-size:1.05rem}.how-grid small{font-size:.9rem;line-height:1.5}.progress-step strong{font-size:1.05rem}.progress-step small{font-size:.92rem}footer{font-size:.95rem}.confirmation-step-content{width:100%}.confirmation-bar{width:100%;height:10px;margin-top:12px;overflow:hidden;border-radius:999px;background:hsla(0,0%,100%,.08)}.confirmation-bar-fill{height:100%;border-radius:inherit;background:currentColor;transition:width .6s ease}.confirmation-meta{display:flex;justify-content:space-between;gap:16px;margin-top:8px;font-size:.88rem;opacity:.8}.migration-time-note{margin-top:18px;padding:16px 18px;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;background:hsla(0,0%,100%,.035)}.migration-time-note strong{display:block;margin-bottom:5px;font-size:1rem}.migration-time-note span{font-size:.92rem;line-height:1.55;opacity:.8}@media (max-width:768px){html{font-size:17px}.hero h1{font-size:clamp(2.35rem,12vw,3.5rem)}.hero .lead,.lead{font-size:1.08rem}.confirmation-meta{flex-direction:column;gap:2px}.amount-field input{font-size:1.4rem}}