body{background-color:#121212;background-color:#000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='%23554e60' fill-opacity='.4' fill-rule='evenodd'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/svg%3E");color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.App{padding:20px;text-align:center}.header{align-items:center;background-color:#121212;display:flex;justify-content:space-between;padding:10px 20px}.logo{height:30px;margin-right:20px}.nav-left{align-items:center;display:flex}nav a{color:#888;font-weight:500;margin:0 10px;text-decoration:none;transition:color .3s ease}nav a:hover{color:#fff}.nav-right{align-items:center;display:flex}.wallet-menu{position:relative}.connect-button{background-color:initial;border:2px solid #1f8efa;border-radius:10px;color:#1f8efa;cursor:pointer;font-size:14px;padding:5px 15px;transition:background-color .3s,color .3s}.connect-button:hover{background-color:#1f8efa;color:#fff}.dropdown-menu{background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 8px #0003;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;width:150px;z-index:10}.dropdown-item{color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background .3s ease}.dropdown-item:hover{background-color:#333}.disconnect{color:#ff4d4f}.disconnect:hover{background-color:#5f0a0b}.balance-info,.wallet-info{align-items:center;background-color:#1a1a1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;margin-left:10px;padding:5px 10px}.wallet-info{background-color:initial;border:1px solid #888}.modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#fff;max-width:90%;padding:20px;text-align:center;width:300px}.modal-content h3{color:#1f8efa;margin-bottom:15px}.modal-content p{word-wrap:break-word;font-size:14px;margin:5px 0}.modal-content label{align-items:center;display:flex;font-size:14px;justify-content:center;margin-top:10px}.modal-content input[type=checkbox]{margin-right:5px;width:fit-content}.modal-content button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 20px;transition:background-color .3s ease}.modal-content button:hover{background-color:#ffbf00}.modal-content button:disabled{background-color:#555;cursor:not-allowed}.swap-container{background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 12px #0000004d;margin:30px auto;max-width:400px;padding:30px}.swap-container h2{color:#1f8efa;margin-bottom:20px}.input-group{margin-bottom:15px;text-align:left}.input-group label{color:#888;display:block;margin-bottom:5px}input,select{background-color:#333;border:1px solid #444;border-radius:5px;color:#fff;padding:10px;width:90%}input:focus,select:focus{border-color:#1f8efa;outline:none}button{background-color:#1f8efa;border:2px solid gold;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:13px;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#1571d1}button:disabled{background-color:#555;cursor:not-allowed}.wallet-connect-button{background-color:#1f8efa;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px}.wallet-connect-button:hover{background-color:#1571d1}button.invalid-key{background-color:#ff4d4f;color:#fff;cursor:not-allowed}.custom-header{align-items:center;background-color:#121212;display:flex;font-family:Arial,sans-serif;justify-content:space-between;padding:10px 20px}.custom-logo{height:60px}.custom-nav,.custom-nav-left{align-items:center;display:flex}.custom-nav-item{border-radius:12px;color:#888;font-weight:500;margin:0 10px;padding:8px 15px;text-decoration:none;transition:color .3s ease,background-color .3s ease}.custom-nav-item:hover{color:#fff}.custom-nav-item.active{background-color:#fff;color:#000;font-weight:700}.custom-nav-right{align-items:center;display:flex}.custom-wallet-menu{position:relative}.custom-balance-info,.custom-connect-button,.custom-wallet-info{align-items:center;background-color:#1a1a1a;border:1px solid #888;border-radius:12px;color:#fff;display:flex;margin-left:10px;padding:8px 15px;white-space:nowrap}.custom-dropdown-menu{background-color:#1a1a1a;border-radius:12px;box-shadow:0 4px 8px #0003;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;width:150px;z-index:10}.custom-dropdown-item{color:#fff;cursor:pointer;padding:12px 20px;transition:background-color .3s ease}.custom-dropdown-item:hover{background-color:#333}.custom-hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;margin:1px}.custom-nav-menu{align-items:center;display:flex}.custom-nav-menu.active{display:flex}@media (max-width:768px){.custom-nav{display:none}.custom-hamburger{display:block}.custom-header{padding:0}.custom-logo{height:40px}.custom-nav.active{background-color:#121212;display:flex;flex-direction:column;left:0;padding:10px 0;position:fixed;top:110px;width:100%;z-index:1000}.custom-nav-item{font-size:18px;margin:5px 0;padding:10px;text-align:center;width:100%}.custom-nav-right{margin-top:10px}}.custom-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.custom-modal-content{background-color:#1a1a1a;border-radius:12px;box-shadow:0 4px 12px #0000004d;color:#fff;max-width:90%;padding:30px 20px;text-align:center;width:320px}.custom-modal-content h3{color:#1f8efa;font-size:20px;margin-bottom:20px}.custom-modal-content p{word-wrap:break-word;color:#ddd;font-size:15px;margin:10px 0}.custom-modal-content label{align-items:center;color:#bbb;display:flex;font-size:14px;justify-content:center;margin-top:15px}.custom-modal-content input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.custom-modal-content button{background-color:#1f8efa;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 25px;transition:background-color .3s ease,transform .2s ease}.custom-modal-content button:hover{background-color:#3b9eff;transform:scale(1.05)}.custom-modal-content button:disabled{background-color:#555;color:#888;cursor:not-allowed}.custom-swap-container{background-color:#1a1a1a;border:2px solid;border-radius:20px;box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;margin:80px auto;max-width:400px;padding:20px;width:90%}.custom-swap-section{border:1px solid #dcdcdc;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;padding:10px}.custom-swap-row{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:5px}.custom-swap-label{color:#aaa;font-size:14px;margin-right:10px}.custom-swap-input{background:none;border:none;box-sizing:border-box;color:#fff;flex:1 1;font-size:24px;max-width:100%;outline:none;padding:5px;text-align:left}.custom-token-select-container{align-items:flex-end;display:flex;flex-direction:column;margin-top:5px}.custom-token-select{align-items:center;background-color:#333;border-radius:12px;display:flex;flex-shrink:0;padding:5px 10px}.custom-token-icon{font-size:18px;margin-right:5px}.custom-token-name{color:#fff;font-size:16px;font-weight:700}.custom-dropdown-icon{font-size:12px;margin-left:5px}.custom-token-balance{color:#777;font-size:12px;margin-top:2px;text-align:right;white-space:nowrap}.custom-swap-divider{align-items:center;display:flex;justify-content:center;margin:15px 0}.custom-swap-arrow{color:#fff;font-size:24px}.custom-swap-footer{display:flex;justify-content:center;margin-top:20px}.custom-swap-button{background-color:#444;border:none;border-radius:16px;color:#888;cursor:not-allowed;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.custom-swap-button:not(:disabled){background-color:#1f8efa;color:#fff;cursor:pointer}.custom-swap-button:not(:disabled):hover{background-color:#3b9eff}@media (max-width:480px){.custom-swap-label{font-size:12px}.custom-swap-input{font-size:20px;padding:4px}.custom-token-select{font-size:14px;padding:4px 8px}.custom-token-name{font-size:14px}.custom-swap-button{font-size:14px;padding:10px}}.icon-swap{display:flex;height:20px;width:auto}