body{margin:0;background:#d4a941;font-family:Arial,sans-serif;display:flex;justify-content:center;padding:20px}.container{width:100%;max-width:360px}.card{background:#FAF3DC;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.header{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.header img{width:40px;margin-right:10px}.header-title{font-size:1.2rem;font-weight:700;color:#000}.prices{text-align:center;font-size:.9rem;color:#000;margin-top:5px}.toggle{display:flex;justify-content:center;margin-bottom:20px}.toggle button{flex:1 1;padding:12px 0;border:none;border-radius:999px;margin:0 5px;font-weight:700;cursor:pointer;background:#eee;font-size:1rem}.toggle button.active{background:#d4a941;color:#fff}.section{margin-bottom:20px}.section label{display:block;margin-bottom:5px;font-weight:700;color:#333}.input-group{display:flex;align-items:center;border:1px solid #ccc;border-radius:12px;background:#fff;overflow:hidden}.input-group input{flex:1 1;padding:12px;border:none;outline:none;font-size:1rem}.input-group .token{padding:0 12px;font-weight:700;display:flex;align-items:center}.balance,.info{font-size:.8rem;color:#555;margin-top:5px}.arrow{text-align:center;font-size:1.5rem;margin:10px 0}.slippage{margin-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700}.slippage button{background:#eee;border:none;border-radius:8px;padding:5px 15px;cursor:pointer;font-size:.9rem}.slippage button.active{background:#d4a941;color:#fff}.connect-btn{width:100%;background:#d4a941;color:white;border:none;border-radius:999px;padding:15px 0;font-weight:700;font-size:1rem;cursor:pointer;margin-top:10px}