@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
[hidden]{display:none!important}
:root{--orange:#ff6030;--orange2:#ff7c42;--ink:#101827;--muted:#69707c;--line:#edf0f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafb;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}header{height:75px;display:flex;align-items:center;padding:0 27px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:12px}.brand img{width:39px;height:39px;object-fit:contain}.brand b{font-size:25px;color:#bd3514}header nav{display:flex;gap:40px;margin:auto;font-size:16px;color:#30333a}header nav .active{position:relative}header nav .active:after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:3px;background:var(--orange);border-radius:3px}.wallet-top{border:0;border-radius:15px;padding:13px 24px;color:#fff;background:linear-gradient(135deg,var(--orange2),#ff4d20);font-weight:750;box-shadow:0 10px 25px #ff633f70}.hamburger{display:none;border:0;background:none;font-size:27px}.exchange-intro{text-align:center;padding:47px 20px 51px}.exchange-intro h1{margin:0 0 13px;font-size:44px;letter-spacing:-1px}.exchange-intro p{margin:0;color:#646b75;font-size:18px}.exchange-layout{width:1220px;max-width:calc(100% - 48px);margin:0 auto;display:grid;grid-template-columns:385px 1fr;gap:30px}.swap-box,.steps-box{background:#fff;border:1px solid #eef0f2;border-radius:20px;box-shadow:0 9px 30px #14213d0d}.swap-box{padding:31px}.box-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.box-title h2,.steps-box h2{margin:0;font-size:29px}.box-title button{width:42px;height:42px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--orange2),#ff5528);color:#fff;font-size:21px}.token-field{display:block;padding:20px;background:#f6f7f9;border:1px solid #f0f1f3;border-radius:16px;color:#747985;font-size:12px;font-weight:700;letter-spacing:.05em}.token-field>span{float:left}.token-field>small{float:right;font-size:13px;font-weight:400;letter-spacing:0}.token-field>div{clear:both;display:flex;align-items:center;justify-content:space-between;padding-top:13px}.token-field input{width:58%;border:0;outline:0;background:none;font-size:28px;font-weight:700;color:#111827}.token-field select{min-width:100px;padding:11px 14px;border:2px solid #e3e5e8;border-radius:15px;background:#fff;color:#161b25;font-weight:700}.pair-switch{display:block;width:38px;height:38px;margin:3px auto;border:5px solid #fff;border-radius:50%;background:#f7f8fa;color:#656b75}.swap-wallet{width:100%;height:55px;margin-top:20px;border:0;border-radius:15px;background:linear-gradient(135deg,#ffb99f,#ff9f83);color:#fff;font-size:17px;font-weight:750;box-shadow:0 8px 22px #ff8d6760}.demo-label{text-align:center;color:#a2a5ab;font-size:10px}.steps-box{padding:43px 40px}.steps-sub{margin:8px 0 30px;color:#6d737c;font-size:17px}.step{display:grid;grid-template-columns:50px 1fr;gap:18px;margin:0 0 29px}.step>b{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--orange2),#ff5127);color:#fff;font-size:18px;box-shadow:0 8px 20px #ff613f70}.step h3{margin:5px 0 7px;font-size:19px}.step h3 span{font-size:17px}.step p{margin:0;color:#69707b;font-size:16px;line-height:1.55}
.stats{width:880px;max-width:calc(100% - 48px);margin:60px auto;display:grid;grid-template-columns:repeat(3,1fr);padding:28px;background:linear-gradient(135deg,#ff7b42,#ff5228);border-radius:18px;color:#fff;box-shadow:0 12px 35px #ff623e4a}.stats>div{display:flex;flex-direction:column;align-items:center;gap:5px;border-right:1px solid #ffffff50}.stats>div:last-child{border:0}.stats b{font-size:29px}.stats span{font-size:14px}footer{padding:60px 30px 25px;background:#fff;border-top:1px solid #eceff2}.footer-grid{width:1180px;max-width:100%;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-grid p{max-width:335px;color:#707782;line-height:1.6}.footer-grid h4{margin:3px 0 9px}.footer-grid>div:not(:first-child) a{color:#6d737d}.copyright{width:1180px;max-width:100%;margin:42px auto 0;padding-top:22px;border-top:1px solid #eceff2;display:flex;justify-content:space-between;color:#8b9099;font-size:13px}.copyright b{color:#c83b18}.overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:#101827b8;backdrop-filter:blur(7px)}.wallet-modal{position:relative;width:min(390px,calc(100% - 32px));padding:27px;border-radius:20px;background:#fff;box-shadow:0 25px 80px #0004}.wallet-modal .close{position:absolute;right:20px;top:18px;border:0;background:none;font-size:25px}.wallet-modal small{color:var(--orange);font-weight:800}.wallet-modal h2{margin:8px 0}.wallet-modal p{color:#6b717b}.wallet-modal>button:not(.close){width:100%;display:flex;justify-content:space-between;margin-top:10px;padding:15px;border:1px solid #e5e7ea;border-radius:13px;background:#fafafa}.wallet-modal>button span{color:#999}
@media(max-width:800px){header{height:70px;padding:0 18px}header .brand b{display:none}header nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;padding:22px;background:#fff;flex-direction:column;gap:22px;box-shadow:0 12px 25px #0002}header nav.open{display:flex}header nav .active:after{display:none}.wallet-top{margin-left:auto;padding:12px 17px}.hamburger{display:block;margin-left:10px}.exchange-intro{padding:42px 18px 34px}.exchange-intro h1{font-size:35px}.exchange-intro p{font-size:16px}.exchange-layout{max-width:calc(100% - 28px);grid-template-columns:1fr}.swap-box{padding:22px}.steps-box{padding:28px 22px}.steps-box h2{font-size:27px}.step{grid-template-columns:45px 1fr;gap:13px}.step>b{width:43px;height:43px}.step p br{display:none}.stats{max-width:calc(100% - 28px);grid-template-columns:1fr;margin:35px auto;padding:18px}.stats>div{padding:14px;border-right:0;border-bottom:1px solid #ffffff50}.stats>div:last-child{border:0}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column;gap:5px}.token-field input{font-size:25px}}
body{font-family:'Poppins',Arial,sans-serif;background:radial-gradient(circle at 52% 19%,#fff 0,#fbfcfd 34%,#f7f9fa 76%);min-height:100vh}header{box-shadow:0 1px 0 #edf0f2}.brand img{filter:drop-shadow(0 2px 3px #8d5d3225)}.brand b{font-weight:800;letter-spacing:-.6px}.wallet-top,.box-title button,.step>b{transition:transform .2s ease,box-shadow .2s ease}.wallet-top:hover,.box-title button:hover,.step:hover>b{transform:translateY(-2px);box-shadow:0 13px 28px #ff633f80}.exchange-intro{position:relative}.exchange-intro:before{content:"";position:absolute;left:50%;top:8px;width:420px;height:170px;transform:translateX(-50%);background:radial-gradient(ellipse,#ff7b4211,transparent 68%);pointer-events:none}.exchange-intro h1,.exchange-intro p{position:relative}.exchange-intro h1{font-weight:800}.swap-box,.steps-box{border-color:#f1f2f4;box-shadow:0 16px 45px #2431440d;transition:transform .25s ease,box-shadow .25s ease}.swap-box:hover,.steps-box:hover{transform:translateY(-2px);box-shadow:0 20px 50px #24314416}.token-field{transition:border-color .2s ease,background .2s ease}.token-field:focus-within{border-color:#ff9c7d;background:#fff}.token-field select:hover{border-color:#ffc0ad}.pair-switch{transition:transform .25s ease,color .2s ease}.pair-switch:hover{transform:rotate(180deg);color:var(--orange)}.swap-wallet:hover{background:linear-gradient(135deg,#ff9c78,#ff7957)}.demo-label{display:none}.steps-box{background:linear-gradient(145deg,#fff,#fffdfc)}.step{position:relative}.step:not(:last-child):after{content:"";position:absolute;left:23px;top:53px;width:2px;height:25px;background:linear-gradient(#ffb099,#f2f3f5)}.stats{overflow:hidden;position:relative}.stats:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff12,transparent 45%,#ffffff18);pointer-events:none}.footer-grid a{transition:color .2s ease,transform .2s ease}.footer-grid a:hover{color:var(--orange)!important;transform:translateX(3px)}@media(max-width:800px){body{background:#f9fafb}.exchange-layout{gap:18px}.swap-box,.steps-box{border-radius:18px}.steps-box{margin-bottom:10px}.exchange-intro:before{width:100%}}
/* First-page dark palette */
:root{--ink:#f5f5f7;--muted:#9a9aa3;--line:#292a32}body{color:var(--ink);background:radial-gradient(ellipse at 50% 8%,#4b164d 0,#17101f 19%,#080a18 48%,#070818 100%);background-attachment:fixed}header{background:#101113e8;border-color:#26272c;box-shadow:0 1px 0 #222329;backdrop-filter:blur(18px)}header nav{color:#a4a4aa}header nav a:hover{color:#fff}.brand b{color:#f0f0f2}.wallet-top{color:#ff8a00;background:#302000;box-shadow:none}.wallet-top:hover{box-shadow:0 0 28px #ff8a0040}.hamburger{color:#eee}.exchange-intro:before{width:680px;height:240px;background:radial-gradient(ellipse,#d329bd30,transparent 68%)}.exchange-intro h1{color:transparent;background:linear-gradient(95deg,#ffd1ca,#f778d7);background-clip:text}.exchange-intro p{color:#aaaab2}.swap-box,.steps-box{background:linear-gradient(145deg,#15161c,#101116);border-color:#2a2b32;box-shadow:0 20px 55px #0007}.swap-box:hover,.steps-box:hover{box-shadow:0 24px 65px #0009}.box-title button,.step>b{background:linear-gradient(135deg,#ff9a18,#e76800);box-shadow:0 8px 20px #ff7d1540}.token-field{background:#18191f;border-color:#25262d;color:#8e8f98}.token-field:focus-within{background:#1b1c23;border-color:#b85e12}.token-field input{color:#f5f5f7}.token-field input::placeholder{color:#5f6068}.token-field select{color:#f0f0f3;background:#101116;border-color:#303139}.token-field select:hover{border-color:#a55b19}.pair-switch{border-color:#111217;background:#1d1e24;color:#92939c}.swap-wallet{color:#ff9308;background:#26180d;box-shadow:inset 0 0 0 1px #3b250f}.swap-wallet:hover{background:#33200e}.steps-box{background:linear-gradient(145deg,#15161c,#101116)}.steps-sub,.step p{color:#9899a2}.step:not(:last-child):after{background:linear-gradient(#b66a29,#2b2c33)}.stats{background:linear-gradient(105deg,#3f64ff,#9c3af0);box-shadow:0 15px 45px #6637d34a}footer{background:#070719;border-color:#252536}.footer-grid p,.footer-grid>div:not(:first-child) a,.copyright{color:#777783}.footer-grid h4{color:#f0f0f3}.copyright{border-color:#232334}.copyright b{color:#e18125}.overlay{background:#03040bd4}.wallet-modal{color:#f4f4f7;background:#15161c;border:1px solid #2c2d35;box-shadow:0 25px 80px #000b}.wallet-modal p{color:#999aa3}.wallet-modal>button:not(.close){color:#eee;background:#1b1c22;border-color:#303139}.wallet-modal .close{color:#fff}@media(max-width:800px){body{background:radial-gradient(ellipse at 50% 5%,#401642,#0a0b18 34%,#070818)}header nav{background:#111216;box-shadow:0 14px 35px #0008}.exchange-layout{background:transparent}}

/* Small image inside the Swap title button */
.box-title .swap-pair{width:42px;height:42px;display:grid;place-items:center;padding:8px;overflow:hidden;border:0;border-radius:13px;background:linear-gradient(135deg,#ff9a18,#e76800)}
.box-title .swap-pair img{width:22px;height:22px;display:block;object-fit:contain;object-position:center;pointer-events:none}
@media(max-width:800px){.box-title .swap-pair{width:38px;height:38px;padding:7px}.box-title .swap-pair img{width:20px;height:20px}}