:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#1b1d1b;--surface:#07150e;--surface-raised:#10221a;--surface-light:#183629;--border:#30b26657;--line:#a1d3b22b;--text:#f2f6f2;--muted:#9ca9a1;--green:#2fcb71;--green-bright:#55ed8c}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--text);background-color:#0a100c;background-image:linear-gradient(#000000c9,#000000e0),url(/images/hero-background.webp);background-position:50%,top;background-size:cover;background-attachment:fixed;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green-bright);outline-offset:2px}.app-shell{min-height:100vh}.app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#0e120fb8;border-bottom:1px solid #ffffff0a;align-items:center;gap:18px;height:80px;padding:0 16px;display:flex;position:relative}.app-logo{flex:0 0 150px;width:150px}.app-logo img{object-fit:contain;width:150px;height:auto}.app-nav{align-items:center;gap:4px;display:flex}.app-nav a{color:#c7d0c9;white-space:nowrap;border-radius:12px;padding:10px 13px;font-size:18px;transition:background .18s,color .18s}.app-nav a:hover,.app-nav a.active{color:#fff;background:#2ab85f29}.app-nav a.active{font-weight:700}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.network-picker{position:relative}.network-button,.icon-button,.ghost-button{color:var(--text);border:1px solid var(--border);background:#0b1f13b8;border-radius:11px}.network-button{white-space:nowrap;align-items:center;gap:9px;height:38px;padding:0 12px;font-weight:700;display:flex}.network-icon,.token-avatar{background:#11241a;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.network-icon img,.token-avatar img{object-fit:cover;width:100%;height:100%;display:block}.network-icon{border:1px solid #fff3}.chevron{border-bottom:1.7px solid;border-right:1.7px solid;width:7px;height:7px;margin-left:3px;display:inline-block;transform:rotate(45deg)translateY(-2px)}.network-menu{border:1px solid var(--border);background:#101b14;border-radius:14px;width:230px;max-height:min(65vh,470px);padding:8px;position:absolute;top:46px;right:0;overflow:auto;box-shadow:0 18px 36px #000a}.network-menu a{border-radius:9px;align-items:center;gap:12px;padding:10px 12px;display:flex}.network-menu a:hover,.network-menu a.selected{background:#1c3b28}.connect-button{color:#d3f9db;background:linear-gradient(105deg,#0c4b2d,#14643b);border:1px solid #2da65c;border-radius:9px;min-width:166px;height:38px;padding:0 14px;font-weight:700}.connect-button:hover{filter:brightness(1.18)}.menu-toggle{border:1px solid var(--border);color:#fff;background:#10251a;border-radius:9px;width:38px;height:38px;font-size:23px;display:none}.app-main{width:100%;max-width:1120px;margin:0 auto;padding:120px 20px 80px}.app-main.narrow{max-width:520px}.app-main.medium{max-width:680px}.app-main.swap-main{padding-top:136px}.eyebrow{color:var(--green-bright);letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:800}.page-heading{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(32px,4vw,44px);font-weight:700}.page-intro{margin-bottom:24px}.glass-card{border:1px solid var(--border);background:radial-gradient(circle at 48% 18%,#116436f5,#03170cfa 64%,#030d08);border-radius:14px;box-shadow:0 0 23px #15b74a42,0 15px 40px #0005}.panel{border:1px solid var(--border);background:#04140be6;border-radius:16px}.panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-header h1,.panel-header h2{margin:0}.panel-header h1{font-size:27px;font-weight:500}.panel-header h2{font-size:22px}.panel-content{padding:20px}.primary-button,.outline-button,.text-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:filter .15s,transform .15s;display:inline-flex}.primary-button{color:#0b2815;background:linear-gradient(105deg,#25bd64,#55e18a);border:1px solid #4ad777;min-height:43px;padding:10px 16px}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.outline-button{color:#d5f9dc;border:1px solid var(--green);background:#041e0eb3;min-height:39px;padding:9px 13px}.outline-button:hover{background:#184b29}.text-button{color:var(--green-bright);background:0 0;border:0;padding:8px 4px}.table-wrap{border:1px solid var(--border);background:#03110ae0;border-radius:15px;overflow-x:auto}.market-table{border-collapse:collapse;width:100%;min-width:720px}.market-table th{color:#8d9c91;letter-spacing:.08em;text-transform:uppercase;text-align:right;border-bottom:1px solid var(--line);padding:16px 18px;font-size:11px;font-weight:700}.market-table th:first-child,.market-table td:first-child{text-align:left}.market-table td{text-align:right;border-bottom:1px solid #ffffff0e;padding:16px 18px;font-size:14px}.market-table tbody tr:last-child td{border-bottom:0}.market-table tbody tr:hover{background:#2ba14c1c}.market-table td strong{color:#f5f8f5}.muted{color:var(--muted)}.positive{color:#5fe28d}.negative{color:#ed8b8b}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.stat-card{border:1px solid var(--border);background:#05170cc7;border-radius:13px;padding:17px 19px}.stat-card span{color:#95a69a;margin-bottom:9px;font-size:12px;display:block}.stat-card strong{letter-spacing:-.02em;font-size:24px}.token-stack{align-items:center;display:flex}.token-stack>:not(:first-child){border:2px solid #092014;margin-left:-8px}.pair-label{text-align:left;align-items:center;gap:11px;display:flex}.pair-label strong{display:block}.pair-label small{color:var(--muted);margin-top:3px;display:block}.section-row{justify-content:space-between;align-items:center;gap:12px;margin:30px 0 14px;display:flex}.section-row h2{margin:0;font-size:22px}.pill{border:1px solid var(--border);color:#c7e6ce;background:#10291a;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;display:inline-flex}.form-label{color:#a7b8aa;margin:0 0 8px;font-size:12px;font-weight:700;display:block}.form-field{border:1px solid var(--border);color:#fff;background:#0b1e12;border-radius:9px;outline:none;width:100%;min-height:46px;padding:10px 13px}.form-field:focus{border-color:var(--green)}.bridge-network-field{align-items:center;gap:9px;display:flex}.bridge-network-select{position:relative}.bridge-network-trigger{text-align:left;cursor:pointer;align-items:center;gap:9px;display:flex}.bridge-network-trigger .chevron{margin-left:auto}.bridge-network-menu{z-index:5;border:1px solid var(--border);background:#101b14;border-radius:10px;max-height:290px;padding:6px;position:absolute;top:51px;left:0;right:0;overflow-y:auto;box-shadow:0 18px 36px #000a}.bridge-network-menu button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:9px;display:flex}.bridge-network-menu button:hover,.bridge-network-menu button.selected{background:#1c3b28}.empty-explainer{color:#b6c7ba;background:#041308a6;border:1px solid #94c89d33;border-radius:10px;padding:14px 16px;line-height:1.55}.bridge-action{width:100%;margin-top:18px}@media (max-width:1040px){.app-nav a{padding:9px;font-size:15px}.app-logo,.app-logo img{width:130px}.app-logo{flex-basis:130px}.app-header{gap:10px}}@media (max-width:820px){.app-header{height:66px}.app-logo,.app-logo img{width:130px}.app-nav{border:1px solid var(--border);background:#0d2115;border-radius:12px;flex-direction:column;align-items:stretch;padding:9px;display:none;position:absolute;top:67px;left:12px;right:12px;box-shadow:0 14px 25px #0008}.app-nav.open{display:flex}.app-nav a{font-size:16px}.menu-toggle{display:block}.app-main,.app-main.swap-main{padding-top:80px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.app-logo{flex:0 0 108px}.app-logo,.app-logo img{width:108px}.app-header{gap:8px;padding:0 10px}.header-actions{gap:5px}.network-button{max-width:95px;padding:0 8px;font-size:11px;overflow:hidden}.network-icon{flex:none}.connect-button{width:78px;min-width:0;padding:0 5px;font-size:10px}.menu-toggle{width:31px;height:38px}.app-main,.app-main.swap-main{padding:65px 12px 55px}.stats-grid{gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:19px}.page-heading{font-size:33px}}