:root{--background-dark: #3f3222;--button-bg: #eeecdc;--text-light: #ffffff;--text-dark: #937f66;--card-bg: #5c4a34;--input-bg: #64523d;--gray-600-01: #937f66;--border-radius: 40px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--shadow-xs: 0 3px 7px 1px rgba(0, 0, 0, .1);--space-sm: 6px;--space-md: 10px;--space-lg: 16px;--space-xl: 20px}body{margin:0;font-family:Ubuntu,sans-serif;background-image:url(/assets/trade_background_pc-xloPsa3X.svg);background-size:cover;background-repeat:no-repeat;background-position:center -100px;color:var(--text-light);height:150vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--button-bg) var(--card-bg)}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--card-bg);border-radius:10px}body::-webkit-scrollbar-thumb{background:var(--button-bg);border-radius:10px;border:2px solid var(--card-bg)}body::-webkit-scrollbar-thumb:hover{background:var(--text-light)}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-thumb{background:var(--button-bg);border-radius:10px}@media (max-width: 1310px){body{margin:0;font-family:Ubuntu,sans-serif;background-image:url(/assets/trade_background_pc-xloPsa3X.svg);background-size:cover;background-repeat:repeat;background-position:center 600px;color:var(--text-light);height:150vh;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--button-bg) var(--card-bg)}}@media (max-width: 1620px){body{margin:0;font-family:Ubuntu,sans-serif;background-image:url(/assets/trade_background_pc-xloPsa3X.svg);background-size:cover;background-repeat:repeat;background-position:center 200px;color:var(--text-light);height:150vh;overflow-y:scroll;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--button-bg) var(--card-bg)}}@media (max-width: 768px){body{background-image:url(/assets/mobile_back_trade-BCLerFeF.svg);background-position:center;background-position-x:-50px;background-position-y:180px;background-repeat:repeat-y;height:150vh;overflow-x:hidden;width:100%}html{overflow-x:hidden}}.header{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-dark);padding:var(--space-lg) var(--space-xl);border-radius:var(--border-radius);max-width:1200px;margin:var(--space-lg) auto;box-shadow:0 3px 7px 1px #000}.header__top-row{position:relative;display:flex;align-items:center}.header__logo{position:relative;width:40px;height:auto;margin-right:50px}.header__menu{display:flex;gap:var(--space-xl);list-style:none;margin:0;padding:0}.header__menu-item{color:var(--gray-600-01);font-size:24px;font-weight:700;text-decoration:none;padding:var(--space-md) var(--space-lg);transition:color .3s ease}.header__menu-item:hover{color:var(--button-bg)}.header__bottom-row{display:flex;align-items:center;gap:var(--space-xl)}.header__dropdown{position:relative;display:flex;align-items:center;cursor:pointer}.header__dropdown-trigger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:transparent;color:var(--gray-600-01);border-radius:var(--radius-md)}.header__dropdown-menu{position:absolute;top:calc(100% + var(--space-sm));left:0;background-color:var(--card-bg);color:var(--text-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-sm) 0;list-style:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:10;width:220px}.header__dropdown:hover .header__dropdown-menu{opacity:1;visibility:visible}.header__dropdown-menu img{width:25px;height:auto;margin-right:var(--space-sm)}.header__dropdown-item{padding:var(--space-sm) var(--space-md);cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);font-size:17px;transition:background-color .3s ease}.header__dropdown-item:hover{background-color:var(--button-bg)}.header__dropdown-icon{width:25px;height:auto}.header__action-button{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);font-size:16px;font-weight:700;color:var(--background-dark);background-color:var(--button-bg);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color .3s ease}.header__action-button:hover{background-color:var(--input-bg);color:var(--text-light)}.header__dropdown_burger{position:relative;display:flex;justify-content:center;align-items:center;height:100%;margin-left:var(--space-sm)}.header__navigation{display:flex}.header__menu-button_hm{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;cursor:pointer;margin:10px}.header__menu-icon{width:100%;height:3px;background-color:var(--gray-600-01);border-radius:2px}.header__dropdown_burger.active .header__dropdown-menu_hm{display:block;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.header__dropdown-menu_hm{position:absolute;top:calc(100% + var(--space-sm));left:-150;transform:translate(80px);background-color:var(--card-bg);color:var(--text-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-sm) 0;list-style:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:10;width:220px}.header__dropdown:hover .header__dropdown-menu_hm{opacity:1;visibility:visible}.header__dropdown_burger.active .header__dropdown-menu_hm{display:block;opacity:1;visibility:visible}@media (max-width: 767px){.header{justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-xl);border-radius:var(--border-radius);width:90%;max-width:800px;margin:var(--space-lg) auto;box-shadow:0 3px 7px 1px #000}.header__menu-button_hm{display:flex}.header__dropdown_burger{position:relative}.header__logo{width:30px;height:auto;margin-right:0}.header__action-button{width:65px;font-size:8px}.thumbs-up{width:10px;height:10px;margin-right:2px}.header__bottom-row{gap:0px}.header__dropdown-icon{width:15px;height:auto}}@media (max-width: 750px){.header__navigation{display:none}.header__dropdown_burger{display:flex;align-items:center;margin-left:auto}.header__dropdown-menu.visible{display:block}}.swap-section{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:900px;margin:90px auto;position:relative}.arrow-container{position:absolute;top:22%;left:50%;transform:translate(-50%,-50%);z-index:10}.swap-arrow{width:45px;height:auto;background-color:var(--button-bg);border-radius:50%;box-shadow:0 4px 8px #0003;padding:8px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.swap-arrow:active{transform:scale(.9) rotate(180deg);opacity:.8}.exchange-card{background-color:var(--card-bg);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:25px;width:100%;max-width:500px;height:180px;box-shadow:0 8px 20px #00000040;position:relative}.exchange-label{font-size:26px;font-weight:700;color:var(--text-light);text-align:left}.token-icons{display:flex;justify-content:flex-end;gap:12px;margin-top:-40px}.token-icon{width:25px;height:auto}.exchange-input-group{display:flex;justify-content:space-between;align-items:center;margin-top:-10px;background-color:transparent;padding:10px 15px;gap:10px;border-radius:12px;box-shadow:none}.currency{color:var(--text-light);font-size:40px;font-weight:700;border:none;background:none;outline:none;flex:1;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1;transition:opacity .2s ease}.currency.empty{color:var(--text-dark);opacity:.7}.currency::placeholder{color:var(--text-dark);opacity:.7}.exchange-dropdown{position:relative;width:120px;background-color:var(--card-bg);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 8px #0003;margin-left:-130px}.dropdown-selected{display:flex;align-items:center;justify-content:space-between;padding:10px;font-size:16px;color:var(--button-bg);background-color:var(--card-bg);border-radius:12px}.dropdown-icon{width:30px;height:30px;margin-right:5px}.dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 8px #0003;width:100%;padding:5px 0;list-style:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:10;max-height:200px;overflow-y:auto}.dropdown-menu .dropdown-item{display:flex;align-items:center;gap:10px;padding:10px;font-size:16px;color:var(--button-bg);cursor:pointer;transition:background-color .2s ease}.dropdown-menu .dropdown-item:hover{background-color:var(--input-bg)}.exchange-dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.exchange-buttons{display:flex;justify-content:space-between;gap:10px}.percentage-button{flex:1;padding:12px;font-size:16px;font-weight:700;background-color:var(--card-bg);color:var(--button-bg);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 8px #00000026}.connect-wallet-button{width:100%;max-width:500px;padding:20px 0;font-size:22px;font-weight:700;background-color:var(--button-bg);color:var(--background-dark);border:none;border-radius:12px;cursor:pointer;text-align:center;box-shadow:0 8px 16px #00000040;transition:transform .2s ease}.connect-wallet-button:active{transform:scale(.95)}@media (max-width: 768px){.swap-section{gap:20px;max-width:100%;margin:40px auto;padding:0 10px;text-align:center}.arrow-container{top:16%}.swap-arrow{width:35px;padding:6px}.exchange-card{width:100%;max-width:320px;height:150px;padding:15px;gap:10px}.exchange-label{font-size:20px}.token-icons{gap:6px;margin-top:-15px;height:20px}.exchange-input-group{padding:8px;gap:8px}.currency{font-size:22px}.exchange-dropdown{width:120px;margin-left:0}.dropdown-selected{padding:5px;font-size:12px}.dropdown-icon{width:18px;height:18px}.dropdown-menu .dropdown-item{font-size:12px;padding:5px}.exchange-buttons{gap:5px}.percentage-button{padding:5px;font-size:12px}.connect-wallet-button{max-width:70%;padding:10px 0;font-size:16px}}.footer{display:flex;flex-direction:column;align-items:center;gap:50px;padding-left:0;padding-right:0;background-color:#3f3222;background-position:center 100px;background-repeat:repeat;background-size:100% auto;width:100vw;margin-top:280px;z-index:1;color:var(--text-light);border-top:1px solid var(--text-dark)}.footer__divider{width:100vw;height:1px;background-color:#fff;margin-bottom:20px;box-shadow:0 -5px 5px #0000004d}.footer__content{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;width:100%;padding:0 40px;max-width:1400px;box-sizing:border-box}.footer__row{display:flex;justify-content:flex-start;gap:155px;width:100%}.footer__column{flex:0 0 10%;max-width:45%;display:flex;flex-direction:column;gap:10px;text-align:left;margin:0;padding:0}.footer__subscribe-column{margin-top:0}.footer__title{font-size:22px;font-weight:700;margin:0;color:var(--button-bg)}.footer__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.footer__links a{text-decoration:none;color:var(--gray-600-01);font-size:16px;transition:color .3s ease}.footer__links a:hover{color:var(--button-bg);text-decoration:underline}.footer__subscribe-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:-20px}.footer__subscribe-title{font-size:22px;font-weight:700;color:var(--button-bg);margin-bottom:0;margin-left:-35px}.footer__subscribe-description{font-size:15px;color:var(--text-dark);margin-bottom:5px;margin-top:0;margin-left:-15px}.footer__subscribe-button{align-self:center;padding:12px 24px;font-size:30px;font-weight:700;background-color:var(--button-bg);color:var(--background-dark);border:none;border-radius:10px;cursor:pointer;transition:transform .2s ease,background-color .3s ease;margin-left:-150px}.footer__subscribe-button:hover{background-color:var(--text-light);color:var(--background-dark);transform:scale(1.05)}.footer__subscribe-button:active{animation:pulse .5s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.footer__social-icons{display:flex;justify-content:flex-end;gap:15px;margin-top:5px;padding:0;margin-right:145px}.footer__social-icons img{width:40px;height:40px;border-radius:50%;transition:transform .3s ease,box-shadow .3s ease}.footer__social-icons img:hover{transform:scale(1.1);box-shadow:0 4px 10px #0003}@media (max-width: 376px){.swap-section,.footer{max-width:100%;max-height:100%;overflow-x:hidden;box-sizing:border-box;padding-left:10px;padding-right:10px;height:500vh}}@media (max-width: 768px){.swap-section,.footer{width:110%;max-width:100vw;max-height:100%;overflow-x:hidden;box-sizing:border-box;padding-left:10px;padding-right:10px}.footer__content{display:flex;flex-direction:column;gap:20px}*{margin:0;padding:0;box-sizing:border-box}.footer__row{display:flex;justify-content:space-between;gap:100px}.footer__column{flex:1;text-align:center}.footer__title{font-size:16px}.footer__links{gap:5px}.footer__links a{font-size:14px}.footer__subscribe-column{margin-top:10px;margin-left:25%;text-align:center;gap:5px}.footer__subscribe-title{font-size:16px;margin-left:0%}.footer__divider{height:1px;width:100vh;margin-bottom:-10px;margin-right:10px}.footer__subscribe-description{font-size:12px;margin-left:3%}.footer__subscribe-button{font-size:14px;margin-left:0%;padding:8px 16px}.footer__social-icons{justify-content:center;gap:8px;margin-top:4px;margin-left:7%}.footer__social-icons img{width:25px;height:25px}}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:#fff;margin:15% auto;padding:20px;width:300px;border-radius:8px;text-align:center;position:relative}.modal-content h2{margin-top:0}.modal-content button{margin:10px;padding:10px 20px;cursor:pointer}.close{position:absolute;right:10px;top:5px;font-size:24px;font-weight:700;cursor:pointer}