.bridge-page{--paper:#101c17;--ink:#eef3e8;--muted:#b7c5b6;--line:#35493a;--green:#c1dd8c;background:var(--paper);color:var(--ink)}
.bridge-page header{padding-block:24px}.bridge-page nav a[aria-current=page]{color:var(--green)}.bridge-page .brand-dot{color:var(--green)}.bridge-page .language-switch a[aria-current=page]{background:var(--green);color:#172e25;border-color:var(--green)}
.bridge-main{padding:0 56px 70px}.bridge-test-banner{display:flex;align-items:center;gap:16px;background:#332d1d;border:1px solid #756244;color:#f4d9a3;padding:14px 20px;margin:30px 0;font-size:13px;line-height:1.6}.bridge-test-banner strong{font:11px/1.6 monospace;letter-spacing:1px;white-space:nowrap}.bridge-test-banner p{margin:0}
.bridge-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:58px;align-items:start;margin:48px 0 58px}.bridge-hero .eyebrow{color:var(--green);margin-bottom:20px}.bridge-hero h1{font-size:clamp(44px,5.3vw,72px);line-height:1.08}.bridge-hero h1 em{color:var(--green)}.bridge-intro{font-size:17px;color:var(--muted);max-width:540px}.bridge-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #506740;border-radius:100px;font:11px/1.6 monospace;color:var(--green);margin:10px 0 20px}.bridge-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.bridge-flow{display:flex;align-items:center;gap:15px;margin:25px 0}.bridge-chain{display:flex;align-items:center;gap:12px}.bridge-coin{width:43px;height:43px;display:grid;place-items:center;border:1px solid #8baf68;border-radius:50%;color:var(--green);font:25px Georgia}.bridge-chain strong,.bridge-chain small{display:block}.bridge-chain strong{font-size:15px}.bridge-chain small{font-size:11px;color:var(--muted);margin-top:5px}.bridge-arrow{color:#809374;padding:0 10px}.bridge-explainer{font-size:13px;color:var(--muted);max-width:500px}.bridge-explainer a{text-underline-offset:4px}
.bridge-panel{background:#1a2c21;border:1px solid #506143;padding:28px;box-shadow:0 12px 50px #0002}.bridge-panel h2{font-size:27px;letter-spacing:-.7px;margin:0 0 8px}.bridge-panel p{font-size:12px;color:var(--muted)}.bridge-status{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.bridge-status strong{font-size:13px;color:#ead3a7}.bridge-status p{margin:5px 0 0;line-height:1.6}.bridge-status[data-status=ready] strong{color:var(--green)}
.bridge-page button,.bridge-page input{font:inherit}.bridge-page button{cursor:pointer}.bridge-page button:disabled{cursor:not-allowed}.bridge-page button:focus-visible,.bridge-page input:focus-visible,.bridge-page summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.bridge-wallet{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0}.bridge-wallet p{margin:0}.bridge-wallet strong{font-size:12px}.bridge-wallet code{display:block;max-width:230px;overflow-wrap:anywhere;font-size:11px;color:var(--muted);margin-top:5px}.bridge-secondary{background:transparent;border:1px solid #7a9564;color:var(--green);padding:10px 13px;font-size:12px;line-height:1.4}.bridge-secondary:disabled{color:#91a286;border-color:#506143}
.bridge-directions{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#101f17}.bridge-directions legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bridge-direction{position:relative;margin:0;padding:13px 8px;text-align:center;cursor:pointer;font-size:13px;line-height:1.5;border:1px solid transparent}.bridge-direction input{position:absolute;opacity:0;width:1px;height:1px}.bridge-direction:has(input:checked){background:#c1dd8c;color:#172e25;font-weight:700}.bridge-direction:has(input:focus-visible){outline:3px solid #f4d9a3;outline-offset:3px}.bridge-direction small{display:block;font-size:10px;margin-top:2px;font-weight:400}
.bridge-field{margin:18px 0}.bridge-field>label{display:block;font-size:12px;margin-bottom:9px}.bridge-input{display:flex;align-items:center;gap:12px;background:#101f17;border:1px solid #596e4b;padding:0 14px}.bridge-input input{min-width:0;width:100%;background:transparent;border:0;color:var(--ink);padding:15px 0;outline-offset:2px}.bridge-input input#bridge-amount{font-size:25px;font-variant-numeric:tabular-nums}.bridge-input>span{font:12px monospace;color:var(--green)}.bridge-field p{margin:7px 0 0;line-height:1.6}.bridge-field .bridge-error{color:#f1c59f;min-height:1.6em}.bridge-input:has(input[aria-invalid=true]){border-color:#d49e70}
.bridge-quote{border-block:1px solid var(--line);padding:18px 0;margin:20px 0;display:grid;gap:12px}.bridge-quote>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.bridge-quote dt{font-size:12px;color:var(--muted)}.bridge-quote dd{margin:0;text-align:right;overflow-wrap:anywhere;font:13px/1.6 monospace}.bridge-quote>div:first-child dd{font-size:18px;color:var(--green)}.bridge-primary{width:100%;background:var(--green);color:#152d21;border:1px solid var(--green);padding:15px 18px;font-weight:700;font-size:14px}.bridge-primary:disabled{background:#32482d;border-color:#4a623e;color:#a7bb98}.bridge-action-reason{margin:10px 0 0;text-align:center}.bridge-result{border:1px solid #768c57;padding:18px;margin-top:20px}.bridge-result[hidden]{display:none}.bridge-result h3{margin:0 0 10px;font-size:16px}.bridge-result code{display:block;font-size:11px;overflow-wrap:anywhere;line-height:1.7}.bridge-result p{line-height:1.7}.bridge-result-actions{display:flex;gap:10px;flex-wrap:wrap}.bridge-page [hidden]{display:none!important}
.bridge-process{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.bridge-process summary{font-size:13px;color:var(--green)}.bridge-process ol{padding-left:20px;margin-bottom:0}.bridge-process li{font-size:12px;line-height:1.7;color:var(--muted);margin:9px 0}
.bridge-proof{border-block:1px solid var(--line);padding:28px 0}.bridge-proof-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.bridge-proof-heading h2{font-size:29px;letter-spacing:-.6px;margin:0}.bridge-proof-heading p{font:11px monospace;color:var(--muted)}.bridge-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.bridge-stat{border-left:2px solid #647a4d;padding-left:17px;min-width:0}.bridge-stat dt{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;line-height:1.7}.bridge-stat dd{margin:8px 0 0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.bridge-stat code{font-size:11px}.bridge-notes{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:48px 0 0}.bridge-notes h2{font-size:31px;letter-spacing:-.7px;margin:0 0 18px}.bridge-notes p{font-size:13px;color:var(--muted)}.bridge-notes strong{color:var(--ink)}.bridge-page footer{border-top:1px solid var(--line)}.bridge-page .skip{background:var(--green);color:#172e25}
@media(max-width:1000px){.bridge-main{padding-inline:24px}.bridge-hero{gap:30px}.bridge-panel{padding:22px}.bridge-wallet{align-items:flex-start;flex-wrap:wrap}.bridge-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bridge-notes{gap:35px}}
@media(max-width:700px){.bridge-hero{grid-template-columns:minmax(0,1fr);margin-top:30px;gap:30px}.bridge-hero h1,.bridge-page:lang(es) h1{font-size:48px}.bridge-intro{font-size:16px}.bridge-test-banner{align-items:flex-start;flex-direction:column;gap:6px;padding:14px}.bridge-panel{padding:19px}.bridge-notes{grid-template-columns:minmax(0,1fr);gap:30px}.bridge-proof-heading{display:block}.bridge-flow{gap:8px}.bridge-arrow{padding:0 4px}.bridge-chain{gap:8px}.bridge-coin{width:36px;height:36px}.bridge-chain strong{font-size:13px}.bridge-status-grid{gap:22px 16px}.bridge-quote dd{max-width:62%}.bridge-main{padding-bottom:45px}.bridge-direction{padding:12px 5px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.bridge-page *{scroll-behavior:auto}}
