:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0b0b0f;--surface:#141419;--surface-elevated:#1a1a22;--line:#2a2a35;--line-strong:#3a3a49;--text:#f5f5f7;--muted:#a1a1b2;--brand:#facc15;--brand-strong:#eab308;--brand-soft:#facc1524;--success:#22c55e;--warn:#eab308;--danger:#f87171;font-family:Inter,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at top right, #facc151f, transparent 28rem), var(--bg);margin:0}h1,h2,p{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.app-shell{min-height:100vh}.navbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b0feb;position:sticky;top:0}.navbar-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(1152px,100% - 32px);margin:0 auto;padding:16px 0;display:grid}.brand{align-items:center;gap:12px;display:flex}.brand-mark{width:40px;height:40px;color:var(--text);background:#101014;border:1px solid #2f2f3c;border-radius:12px;place-items:center;font-size:13px;font-weight:800;display:grid}.brand-title{font-size:16px;font-weight:800}.brand-subtitle{color:var(--muted);margin-top:2px;font-size:12px}.nav-links{justify-content:center;gap:16px;display:flex}.nav-links a{color:#c7c7d2;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.wallet-button,.network-button,.secondary-button,.hero-actions a,.primary-action{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.wallet-button:hover,.secondary-button:hover,.hero-actions a:hover,.primary-action:hover{transform:translateY(-1px)}.wallet-button{border-color:var(--line);background:var(--surface);color:var(--text);padding:10px 14px;font-weight:600}.network-button{color:#fde68a;background:#facc1524;border-color:#574500;padding:10px 14px;font-weight:700}.navbar-actions{align-items:center;gap:8px;display:inline-flex}.page{gap:16px;width:min(1152px,100% - 32px);margin:0 auto;padding:24px 0 32px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #03071259}.section{padding:24px}.section-header{grid-template-columns:1fr auto;align-items:flex-start;gap:16px;display:grid}h1{letter-spacing:-.03em;font-size:clamp(40px,6vw,64px);line-height:.98}.section-header p{max-width:760px;color:var(--muted);margin-top:16px;font-size:16px;line-height:1.6}.chain-warning{color:#fde68a;background:#facc1514;border:1px solid #eab3085c;border-radius:12px;max-width:760px;margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.55}.chain-warning strong{color:#fef3c7}.network-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.network-tags span{border:1px solid var(--line);color:#dddde6;background:#141419d6;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.section-content{grid-template-columns:1.05fr .95fr;gap:16px;margin-top:24px;display:grid}.overview-left{align-content:flex-start;gap:16px;display:grid}.eyebrow{border:1px solid var(--line);background:var(--brand-soft);color:#fef3c7;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:8px;display:flex}.secondary-button,.hero-actions a{border-color:var(--line);background:var(--surface-elevated);color:#e4e4ec;padding:10px 14px;font-size:14px;font-weight:600}.status-panel{gap:12px;display:grid}.status{border:1px solid var(--line);background:#101014;border-radius:12px;gap:8px;min-height:112px;padding:16px;display:grid}.status strong{font-size:18px}.status span{color:var(--muted);line-height:1.45}.status--neutral{border-color:var(--line-strong)}.status--ok{border-color:#22c55e80}.status--wait{border-color:#eab30880}.status--error{border-color:#f8717180}.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.balance-card{border:1px solid var(--line);background:var(--surface-elevated);border-radius:12px;gap:8px;padding:16px;display:grid}.balance-card svg{color:var(--brand)}.balance-card span,.balance-card small{color:var(--muted)}.balance-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:22px;overflow:hidden}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.bridge-card,.panel{padding:24px}.card-heading{align-items:flex-start;gap:12px;display:flex}.card-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:12px;flex:none;place-items:center;display:grid}.bridge-card h2,.panel h2,.section h2{letter-spacing:-.02em;font-size:24px}.bridge-card p{color:var(--muted);margin-top:8px;line-height:1.55}.bridge-card label{color:#d0d0db;gap:8px;margin-top:16px;font-size:14px;font-weight:600;display:grid}.amount-input{border:1px solid var(--line);background:#101014;border-radius:12px;grid-template-columns:1fr auto;display:grid;overflow:hidden}.amount-input input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:12px 16px;font-size:24px;font-weight:700}.amount-input span{border-left:1px solid var(--line);min-width:72px;color:var(--muted);place-items:center;font-weight:700;display:grid}.primary-action{border-color:var(--brand);background:var(--brand);color:#1f1a00;width:100%;margin-top:16px;padding:12px 16px;font-weight:700}.primary-action:hover{border-color:var(--brand-strong);background:var(--brand-strong);color:#1f1a00}.tx-list{gap:8px;margin-top:16px;display:grid}.tx-row{border:1px solid var(--line);color:inherit;background:var(--surface-elevated);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.tx-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}.tx-row div{gap:4px;display:grid}.tx-row span{border:1px solid var(--line-strong);color:#fde68a;background:#facc1524;border-radius:999px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:700}.tx-row strong,.contract-line strong{font-family:SFMono-Regular,Consolas,monospace}.tx-row small,.empty-state{color:var(--muted)}.empty-state{border:1px dashed var(--line-strong);text-align:center;border-radius:12px;place-items:center;min-height:144px;margin-top:16px;padding:16px;display:grid}.step{border:1px solid var(--line);background:var(--surface-elevated);border-radius:12px;align-items:flex-start;gap:10px;margin-top:8px;padding:12px;display:flex}.step-dot{color:#8f8fa3}.step.active .step-dot{color:var(--brand)}.step div{gap:4px;display:grid}.step span{color:var(--muted);line-height:1.4}.contract-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.contract-line{border:1px solid var(--line);background:var(--surface-elevated);color:inherit;text-align:left;border-radius:12px;grid-template-columns:1fr auto;gap:8px;min-width:0;padding:12px;transition:border-color .2s,transform .2s;display:grid}.contract-line:hover{border-color:var(--line-strong);transform:translateY(-1px)}.contract-line span{color:var(--muted);text-transform:uppercase;grid-column:1/-1;font-size:11px;font-weight:700}.contract-line strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.contract-line svg{color:var(--brand)}.footer{border-top:1px solid var(--line);background:#0b0b0feb}.footer-inner{width:min(1152px,100% - 32px);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 auto;padding:16px 0;font-size:13px;display:flex}.footer-inner a{color:#fde68a;font-weight:600;text-decoration:none}@media (width<=980px){.section-content,.grid-two,.contract-strip,.balance-grid{grid-template-columns:1fr}.navbar-inner{grid-template-columns:auto 1fr}.navbar-actions{grid-column:1/-1;width:fit-content}}@media (width<=760px){.navbar-inner,.page,.footer-inner{width:min(1152px,100% - 16px)}.section,.bridge-card,.panel{padding:16px}.section-header{grid-template-columns:1fr}.network-tags{justify-content:flex-start}.nav-links{justify-content:flex-end;gap:12px}.hero-actions{grid-template-columns:1fr;display:grid}.secondary-button,.hero-actions a{width:100%}}