body,html{margin:0;padding:0;background:#0a0a0a;color:#b0c4b0;width:100%;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{display:block;justify-content:normal;align-items:normal;padding:0}.swap-root{min-height:100vh;display:flex;flex-direction:column;color:#b0c4b0;background:radial-gradient(circle at 10% 20%,rgba(57,255,20,.04) 0,transparent 20%),radial-gradient(circle at 90% 80%,rgba(57,255,20,.03) 0,transparent 20%)}.swap-nav{height:64px;border-bottom:1px solid #1a2e1a;background:linear-gradient(90deg,#0d0d0d,#111a11 50%,#0d0d0d);position:-webkit-sticky;position:sticky;top:0;z-index:30;box-shadow:0 4px 20px rgba(0,0,0,.7),0 1px 0 rgba(57,255,20,.12)}.nav-container{width:100%}.brand{height:64px;display:flex;align-items:center;gap:8px;padding:0 10px}.brand img{width:48px;height:48px;border-radius:8px}.brand span{font-weight:800;color:#39ff14;flex:1;text-transform:uppercase;letter-spacing:1px;font-size:18px;background:linear-gradient(90deg,#39ff14,#80ff60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.walletconnect{position:relative;display:inline-block;width:200px;height:50px;margin:10px auto 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(57,255,20,.4)}70%{box-shadow:0 0 0 10px rgba(57,255,20,0)}to{box-shadow:0 0 0 0 rgba(57,255,20,0)}}.wallet-button-connected,.wallet-button-disconnected{width:100%;height:100%;font-weight:700;font-size:14px;text-align:center;border-radius:55px;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0;border:1px solid #2a4a2a;background:linear-gradient(160deg,#111a11,#0d140d);color:#b0c4b0;font-family:inherit;line-height:18px;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.4);text-transform:uppercase}.wallet-button-connected:hover,.wallet-button-disconnected:hover{background:linear-gradient(160deg,#1a2e1a,#111a11);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 10px rgba(57,255,20,.1);border-color:#39ff14;color:#39ff14}.wallet-button-connected:active,.wallet-button-disconnected:active{box-shadow:0 4px 15px rgba(0,0,0,.9),inset 0 6px 18px rgba(0,0,0,.95);border-bottom-width:4px;transform:translateY(2px);background:linear-gradient(160deg,#0d140d,#0a0a0a)}.swap-main{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:#0a0a0a;background:radial-gradient(ellipse at center,rgba(10,25,10,.9) 0,rgba(0,0,0,.98) 100%);min-height:calc(100vh - 128px)}.swap-panel{width:100%;max-width:720px;background:linear-gradient(160deg,#0d140d,#080e08);border:1px solid #1a2e1a;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.7),0 0 0 1px rgba(57,255,20,.05),inset 0 1px 0 rgba(57,255,20,.08);padding:0;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease-out}.swap-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #1a2e1a;background:rgba(10,20,10,.7)}.mode{color:#39ff14;letter-spacing:1px;text-transform:uppercase;font-size:14px;background:linear-gradient(90deg,#39ff14,#80ff60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance,.mode{font-weight:800}.balance{color:#b0c4b0;letter-spacing:.5px;font-size:16px;padding:6px 12px;background:rgba(10,20,10,.6);border-radius:20px;border:1px solid #1a2e1a}.swap-row{display:grid;grid-template-columns:1fr 160px;gap:12px;align-items:center;padding:20px;border-bottom:1px solid #1a2e1a}.asset{display:flex;flex-direction:column;gap:6px}.asset-btn{background:linear-gradient(160deg,#111a11,#0d140d);color:#c8ffc8;border:1px solid #1a2e1a;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.4);transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.asset-btn:hover{background:linear-gradient(160deg,#1a2e1a,#111a11);transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.5),0 0 8px rgba(57,255,20,.1);border-color:#2a4a2a;color:#39ff14}.asset-sub{color:#5a7a5a;font-size:12px}.amount{background:linear-gradient(160deg,#0d140d,#080e08);color:#b0c4b0;border:1px solid #1a2e1a;border-radius:12px;padding:14px;font-size:20px;text-align:right;box-shadow:inset 0 2px 8px rgba(0,0,0,.6);transition:all .3s ease}.amount:focus{outline:none;border-color:#39ff14;box-shadow:inset 0 2px 8px rgba(0,0,0,.6),0 0 0 2px rgba(57,255,20,.2)}.swap-divider{position:relative;padding:0;border-bottom:1px solid #1a2e1a}.swap-icon{display:block;width:42px;height:42px;margin:0 auto;border-radius:50%;background:#0d140d;border:1px solid #1a2e1a;color:#39ff14;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 8px rgba(57,255,20,.1)}.route-row,.swap-icon{display:flex;align-items:center}.route-row{gap:12px;padding:16px 24px;border-bottom:1px solid #1a2e1a;background:rgba(10,20,10,.5)}.flash{color:#39ff14;font-size:18px;animation:pulse 2s infinite}.route-tag{background:linear-gradient(160deg,#111a11,#0d140d);border:1px solid #1a2e1a;color:#b0c4b0;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.route-tag.alt{background:linear-gradient(160deg,#0d140d,#080e08);border-color:#1a2e1a}.swap-action{width:calc(100% - 40px);margin:20px 20px 24px;height:60px;border-radius:16px;background:linear-gradient(160deg,#39ff14,#28cc0f);color:#0a0a0a;font-weight:900;letter-spacing:2px;border:none;cursor:pointer;align-items:center;justify-content:center;display:flex;box-shadow:0 15px 35px rgba(45,231,12,.25),inset 0 1px 0 rgba(227,7,7,.2);transition:all .3s ease;text-transform:uppercase;font-size:16px}.swap-action:hover:not(:disabled){background:linear-gradient(160deg,#50ff30,#39ff14);transform:translateY(-3px);box-shadow:0 20px 40px rgba(57,255,20,.35),inset 0 1px 0 rgba(255,255,255,.3);position:relative}.swap-action:hover:not(:disabled):after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:16px;background:linear-gradient(90deg,rgba(57,255,20,.2),rgba(128,255,96,.3),rgba(57,255,20,.2));z-index:-1;animation:glow 2s ease-in-out infinite alternate}.swap-action:disabled{background:linear-gradient(160deg,#1a2e1a,#111a11);color:#ffffff;cursor:not-allowed;box-shadow:0 5px 15px rgba(0,0,0,.3);align-items:center;justify-content:center;display:flex}.swap-footer{border-top:1px solid #1a2e1a;background:linear-gradient(90deg,#0d0d0d,#111a11 50%,#0d0d0d);color:#5a7a5a;padding:30px;text-align:center;box-shadow:0 -4px 12px rgba(0,0,0,.6),0 -1px 0 rgba(57,255,20,.08)}.footer-container{display:flex;flex-direction:column;gap:12px;align-items:center}.socials{display:flex;gap:16px}.socials a{color:#7a9a7a;text-decoration:none;font-weight:800;padding:10px 20px;border:1px solid #1a2e1a;border-radius:20px;transition:all .3s ease;background:rgba(10,20,10,.5)}.socials a:hover{color:#39ff14;background:rgba(20,40,20,.7);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.4),0 0 8px rgba(57,255,20,.15);border-color:#2a4a2a}.error-message,.info-message,.loading-message{padding:20px 24px;text-align:center;font-size:16px;border-bottom:1px solid #1a2e1a;background:rgba(10,20,10,.8);border-radius:0 0 12px 12px;margin:0 20px}.loading-message{color:#b0c4b0;animation:fadeIn .5s ease-out}.info-message{color:#b0c4b0;background:rgba(10,20,10,.8);border-left:4px solid #2a4a2a}.error-message{color:#ff6666;background:rgba(20,10,10,.8);border-left:4px solid #ff4444}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:linear-gradient(160deg,#0d140d,#080e08);border:1px solid #1a2e1a;border-radius:20px;padding:30px;width:90%;max-width:500px;box-shadow:0 25px 50px rgba(0,0,0,.7),0 0 0 1px rgba(57,255,20,.06),inset 0 1px 0 rgba(57,255,20,.08);color:#c8ffc8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease-out}.popup-content h2{color:#39ff14;text-align:center;margin-top:0;font-size:24px;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(90deg,#39ff14,#80ff60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.swap-details{display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 0}.swap-item{font-size:20px;font-weight:700;padding:16px;background:linear-gradient(160deg,#111a11,#0d140d);border-radius:12px;width:100%;text-align:center;color:#c8ffc8;border:1px solid #1a2e1a;box-shadow:0 4px 15px rgba(0,0,0,.4)}.swap-arrow{font-size:24px;color:#39ff14}.popup-message{color:#b0c4b0;text-align:center;margin:20px 0;line-height:1.5}.popup-actions{display:flex;gap:12px;margin-top:20px}.popup-button{flex:1;padding:14px;border:1px solid #1a2e1a;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;background:linear-gradient(160deg,#111a11,#0d140d);color:#c8ffc8;text-transform:uppercase;letter-spacing:1px;font-weight:800;box-shadow:0 4px 15px rgba(0,0,0,.4)}.popup-button:hover{background:linear-gradient(160deg,#39ff14,#28cc0f);color:#0a0a0a;transform:translateY(-3px);box-shadow:0 6px 20px rgba(57,255,20,.3);border-color:#39ff14}.popup-button:active{transform:translateY(0);background:linear-gradient(160deg,#28cc0f,#1a9900);box-shadow:0 2px 10px rgba(57,255,20,.2)}@keyframes glow{0%{opacity:.5}to{opacity:1}}@media (max-width:600px){.swap-row{grid-template-columns:1fr}.amount{text-align:left}.walletconnect{width:120px;height:36px}.wallet-button-connected,.wallet-button-disconnected{font-size:12px}.brand img{width:32px;height:32px}.brand span{font-size:14px}.popup-content{padding:16px}.popup-actions{flex-direction:column;justify-content:center;align-items:center;display:flex}}