:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0d10;color:#eaecef;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:32px;padding:20px 5vw;border-bottom:1px solid #30353e}.brand{font-size:23px;font-weight:650;display:flex;align-items:center;gap:12px;text-decoration:none;color:#f0b90b}nav{display:flex;gap:24px;flex:1}a{color:#f0b90b}nav a{color:#a8b0bd;text-decoration:none;font-size:14px}nav a[aria-current]{color:#f0b90b}main{max-width:1160px;display:grid;grid-template-columns:1fr 470px;gap:36px 64px;padding:64px 28px;margin:auto}.eyebrow{color:#f0b90b;letter-spacing:.1em;font-size:12px}h1{font-size:clamp(34px,4vw,48px);line-height:1.35;font-weight:600;margin:24px 0}p{color:#a8b0bd;font-size:15px;line-height:1.9}.intro p{max-width:450px}.notes{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.notes span{border:1px solid #3d4149;padding:7px 12px;font-size:12px;border-radius:4px}.card{grid-column:2;grid-row:1 / span 2;background:#181b21;border:1px solid #343b46;border-radius:10px;padding:28px;align-self:start}.tabs{display:flex;gap:10px;margin-bottom:24px}.tabs button{flex:1;background:#252a33;color:#a8b0bd}.tabs button[aria-pressed=true]{background:#f0b90b;color:#111318}label{font-size:14px;display:block;margin-bottom:10px}input,select{font:inherit;border:1px solid #454d5a;border-radius:5px;padding:14px;background:#101319;color:#eaecef;width:100%;margin-bottom:6px}input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #f0b90b;outline-offset:3px}#amount{font-size:26px}.hint{font-size:12px;line-height:1.7;margin:6px 0 20px}.slippage{display:flex;align-items:center;justify-content:space-between;margin:18px 0;gap:20px}.slippage label{margin:0}.slippage select{width:100px;font-size:13px;padding:8px;margin:0}button{border:0;border-radius:5px;background:#f0b90b;color:#111318;font-size:14px;font-weight:650;padding:12px 18px;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}#quote,#submit{width:100%}#quote{background:transparent;border:1px solid #716127;color:#f0b90b}.quote{margin:24px 0;border-top:1px solid #343b46;border-bottom:1px solid #343b46;padding:14px 0}.quote div{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin:12px 0}dt{color:#a8b0bd}dd{margin:0;text-align:right;overflow-wrap:anywhere}.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;margin:20px 0}.consent input{width:18px;height:18px;margin:2px 0;flex-shrink:0;accent-color:#f0b90b}#status,#relayAddress,#feeAddress,#recoveryStatus{overflow-wrap:anywhere}.details h2{font-size:20px}.details h3{font-size:13px;color:#a8b0bd;margin:24px 0 6px}.details p{font-size:13px;margin:8px 0}footer{padding:24px;text-align:center;border-top:1px solid #30353e;color:#8892a2;font-size:12px}details{margin-top:24px;border-top:1px solid #343b46;padding-top:16px}summary{font-size:13px;cursor:pointer}@media(max-width:900px){header{gap:16px;flex-wrap:wrap;padding:18px 24px}nav{order:3;flex-basis:100%}header>button{margin-left:auto}main{grid-template-columns:1fr;max-width:620px;padding:36px 24px;gap:24px}.card{grid-column:auto;grid-row:auto}.details{grid-row:3}h1 br{display:none}.intro p{max-width:none}.card{padding:22px}.quote div{font-size:12px}}