:root{--bg:#03050a;--panel:#0d1119db;--panel-2:#0a0e16e0;--line:#ffffff14;--muted:#9399a7;--text:#f7f8fb;--blue:#1677ff;--blue-2:#00a3ff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.bg-shell{background:radial-gradient(circle at 75% 10%,#1677ff29,#0000 28rem),radial-gradient(circle at 15% 0,#00a3ff1f,#0000 24rem),linear-gradient(#040710 0%,#020309 100%);min-height:100vh;position:relative;overflow:hidden}.bg-shell:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.page{z-index:1;max-width:1240px;margin:0 auto;padding:34px 24px 80px;position:relative}.header{justify-content:space-between;align-items:center;margin-bottom:58px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:28px;font-weight:760;display:flex}.brand-mark{background:linear-gradient(135deg,#178bff,#0057ff);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 38px #0067ff73}.layout{grid-template-columns:280px minmax(560px,1fr) 280px;align-items:start;gap:34px;display:grid}.side-card,.bridge-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#12161fe0,#060910e6);border-radius:18px;box-shadow:0 24px 80px #00000073,inset 0 1px #ffffff0a}.side-card{min-height:170px;color:var(--muted);padding:28px}.side-card h2{color:#fff;letter-spacing:-.04em;margin:0 0 12px;font-size:28px;line-height:1.15}.side-card+.side-card{margin-top:22px}.launch-pill{color:#fff;background:#ffffff14;border:0;border-radius:99px;width:52px;height:34px;margin-top:28px}.bridge-card{padding:32px}.bridge-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:26px;display:flex}.bridge-head h1{letter-spacing:-.04em;margin:0;font-size:26px;line-height:1}.balance{color:#c8ccd6;font-weight:650}.chain-box{border:1px solid var(--line);background:#04070d94;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;min-height:116px;padding:18px 22px;display:flex;box-shadow:inset 0 0 0 1px #ffffff05}.label{color:#a3a8b5;margin-bottom:12px;font-weight:620}.chain-info{align-items:center;gap:16px;display:flex}.icon{color:#fff;background:#ffffff14;border-radius:50%;place-items:center;width:54px;height:54px;font-size:14px;font-weight:850;display:grid}.base-icon{background:#086dff;font-size:20px;font-weight:900;box-shadow:0 0 30px #086dff73}.chain-title{letter-spacing:-.03em;font-size:23px;font-weight:780}.chain-subtitle{color:#b4bac7;margin-top:4px;font-weight:560}.amount-wrap{text-align:right}.input-row{background:#161b26d1;border-radius:10px;align-items:center;gap:14px;padding:14px 18px;display:flex}.input-row input{color:#fff;text-align:right;background:0 0;border:0;outline:0;width:154px;font-size:26px;font-weight:720}.max{color:#18a8ff;background:#0000002e;border:0;border-radius:8px;padding:8px 13px;font-weight:850}.token{color:#d7d9df;font-size:24px;font-weight:640}.usd{color:#afb5c1;margin-top:8px;font-weight:620}.swap-wrap{place-items:center;height:66px;margin:-6px 0;display:grid}.swap-btn{color:#8eabff;cursor:pointer;background:#0d1426;border:1px solid #5571ff73;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 0 5px #060910f0}.swap-btn:hover{color:#fff;border-color:#7897ffb8}.receive{text-align:right}.receive-label{color:#bec3cf;font-weight:630}.receive-amount{color:#1677ff;letter-spacing:-.04em;margin-top:12px;font-size:34px;font-weight:840}.stats{border:1px solid var(--line);background:#04070d94;border-radius:12px;grid-template-columns:repeat(3,1fr);margin-top:26px;display:grid;overflow:hidden}.stat{border-right:1px solid var(--line);min-height:104px;padding:20px 24px}.stat:last-child{border-right:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.stat-label{color:#a7adba;margin-bottom:6px;font-weight:650}.stat-main{letter-spacing:-.03em;font-size:24px;font-weight:760}.gear{color:#00a3ff}.primary{color:#fff;letter-spacing:-.03em;cursor:pointer;background:linear-gradient(90deg,#076dff,#087aff);border:0;border-radius:10px;width:100%;min-height:68px;margin-top:24px;font-size:26px;font-weight:740;box-shadow:0 14px 42px #0066ff59}.primary:disabled{opacity:.65;cursor:not-allowed}.footer-note{color:#858b99;text-align:center;margin-top:18px;font-size:13px}@media (max-width:1060px){.layout{grid-template-columns:1fr}.left,.right{display:none}}@media (max-width:720px){.page{padding:24px 14px 60px}.bridge-card{padding:22px}.bridge-head,.chain-box{flex-direction:column;align-items:stretch}.amount-wrap,.receive{text-align:left}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.input-row input{text-align:left;width:100%}}